Modèles d'e-mail

Pour accélérer et améliorer le processus de conception, vous pouvez créer des modèles d’email autonomes pour réutiliser du contenu personnalisé sur les parcours de compte de Adobe Journey Optimizer B2B Edition. Grâce aux modèles, les membres de votre équipe orientés contenu peuvent travailler sur le contenu d’un email en dehors des parcours. Les stratèges marketing peuvent ensuite réutiliser et adapter ces modèles autonomes dans leurs parcours de compte. Par exemple, un membre de l’équipe est responsable du contenu uniquement, sans accès aux parcours du compte. Cependant, ils peuvent créer un modèle de courrier électronique que les marketeurs peuvent sélectionner comme point de départ pour les communications par courrier électronique et le personnaliser en fonction des exigences du parcours.

Accès et gestion des modèles d’email

Pour accéder aux modèles d’email dans l’édition B2B de Adobe Journey Optimizer, accédez au volet de navigation de gauche et cliquez sur Gestion de contenu > Modèles. Cette action ouvre une page de liste avec tous les modèles d'email créés dans l'instance répertoriés dans un tableau.

Le tableau est trié par colonne Modifié, les modèles mis à jour le plus récemment se trouvant en haut de la liste par défaut. Cliquez sur le titre de la colonne pour passer d’un titre croissant à un titre décroissant.

Pour rechercher un modèle par nom, saisissez une chaîne de texte dans la barre de recherche. Cliquez sur l’icône Filtrer en haut à gauche pour filtrer la liste en fonction des dates de création ou de modification et des modèles que vous avez créés ou modifiés.

Accédez à la bibliothèque de modèles d'email et filtrez par nom et dates {width="700" modal="regular"}

Personnalisez les colonnes que vous souhaitez afficher dans le tableau en cliquant sur l’icône Personnaliser le tableau en haut à droite. Sélectionnez les colonnes à afficher et cliquez sur Appliquer.

Sur la page de liste, vous pouvez effectuer les actions décrites dans les sections suivantes.

Créer des modèles de courrier électronique

Vous pouvez créer un modèle d’email à partir de la page de liste des modèles d’email en cliquant sur Créer un modèle en haut à droite.

  1. Dans la boîte de dialogue, saisissez un Nom et une Description (facultatif).

    Entrez les propriétés initiales du nouveau modèle d'email {width="400"}

  2. Définissez la source d'image initiale.

    Si vous disposez d’un abonnement pour Experience Manager Assets as a Cloud Service ainsi que de Adobe Marketo Engage Design Studio par défaut, vous pouvez sélectionner des ressources d’image à partir de l’une des sources. Pour cela, vous devez sélectionner la source de l'image au moment de la création pour un modèle d'email ou un fragment visuel. Cependant, vous pouvez également sélectionner la source de l’image lorsque vous modifiez le contenu.

    Pour plus d’informations sur les sources d’images, voir Assets.

  3. Cliquez sur Créer.

La page Concevez votre modèle s’ouvre et fournit plusieurs options pour créer le modèle : Concevoir à partir de zéro, Importer un HTML ou Sélectionner un modèle de conception.

Choisissez comment commencer avec votre conception de modèle d'email {width="800" modal="regular"}

Créer en partant de zéro

Utilisez l'éditeur visuel de contenu pour définir la structure du contenu de l'email. En ajoutant et en déplaçant des composants structurels à l’aide de simples actions de glisser-déposer, vous pouvez concevoir la forme du contenu d’email réutilisable en quelques secondes.

NOTE
Les outils de conception disponibles sont équivalents aux outils utilisés pour la création d’email. La différence est que ce contenu est ensuite enregistré comme un modèle qui peut être réutilisé sur plusieurs noeuds d’e-mail d’envoi dans les parcours de compte.
  1. Sur la page d'accueil Concevez votre modèle , sélectionnez l'option Concevoir à partir de zéro .

  2. Ajoutez la structure et le contenu au modèle.

