Show Menu
SUJETS×

Editer le contenu

Définir une condition de visibilité

Vous pouvez spécifier une condition de visibilité sur un élément de la page web : cet élément ne sera visible que si la condition de visibilité est respectée.
Pour ajouter une condition de visibilité, sélectionnez un bloc et saisissez la condition à remplir dans le champ Condition de visibilité au moyen de l'éditeur d'expression.
L'édition d'expression avancée est présentée dans cette page .
Ces conditions adoptent la syntaxe d’expression XTK (par exemple ctx.recipient.@email != "" or ctx.recipient.@status=="0" ). Par défaut, tous les champs sont visibles.
Les blocs dynamiques non visibles, tels que les menus déroulants, ne peuvent être édités.

Ajouter une bordure et une trame

Vous pouvez ajouter une bordure au bloc sélectionné. Les bordures se définissent au travers de trois options : style, taille et couleur.
Vous pouvez aussi définir une couleur de fond en sélectionnant une couleur dans le nuancier.

Editer les formulaires

Modifier les propriétés des données d'un formulaire

Vous pouvez associer des champs de la base à des blocs de type zone de saisie, bouton radio ou case à cocher.
Les champs par défaut sont ceux du schéma de stockage de l'application Web.
La zone de sélection Champ permet de sélectionner un champ de la base de données à associer avec le champ du formulaire.
Par défaut, les champs proposés sont ceux de la table nms:recipient .
L'option Champ obligatoire permet de n'autoriser la validation de la page que si l'utilisateur a renseigné le champ. Si un champ obligatoire n'est pas renseigné, un message d'erreur sera affiché.
Pour les boutons radio et cases à cocher, une configuration supplémentaire est requise .
En effet, si le modèle utilisé ne contient pas de valeur par défaut, vous devez les compléter dans l'éditeur.
Pour cela :
  • Cliquez sur l'icône Edition .
  • Complétez le champ Valeur avec la valeur de l'énumération associée (définie par le champ sélectionné).

Modifier les champs de formulaires

Les champs de formulaires de type boutons radio, zones de saisie, listes déroulantes, etc., peuvent être modifiés à partir de leur barre d'outils.
Vous pouvez ainsi :
  • Supprimer le bloc contenant le champ du formulaire à partir de l'icône Supprimer .
  • Dupliquer le champ sélectionné en créant un nouveau bloc, à partir de l'icône Dupliquer .
  • Editer la fenêtre Données de formulaire afin d'associer un champ de la base à la zone du formulaire, à partir de l'icône Editer .

Ajouter une action sur un bouton

Lorsque l'utilisateur clique sur un bouton, vous pouvez définir une action associée. Pour cela, sélectionnez l'action à réaliser dans la liste déroulante.
Les actions disponibles sont les suivantes :
  • Actualiser : actualise la page en cours.
  • Page suivante : crée un lien vers la prochaine page de l'application Web.
  • Page précédente : crée un lien vers la page précédente de l'application Web.
La valeur Aucune permet de ne pas activer le bouton.
Vous pouvez modifier le libellé associé au bouton dans le champ correspondant.

Modifier les attributs de la police

Lorsque vous sélectionnez un élément de texte, vous pouvez modifier les attributs de la police de caractères (style, format).
Les options disponibles sont les suivantes :
  • Icône Agrandir la police  : augmente la taille du texte sélectionné (ajouter <span style="font size:"> )
  • Icône Réduire la police  : réduit la taille du texte sélectionné (ajouter <span style="font size:"> )
  • Icône Gras  : ajoute le style gras au texte sélectionné (entoure le texte de la balise <strong> </strong> )
  • Icône Italique  : ajoute le style italique au texte sélectionné (entoure le texte de la balise <em> </em> )
  • Icône Souligner  : ajoute le style souligné au texte sélectionné (entoure le texte de la balise <span style="text-decoration: underline;"> )
  • Icône Aligner à gauche : aligne le texte à gauche du bloc sélectionné (ajoute style="text-align: left;")
  • Icône Centrer : centre le texte du bloc sélectionné (ajoute style="text-align: center;")
  • Icône Aligner à droite : aligne le texte à droite du bloc sélectionné (ajoute style="text-align: right;")
  • Icône Changer la couleur de fond : permet de changer la couleur de fond du bloc sélectionné (ajoute style="background-color: rgba(170, 86, 255, 0.87))
  • Icône Changer la couleur du texte : permet de changer la couleur de tout le texte dans le bloc ou seulement celle du texte sélectionné ( <span style="color: #CODE"> )
  • Icône Supprimer : supprime le bloc et tout son contenu.
  • Icône Dupliquer : duplique le bloc et également tous les styles rattachés au bloc.

Gestion des images et animations

Le Digital Content Editor permet de travailler avec tous types d'images dont le format est compatible avec les navigateurs.
Pour être compatible avec le DCE, les animations de type "Flash" doivent être insérées dans une page HTML de la manière suivante :
<object type="application/x-shockwave-flash" data="https://www.mydomain.com/flash/your_animation.swf" width="200" height="400">
 <param name="movie" value="https://www.mydomain.com/flash/your_animation.swf" />
 <param name="quality" value="high" />
 <param name="play" value="true"/>
 <param name="loop" value="true"/> 
</object>

Vous ne devez pas appeler de fichiers externes dans une balise script de la page HTML. Ces fichiers ne seront pas importés sur le serveur Adobe Campaign.

Ajouter / Supprimer / Dupliquer une image

Pour insérer une image, sélectionnez un bloc de type Image et cliquez sur l'icône Image .
Sélectionnez un fichier image enregistré en local.
L’icône Supprimer supprime la balise contenant l’image.
L’icône Dupliquer duplique la balise et son contenu.
Lors de la duplication d'une image, les identifiants relatifs à la nouvelle image sont supprimés.

Modifier les propriétés d'une image

Lorsque vous sélectionnez un bloc contenant une image, vous accédez aux propriétés suivantes :
  • Légende permet de définir une légende associée à l'image (correspond à l'attribut HTML alt ).
  • Dimensions permet de spécifier, en pixels, de la taille de l'image.

Ajouter du contenu de personnalisation

Insertion d'un champ de personnalisation

L'option Champ de personnalisation de l'icône d'insertion permet d'ajouter un champ de la base de données dans le contenu, par exemple le prénom du destinataire. Cette option n'est disponible que pour les blocs de type Texte.
Par défaut, les champs proposés sont ceux de la table Destinataire . Au besoin, éditez les propriétés de l'application Web pour sélectionner une autre table.
Le nom du champ apparaît dans l'éditeur, surligné en jaune. Il sera remplacé, lors de la génération de la personnalisation (par exemple, lors de la prévisualisation d'une landing page), par la valeur correspondant au profil du destinataire ciblé.
Un exemple est présenté dans la section Insertion d’un champ de personnalisation .

Insérer un bloc de personnalisation

L'option Bloc de personnalisation permet d'insérer des blocs dynamiques et personnalisés dans le contenu. Vous pouvez par exemple ajouter un logo ou un message de salutations. Elle n'est disponible que pour les blocs de type Texte.
Après l'insertion, le nom du bloc de personnalisation apparaît dans l'éditeur, surligné en jaune. Il sera automatiquement adapté au profil du destinataire lors de la génération de la personnalisation.
Pour plus d'informations sur les blocs de personnalisation d'usine et sur la définition des blocs de personnalisation personnalisés, consultez cette page .