[v7]{class="badge informative" title="S’applique à Campaign Classic v7"} [v8]{class="badge positive" title="S’applique également à Campaign v8"}

Modifier le contenu editing-content

Définir une condition de visibilité defining-a-visibility-condition

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.

NOTE
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.

NOTE
Les blocs dynamiques non visibles, tels que les menus déroulants, ne peuvent être édités.

Ajouter une bordure et un arrière-plan adding-a-border-and-background

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 d’arrière-plan en sélectionnant une couleur dans le nuancier.

Editer les formulaires editing-forms

Modifier les propriétés des données d'un formulaire changing-the-data-properties-for-a-form

Vous pouvez associer des champs de la base à des blocs de type zone de saisie, bouton radio ou case à cocher.

NOTE
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 modifying-form-fields

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 adding-an-action-to-a-button

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.
NOTE
La valeur Aucune permet de ne pas activer le bouton.

Vous pouvez modifier le libellé associé au bouton dans le champ correspondant.

Vous pouvez insérer un lien sur tout élément de la page : image, mot, groupe de mots, bloc de texte, etc.

Pour cela, sélectionnez l’élément, puis utilisez la première icône du menu pop-up.

Cette icône permet d'accéder à tous les types de liens disponibles.

Les blocs de personnalisation et champs de personnalisation ne peuvent être insérés que dans des blocs de type Texte.

NOTE
Pour chaque type de lien, vous pouvez configurer le mode d’ouverture : sélectionnez la fenêtre cible dans la liste déroulante Cible. Cette valeur correspond à la balise HTML <target>.
La liste des cibles disponibles est la suivante :
  • Autre (IFrame)
  • Fenêtre la plus en avant (_top)
  • Fenêtre parente (_parent)
  • Nouvelle fenêtre (_blank)
  • Fenêtre courante (_self)
  • Comportement par défaut du navigateur

L'option Lien vers une URL externe permet d'ouvrir n'importe quelle URL à partir du contenu source.

Saisissez l'adresse du lien en question dans le champ URL champ . Le champ URL doit être renseigné comme suit : https://www.myURL.com.

L'option Lien vers une application Web permet d'accéder à une application Web Adobe Campaign.

Sélectionnez l'application Web à partir du champ correspondant.

La liste des applications Web proposées correspond aux applications notamment disponibles dans le noeud Ressources > On-Line > Applications Web.

L'option Lien définissant une action permet de paramétrer une action lors du clic sur l'élément-source.

NOTE
Les actions disponibles sont détaillées dans la section Ajouter une action sur un bouton.

Lorsqu'un lien a été inséré, la barre d'outils propose deux nouvelles icônes : Editer le lien et Rompre le lien qui permettent d'interagir avec le lien créé.

  • Editer le lien permet d'afficher une fenêtre récapitulative de tous les paramètres du lien.
  • Rompre le lien permet de supprimer, après confirmation, le lien ainsi que tous les paramétrages liés.
NOTE
Dans le cas d'une suppression de lien, le contenu est conservé.

Modifier les attributs de la police changing-font-attributes

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 d’arrière-plan  : permet de changer la couleur d’arrière-plan du bloc sélectionné (add 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">)
NOTE
  • 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 managing-images-and-animations

Le Digital Content Editor permet de travailler avec tous types d'images dont le format est compatible avec les navigateurs.

CAUTION
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 adding---deleting---duplicating-an-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.

CAUTION
Lors de la duplication d'une image, les identifiants relatifs à la nouvelle image sont supprimés.

Modifier les propriétés d'une image editing-image-properties

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 adding-personalization-content

Insertion d'un champ de personnalisation inserting-a-personalization-field

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 inserting-a-personalization-block

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.

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1