Documentation Journey Optimizer édition B2B Documentation de l’édition B2B de Journey Optimizer

Création d'un modèle d'email

Dernière mise à jour : 6 mars 2025

Après avoir créé un modèle d’e-mail, utilisez le concepteur visuel pour créer les composants de structure et de contenu dans votre modèle d’e-mail.

Ajouter la structure et le contenu

Pour commencer la conception de contenu, faites glisser un élément de l’élément Structures et déposez-le sur la zone de travail.

Ajoutez autant d'éléments de Structures que nécessaire et modifiez les paramètres de chacun dans le volet de droite.

TIP
Sélectionnez le composant n:n column pour définir le nombre de colonnes de votre choix (entre trois et dix). Vous pouvez également définir la largeur de chaque colonne en déplaçant les flèches sous la colonne.

La taille de chaque colonne ne peut pas être inférieure à 10 % de la largeur totale du composant de structure. Seules les colonnes vides peuvent être supprimées.
Développez la section Contenu et ajoutez autant d’éléments que nécessaire dans un ou plusieurs composants de structure.
Si nécessaire, vous pouvez effectuer des personnalisations supplémentaires pour chaque composant dans les onglets Paramètres ou Style .

Par exemple, vous pouvez modifier le style de texte, la marge ou la marge intérieure de chaque composant.
Pour ajouter du contenu conditionnel et adapter le contenu aux profils ciblés selon des règles conditionnelles, sélectionnez un composant de contenu et cliquez sur l’icône Activer le contenu conditionnel dans la barre d’outils du composant.

Pour plus d’informations, voir Contenu conditionnel.

Ajouter des fragments

Un fragment visuel est un composant de conception réutilisable pouvant être référencé par plusieurs ressources de contenu dans Adobe Journey Optimizer B2B edition. Il s’agit généralement d’un bloc de contenu qui peut être précréé et rapidement inséré pour rendre la création plus rapide et plus cohérente.

L’exemple suivant décrit les étapes à suivre pour ajouter des fragments au fur et à mesure que vous créez votre contenu.

Pour ouvrir la liste des fragments, sélectionnez l’icône Fragments ( ).

Vous pouvez effectuer les actions suivantes :
- Triez la liste.
- Parcourez, recherchez ou filtrez la liste.
- Basculez entre les vues Miniature et Liste.
- Actualisez la liste pour refléter l’un des fragments récemment créés.
Faites glisser et déposez l’un des fragments dans le composant structurel.

L’éditeur effectue le rendu du fragment dans la section/l’élément de la structure de l’e-mail.

TIP
Pour ajouter le fragment afin qu’il occupe toute la disposition horizontale dans l’e-mail, ajoutez une structure de colonnes 1:1, puis faites-y glisser le fragment et déposez-le.

Le contenu du fragment est mis à jour dynamiquement dans la structure pour afficher le contenu tel qu’il apparaît dans votre contenu.

recommendation-more-help

Champs modifiables

Un fragment visuel peut inclure des champs modifiables que vous pouvez personnaliser. Les champs personnalisés vous permettent de modifier des paramètres lorsque vous incorporez le fragment dans votre contenu et de créer une expérience personnalisée sans affecter le fragment d’origine. Si un fragment inclus contient des composants avec des champs modifiables, vous pouvez modifier les valeurs par défaut.

Sélectionnez le composant de fragment.

Les paramètres affichés à droite incluent les champs modifiables et avec les valeurs par défaut.
Modifiez les champs modifiables selon les besoins.

Une fois le modèle enregistré, il s’affiche dans la page des détails du fragment lorsque vous sélectionnez l’onglet Utilisé par dans le résumé.

Ajout de ressources

Dans l’éditeur de contenu visuel, sélectionnez l’icône Marketo Engage Assets ( ) ou l’icône Experience Manager Assets ( ) dans la barre de navigation de gauche. Dans le sélecteur de ressources, vous pouvez sélectionner directement les ressources stockées dans la bibliothèque source.

NOTE

Si vous disposez de Adobe Experience Manager en tant que Cloud Service, vous avez accès aux référentiels pour Marketo Engage Design Studio et Adobe Experience Manager Assets as a Cloud Service lorsque votre compte utilisateur dispose des autorisations requises. Ces référentiels sont séparés et non synchronisés. Vous pouvez utiliser des ressources d’images provenant de l’une ou l’autre des sources.

Ajoutez une nouvelle ressource en faisant glisser la ressource image et en la déposant dans un composant de structure.
Remplacez une ressource image existante en la sélectionnant sur la zone de travail et en cliquant sur Sélectionner une ressource dans les outils source d’images.

Pour plus d’informations sur l’utilisation des ressources de votre type de source, voir Utilisation des ressources pour la création de contenu.

Parcourir les calques, paramètres et styles