Importer du contenu HTML

L’édition B2B de Adobe Journey Optimizer vous permet d’importer du contenu d’HTML existant pour concevoir vos modèles d’email.

Le contenu importé peut être :

  • Un fichier d’HTML avec une feuille de style intégrée

  • Fichier .zip contenant un fichier d’HTML, la feuille de style (.css) et les images

    note note
    NOTE
    Il n’existe aucune contrainte sur la structure des fichiers .zip. Toutefois, les références doivent être relatives et s’adapter à l’arborescence du dossier .zip. Les images sont toujours chargées dans le référentiel de ressources du Marketo Engage connecté. Si vous souhaitez gérer les fichiers image dans Experience Manager Assets, téléchargez-les séparément dans cette interface d’application et modifiez les liens image dans le concepteur d’email.

Pour importer un fichier contenant du contenu HTML :

  1. Sur la page d'accueil Concevez votre modèle , sélectionnez l'option Importer l'HTML .

  2. Faites glisser et déposez le fichier HTML ou .zip contenant le contenu HTML, puis cliquez sur Importer.

importer du contenu html dans un fichier zip {width="500"}

NOTE
L’utilisation d’une balise <table> comme première couche d’un fichier HTML peut entraîner une perte de style, y compris les paramètres d’arrière-plan et de largeur dans la balise de couche supérieure.

Vous pouvez personnaliser le contenu importé selon vos besoins à l’aide des outils visuels de l’éditeur d’email.

Sélection d’un modèle de conception

Vous pouvez choisir parmi les options suivantes :

  • Exemples de modèles. L’interface de Journey Optimizer propose 20 modèles d’email d’usine que vous pouvez choisir.

  • Modèles enregistrés. Utilisez un modèle personnalisé enregistré que vous avez créé entièrement à l’aide du menu Modèles ou enregistré à partir d’un email dans un parcours à l’aide de l’option Enregistrer en tant que modèle de contenu .

Utilisez la section Sélectionner un modèle de conception pour commencer à créer votre contenu à partir d’un modèle. Vous pouvez utiliser un exemple de modèle ou un modèle de courrier électronique personnalisé enregistré à partir de votre instance Journey Optimizer B2B Edition.

Modèles enregistrés

Sur la page d'accueil Concevez votre modèle, l'onglet Modèles d'exemple est sélectionné par défaut. Pour utiliser un modèle personnalisé, sélectionnez l’onglet Modèles enregistrés .

La liste de tous les modèles de courrier électronique créés sur l’environnement de test actuel s’affiche. Vous pouvez les trier par Nom, Dernière modification et Dernière création.

Choisir un modèle enregistré {width="800" modal="regular"}

Sélectionnez le modèle de votre choix dans la liste.

Une fois la sélection effectuée, un aperçu du modèle s’affiche. En mode Aperçu, vous pouvez naviguer entre tous les modèles d’une catégorie (échantillon ou enregistré, selon votre sélection) à l’aide des flèches droite et gauche.

Aperçu du modèle enregistré {width="800" modal="regular"}

Lorsque l’affichage correspond à ce que vous souhaitez utiliser, cliquez sur Utiliser ce modèle en haut à droite de la fenêtre d’aperçu.

Cette action copie le contenu dans le concepteur de contenu visuel, où vous pouvez modifier le contenu selon vos besoins.

Exemples de modèles

L’édition B2B de Adobe Journey Optimizer offre une sélection de modèles d’email prêts à l’emploi, qui peuvent être utilisés pour créer des emails et des modèles d’email.

Choisissez un modèle fourni par Adobe {width="800" modal="regular"}

Ajouter la structure et le contenu structure-content

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

    note tip
    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.

    Faites glisser une structure sur la zone de travail et ajustez les paramètres {width="800" modal="regular"}

    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.

  2. Développez la section Contenu et ajoutez autant d’éléments que nécessaire dans un ou plusieurs composants de structure.

    Faites glisser un élément de contenu sur la zone de travail et ajustez les paramètres {width="800" modal="regular"}

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

