[S’applique également à la 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.
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.
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.
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.
Vous pouvez modifier le libellé associé au bouton dans le champ correspondant.
Ajouter un lien adding-a-link
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.
<target>.- 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
Lien vers une URL link-to-a-url
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. Le champ URL doit être renseigné comme suit : https://www.myURL.com.
Lien vers une application Web link-to-a-web-application
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.
Lien vers une action link-to-an-action
L'option Lien définissant une action permet de paramétrer une action lors du clic sur l'élément-source.
Supprimer un lien delete-a-link
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.
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">)
-
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.
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.
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.