Création d’emails
Utilisez Adobe Journey Optimizer B2B Edition pour envoyer des messages électroniques à vos clients. Vous pouvez créer, personnaliser et prévisualiser des messages dans le concepteur d’e-mail.
Ajout d’une action de courrier électronique dans un parcours de compte
Vous pouvez configurer des diffusions email dans un Parcours de compte lorsque vous ajoutez un noeud Take an action et procédez comme suit :
-
Pour la cible Action sur, choisissez Personnes.
-
Pour l’ action sur les personnes, choisissez Envoyer un email.
-
Pour la source d'email, choisissez Créer un email.
Vous pouvez également sélectionner l’option Sélectionner un email dans Adobe Marketo Engage pour utiliser l’un des emails précréés dans Marketo Engage et l’envoyer dans le cadre du Parcours de compte.
note note NOTE Si vous créez un email pour la première fois, assurez-vous que le canal email est configuré dans Adobe Marketo Engage. Pour en savoir plus, consultez la section Assurer la délivrabilité des emails dans la documentation du Marketo Engage. {width="700" modal="regular"}
-
Au bas du panneau Agir sur une action, cliquez sur Créer un email.
-
Dans la boîte de dialogue, saisissez un nom unique pour l’email et une ligne Objet.
{width="400"}
-
Cliquez sur Créer.
Dans la section Propriétés de l'email de la page de contenu de l'email, les champs De l'email et Répondre à l'adresse sont déjà configurés. Vous pouvez saisir des valeurs pour les champs From name et Description (facultatif).
Créer le contenu d’un e-mail
Cliquez sur Ajouter du contenu d'email en haut du panneau d'aperçu Email.
{width="700" modal="regular"}
Cette action lance le Designer d'email, dans lequel vous pouvez choisir la manière dont vous souhaitez concevoir votre email à partir des options suivantes :
-
Concevez entièrement votre email à l’aide de l’interface Designer des emails.
-
Importez du contenu HTML existant à partir d’un fichier ou d’un dossier .zip.
-
Sélectionnez un modèle existant dans une liste de modèles d’email intégrés ou personnalisés.
Pour configurer et personnaliser la ligne d’objet à l’aide de l’éditeur d’expression, cliquez sur l’icône Personalization et ajoutez les jetons du Marketo Engage.
Après avoir créé et personnalisé le contenu de l’email, vous pouvez l’exporter pour validation ou pour une utilisation ultérieure. Cliquez sur Exporter l’HTML pour enregistrer le contenu sous la forme d’un fichier .zip contenant votre HTML et vos ressources.
Concevoir votre e-mail à partir de zéro design-from-scratch
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.
-
Sur la page d'accueil Concevez votre modèle , sélectionnez l'option Concevoir à partir de zéro .
-
Ajoutez la structure et le contenu au message électronique.
-
Ajoutez des ressources image au message électronique.
Une fois le contenu terminé, cliquez sur Simuler le contenu dans la partie supérieure pour vérifier le rendu. Vous pouvez choisir la vue bureau ou la vue mobile.
Lorsque le contenu vous satisfait, cliquez sur Enregistrer.
Importer du contenu d’HTML existant
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 :
-
Sur la page d'accueil Concevez votre modèle , sélectionnez l'option Importer l'HTML .
-
Faites glisser et déposez le fichier HTML ou .zip contenant le contenu HTML, puis cliquez sur Importer.
{width="500"}
<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électionner un modèle
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.
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.
{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.
{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.
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.
{width="800" modal="regular"}
Ajouter la structure et le contenu structure-content
-
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. {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.
-
Développez la section Contenu et ajoutez autant d’éléments que nécessaire dans un ou plusieurs composants de structure.
{width="800" modal="regular"}
-
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.
-
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.
{width="700" modal="regular"}
-
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.
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 ( ) qui s’affiche à gauche.
L’exemple suivant décrit les étapes à suivre pour ajouter des ressources au contenu du modèle :
-
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.
-
Ajoutez une nouvelle ressource en la faisant glisser dans un composant de structure.
{width="800" modal="regular"}
Pour plus d’informations sur l’utilisation des ressources de votre type source, voir Ajout de ressources à votre contenu.
-
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.
{width="600" modal="regular"}
Navigation dans 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.
{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.
-
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.
{width="800" modal="regular"}
-
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.
{width="700" modal="regular"}
-
-
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é 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.
-
Sélectionnez le composant de texte et cliquez sur l’icône Ajouter la personnalisation de la barre d’outils.
{width="600"}
Cette action ouvre la boîte de dialogue Modifier Personalization.
-
Cliquez sur + ou … pour ajouter un jeton à l’espace vide.
{width="700" modal="regular"}
-
Cliquez sur Enregistrer.
Modification du suivi des URL liées
-
Cliquez sur l'icône Liens à gauche pour afficher toutes les URL de votre contenu à suivre.
-
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.
{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.
Vérifier les alertes
Lorsque vous concevez le contenu de vos emails, des alertes s’affichent dans l’interface (en haut à droite de la page) lorsque des paramètres clés sont manquants.
Si ce bouton ne s’affiche pas, aucun problème n’est détecté.
Deux types d’alertes peuvent être détectés :
-
Avertissements qui font référence à des recommandations et à des bonnes pratiques, telles que :
-
The opt-out link is not present in the email body
: l'ajout d'un lien de désinscription dans le corps de votre email est une bonne pratique.note note NOTE Les messages électroniques de style marketing doivent inclure un lien d’exclusion, qui n’est pas obligatoire pour les messages transactionnels. -
Text version of HTML is empty
: n’oubliez pas de définir une version texte du corps de votre email, qui est utilisée lorsque le contenu de l’HTML ne peut pas être affiché. -
Empty link is present in email body
: vérifiez que tous les liens de votre email sont corrects. -
Email size has exceeded the limit of 100KB
: pour une diffusion optimale, vérifiez que la taille de votre email ne dépasse pas 100 Ko.
-
-
Erreurs qui vous empêchent de tester ou d’activer le parcours/la campagne tant qu’elles ne sont pas résolues, par exemple :
-
The subject line is missing
: l’objet de l’email est obligatoire. -
The email version of the message is empty
: cette erreur s'affiche lorsque le contenu de l'email n'a pas été configuré.
-
Vérifier et tester l’e-mail preview-test
Lorsque le contenu de votre message est défini, vous pouvez utiliser des profils de test pour le prévisualiser, envoyer des bons à tirer et contrôler son rendu sur les clients courants de bureau, de mobile et web. Si vous avez inséré du contenu personnalisé, vous pouvez prévisualiser l'affichage de ce contenu dans le message à l'aide des données de profil de test.
Pour prévisualiser le contenu de l'email, cliquez sur Simuler le contenu, puis ajoutez un profil de test pour vérifier votre message à l'aide des données de profil de test.
{width="700" modal="regular"}