Ajouter des fragments

Dans l’éditeur visuel de contenu, l’icône Fragments s’affiche sur la gauche. L’exemple suivant décrit les étapes à suivre pour ajouter des fragments au contenu du modèle.

  1. Pour ouvrir la liste des fragments, cliquez sur l’icône Fragments .

    Vous pouvez effectuer les actions suivantes :

    • Triez la liste.
    • Parcourir, rechercher ou filtrer la liste.
    • Basculez entre les modes Miniature et Liste.
    • Actualisez la liste pour refléter les fragments récemment créés.

    Sélectionner un fragment dans la liste {width="700" modal="regular"}

  2. Faites glisser et déposez l’un des fragments dans l’espace réservé du composant structurel.

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

Le contenu du fragment est mis à jour dynamiquement dans la structure afin d’afficher la manière dont le contenu apparaît dans l’email.

TIP
Si vous souhaitez ajouter le fragment afin qu'il occupe l'intégralité de la disposition horizontale dans l'email, ajoutez une structure de colonnes 1:1, puis faites glisser et déposez le fragment dans celui-ci.

Une fois l’email enregistré, il apparaît dans la page des détails du fragment lorsque vous sélectionnez l’onglet Utilisé par dans le résumé. Les fragments ajoutés à un modèle de courrier électronique ne sont pas modifiables dans le modèle ; le contenu est défini par le fragment source.

Ajout de ressources

Dans l’éditeur de contenu visuel, sélectionnez l’icône Assets ( Afficher Assets ) qui s’affiche à gauche.

NOTE
Si vous disposez d’un abonnement pour Experience Manager Assets as a Cloud Service avec Adobe Marketo Engage Design Studio par défaut, vous choisissez la source d’image au moment de la création pour un email, un modèle de courrier électronique ou un fragment visuel. Vous pouvez également sélectionner la source de l’image avant d’ouvrir le concepteur visuel en vue de la modifier.

L’exemple suivant décrit les étapes à suivre pour ajouter des ressources au contenu du modèle :

  1. Pour ouvrir la bibliothèque de ressources, cliquez sur l’icône Assets .

    À partir du sélecteur de ressources, vous pouvez sélectionner directement des ressources stockées dans la bibliothèque source.

  2. Ajoutez une nouvelle ressource en la faisant glisser dans un composant de structure.

    Faites glisser une ressource de Marketo Engage sur la zone de travail et ajustez les paramètres {width="800" modal="regular"}

    Pour plus d’informations sur l’utilisation des ressources de votre type source, voir Ajout de ressources à votre contenu.

  3. Remplacez une ressource image existante en la sélectionnant sur la zone de travail, puis en cliquant sur Sélectionner une ressource dans les outils de source d’image.

    Sélectionner une ressource dans la bibliothèque source {width="600" modal="regular"}

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 {width="800" modal="regular"}

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.

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

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

    Composants de colonne affichés dans le concepteur visuel {width="800" modal="regular"}

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

    Modifier les styles de la colonne sélectionnée {width="700" modal="regular"}

  4. Si nécessaire, répétez ces étapes pour ajuster l’alignement et la marge intérieure des autres colonnes du composant.

  5. 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é encadré de doubles accolades {}. 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 message (email et SMS), Journey Optimizer B2B Edition remplace l'expression par les données contenues dans la base de données Experience Platform. Ainsi, le premier exemple devient Hello John Doe.

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

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

    Cliquez sur l’icône Personnaliser {width="600"}

    Cette action ouvre la boîte de dialogue Modifier Personalization.

  2. Cliquez sur + ou pour ajouter un jeton à l’espace vide.

    Créer du texte personnalisé à l’aide de jetons {width="700" modal="regular"}

  3. Cliquez sur Enregistrer.