Lorsque vous travaillez avec le contenu du concepteur visuel, vous pouvez accéder aux calques/conteneurs et aux éléments à l’aide de l’arborescence Navigation. Cliquez sur l’icône Navigation pour afficher l’arborescence à gauche de la zone de travail.

Accéder aux couches de contenu

L'exemple suivant décrit les étapes à suivre pour ajuster la marge intérieure et l'alignement vertical à l'intérieur d'un composant de structure composé de colonnes.

Sélectionnez la colonne dans le composant de structure directement dans la zone de travail ou à l’aide de l’Arborescence de navigation affichée à gauche.
Dans la barre d'outils des colonnes, cliquez sur l'outil Sélectionner une colonne et choisissez celle que vous souhaitez modifier.

Vous pouvez également la sélectionner dans l'arborescence. Les paramètres modifiables pour cette colonne sont affichés dans les onglets Paramètres et Styles à droite.
Pour modifier les propriétés de colonne, cliquez sur l’onglet Styles à droite et modifiez-les selon vos besoins :
- Pour Background, modifiez la couleur d’arrière-plan selon les besoins.
  
  Décochez la case pour un arrière-plan transparent. Activez le paramètre Image d'arrière-plan pour utiliser une image comme arrière-plan au lieu d'une couleur unie.
- Pour Alignement, sélectionnez l’icône Haut, Milieu ou Bas.
- Pour Marge intérieure, définissez la marge intérieure de tous les côtés.
  
  Sélectionner Marge intérieure différente pour chaque côté si vous souhaitez mieux définir la marge intérieure. Cliquez sur l’icône Verrouiller pour interrompre la synchronisation.
- Développez la section Avancé pour définir des styles intégrés pour la colonne.
Si nécessaire, répétez ces étapes pour ajuster l’alignement et la marge intérieure des autres colonnes du composant.
Enregistrez vos modifications.

Personnaliser le contenu

Journey Optimizer B2B edition utilise une syntaxe simple intégrée qui vous permet de créer des expressions avec du contenu personnalisé placé entre des accolades doubles {}. Vous pouvez ajouter plusieurs expressions dans le même contenu ou champ sans restriction.

Exemples :

Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}
Hello {{profile.person.name.fullName}}

Lors du traitement du contenu, Journey Optimizer B2B edition remplace l’expression par les données contenues dans la base de données Experience Platform. Donc, le premier exemple devient Bonjour John Doe.

L’exemple suivant décrit les étapes de personnalisation du contenu à l’aide d’attributs de lead/compte et de jetons système.

Sélectionnez le composant de texte et cliquez sur l’icône Ajouter une personnalisation dans la barre d’outils.

Cette action ouvre la boîte de dialogue Modifier le Personalization.
Cliquez sur + ou … pour ajouter un jeton à l’espace vide.
Cliquez sur Enregistrer.

Modifier le tracking des URL liées

Cliquez sur l’icône Liens à gauche pour afficher toutes les URL du contenu à tracker.
Si nécessaire, cliquez sur l’icône Modifier ( ) et modifiez le Type de tracking ou Libellé.

Vous pouvez également ajouter des Balises pour un lien.

Cliquez sur l’icône Modifier pour accéder au suivi des liens

Afficher les options

Tirez parti des options d’affichage et de validation du contenu disponibles dans le concepteur visuel.

Effectuez un zoom avant/arrière sur le contenu dans les options de zoom prédéfinies.
Basculez vers l’affichage du contenu sur les ordinateurs de bureau, les appareils mobiles ou en texte seul/texte brut.
- Cliquez sur l’icône Œil pour afficher un aperçu du contenu sur tous les appareils.
- Sélectionnez l’un des appareils prêts à l’emploi ou saisissez des dimensions personnalisées pour prévisualiser le contenu.

Plus d’options

Dans le menu Plus… situé en haut du Concepteur d’e-mail, vous pouvez effectuer les actions suivantes :

Cliquez sur Plus pour accéder aux actions du modèle

Réinitialiser le modèle - Cliquez sur cette option pour vider la zone de travail du concepteur visuel de sa substance et redémarrer la création de contenu.
Enregistrer en tant que fragment - Enregistrez la totalité ou une partie du modèle en tant que fragment à réutiliser dans plusieurs e-mails ou modèles d’e-mail. Indiquez un nom et une description pour le fragment et enregistrez-le dans la liste des fragments disponibles.
Modifier votre conception - Revenez à la page Concevoir votre modèle. À partir de là, vous pouvez choisir de concevoir votre modèle à partir de zéro ou utiliser un modèle existant pour redémarrer le processus de conception.
Exporter HTML - Téléchargez le contenu de la zone de travail visuelle sur votre système local au format HTML présenté sous la forme d’un fichier zip.