Modification du suivi des URL liées

  1. Cliquez sur l'icône Liens à gauche pour afficher toutes les URL de votre contenu à suivre.

  2. Si nécessaire, cliquez sur l'icône Edit (crayon) et modifiez le Tracking Type ou le Label.

    Vous pouvez également ajouter balises pour un lien.

Cliquez sur Plus pour accéder aux actions de modèle {width="500"}

Options d’affichage

Tirez parti des options de vue et de validation du contenu disponibles dans l’éditeur visuel de courrier électronique.

  • Zoom avant/arrière sur le contenu sur les options de zoom prédéfinies.

  • Basculez l’affichage du contenu sur Bureau, Mobile ou Texte unique/Texte brut.

    • Cliquez sur l’icône OEil pour afficher l’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

À partir du sélecteur Plus d’options de l’éditeur de contenu visuel, vous pouvez effectuer les actions suivantes :

Cliquez sur Plus pour accéder aux actions de modèle {width="500"}

  • Réinitialiser le modèle - Cliquez sur cette option pour effacer le canevas visuel du concepteur d’email sur une barre d’outils vide et redémarrer la création de contenu.
  • Enregistrer en tant que fragment - Enregistrez tout ou partie de ce fragment en tant que fragment à réutiliser dans plusieurs emails ou modèles de courrier électronique. Vous fournissez un nom et une description pour les fragments, puis il s’affiche dans la liste des fragments disponibles.
  • Modifiez votre conception - Revenez à la page Concevez votre modèle. À partir de là, vous pouvez agir comme indiqué dans la section "Créer des modèles d’email".
  • Exporter l’HTML - Téléchargez le contenu dans la zone de travail visuelle vers votre système local au format d’HTML présenté sous la forme d’un fichier zip.

Afficher les détails d’un modèle de courrier électronique

Sur la page de liste Modèles , cliquez sur le nom d’un modèle de courrier électronique pour ouvrir la page de détails du modèle de courrier électronique. À partir de là, vous pouvez afficher les propriétés de base du modèle d’email et accéder à l’éditeur visuel de contenu pour apporter des modifications au contenu du modèle.

Accédez à la bibliothèque de modèles d'email et filtrez par nom et dates {width="700" modal="regular"}

  • Affichez les détails du modèle de courrier électronique, tels que le nom et la description. Ces paramètres peuvent être modifiés. Cliquez en dehors de la zone de description pour enregistrer automatiquement les modifications.

  • Affichez les propriétés du modèle d’email telles que les propriétés créées par, créées le, mises à jour le plus récent et modifiées par .

  • Cliquez sur Plus en haut à droite pour exécuter des actions rapides sur le modèle de courrier électronique, telles que Dupliquer et Supprimer.

  • S’il existe des alertes actives (erreurs et avertissement pour le modèle d’email), cliquez sur Alertes en haut à droite pour afficher les informations.

    Bien que ces alertes n’interdisent pas l’utilisation du modèle d’email pour la création d’email, ces informations permettent aux marketeurs de se familiariser avec ce qui pourrait ne pas fonctionner et les mises à jour requises avant qu’il ne puisse être utilisé pour la diffusion.

Affichage des références utilisées par le modèle de courrier électronique

Dans la page des détails des modèles d’email, cliquez sur l’onglet Utilisé par pour afficher les détails de l’utilisation de ce modèle d’email dans les emails sur les parcours de compte.

Cliquez sur l’onglet Utilisé par pour vérifier l’utilisation des modèles {width="400"}

Les emails de Journey Optimizer B2B Edition sont incorporés et créés dans parcours. Par conséquent, le parcours parent de l’email qui utilise le modèle s’affiche dans les références.

  • Cliquez sur le lien pour accéder à l'email de parcours correspondant dans lequel le modèle d'email est utilisé.

  • Quittez la vue à tout moment en cliquant sur la flèche Précédent, ce qui vous ramène à la page de liste.

Modifier des modèles de courrier électronique

Cette action peut être réalisée à partir des éléments suivants :

  • La page de détails - Cliquez sur Modifier le modèle d'email.
  • La page de liste : cliquez sur les points de suspension () en regard d’un modèle de courrier électronique et choisissez Modifier.

Cette action vous conduit à la page Concevoir votre modèle ou à la page de l’éditeur de contenu visuel en fonction du dernier état enregistré du modèle d’email. À partir de là, vous pouvez modifier le contenu de votre modèle d’email selon vos besoins. Pour plus d’informations sur les options de modification, voir Création de modèles d’email .

Dupliquer des modèles d'email

Vous pouvez dupliquer un modèle d'email en utilisant l'une des méthodes suivantes :

  • Dans les détails du modèle d'email sur la droite, développez Plus et cliquez sur Dupliquer.

    Cliquez sur Plus pour accéder aux actions Supprimer et dupliquer {width="400"}

  • Sur la page de liste Modèles d'email, cliquez sur les points de suspension (…) en regard du modèle et sélectionnez Dupliquer.

Dans la boîte de dialogue, saisissez un nom (unique) et une description utiles. Cliquez sur Dupliquer pour terminer l’action.

Le modèle de courrier électronique dupliqué (nouveau) s’affiche alors dans la liste Modèles de courrier électronique.

Supprimer des modèles de courrier électronique

La suppression d’un modèle de courrier électronique est irréversible. Vérifiez donc avant de lancer une action de suppression. Vous pouvez supprimer un modèle d'email à l'aide de l'une des méthodes suivantes :

  • Dans les détails du modèle à droite, développez Plus et cliquez sur Supprimer.

  • Sur la page de liste Modèles d'email, cliquez sur les points de suspension (…) en regard du modèle et choisissez Supprimer.

    Cliquez sur ... pour accéder aux actions Dupliquer et Supprimer {width="500"}

Cette action ouvre une boîte de dialogue de confirmation. Vous pouvez interrompre le processus en cliquant sur Annuler ou sur Supprimer pour confirmer la suppression.

Actions en masse

Dans la page de liste des modèles d’email, sélectionnez plusieurs modèles à la fois en cochant les cases à gauche. Une bannière s’affiche en bas lorsque vous sélectionnez plusieurs modèles.

Une bannière affiche le nombre de modèles sélectionnés et l’icône Supprimer {width="600"}

Supprimer : vous pouvez supprimer jusqu’à 20 modèles à la fois. Une boîte de dialogue de confirmation vous permet d’abandonner l’action ou de confirmer la suppression des modèles.

Création d’un email à partir d’un modèle enregistré

Depuis l’écran Créer votre e-mail, utilisez la section Sélectionner un modèle de conception pour commencer à créer votre contenu à partir d’un modèle.

Pour commencer à créer votre contenu avec l’un des modèles d’email créés, procédez comme suit :

  1. Accédez au Designer d'email à partir de la page Modifier le contenu .

    Sur la page Créer votre email, l'onglet Modèles d'exemple est sélectionné par défaut.

  2. Pour utiliser un modèle de courrier électronique personnalisé, sélectionnez l’onglet Modèles enregistrés .

    Cet onglet affiche la liste de tous les modèles de courrier électronique créés dans l’environnement de test. Vous pouvez les trier Par nom, Dernière modification et Dernière création.

  3. Sélectionnez le modèle de votre choix dans la liste.

    Une fois la sélection effectuée, un aperçu du modèle s’affiche. En mode Aperçu, vous pouvez naviguer entre tous les modèles d’une catégorie (échantillon ou enregistré, selon votre sélection) à l’aide des flèches droite et gauche.

  4. Cliquez sur Utiliser ce modèle en haut à droite.

  5. Dans le concepteur de contenu visuel, modifiez votre contenu selon vos besoins.

recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0