Création d’e-mails email-authoring
Découvrez comment créer, personnaliser et prévisualiser des e-mails dans le nouveau Designer d’e-mail de Marketo Engage.
Créer un e-mail create-an-email
Les e-mails du concepteur d’e-mail ne peuvent être créés que dans Design Studio et référencés dans les campagnes/listes intelligentes, ou créés/utilisés directement dans les programmes d’e-mail pour le moment.
-
Connectez-vous à Marketo Engage via Adobe Experience Cloud.
-
Dans Mon Marketo, sélectionnez Design Studio.
-
Dans l’arborescence, sélectionnez E-mails (nouvel éditeur).
-
Cliquez sur le bouton Créer un e-mail.
-
Saisissez un nom d’e-mail et une ligne d’objet. Cliquez sur Créer.
-
Connectez-vous à Marketo Engage via Adobe Experience Cloud.
-
Recherchez et sélectionnez (ou créez) votre programme de messagerie.
-
Vous disposez de deux options pour créer un e-mail. Cliquez avec le bouton droit sur le nom de votre programme de messagerie et sélectionnez Nouvelle ressource locale, ou cliquez sur le bouton +Nouvel e-mail dans la zone E-mail du tableau de bord. Dans cet exemple, nous allons effectuer la première.
-
Sélectionnez E-mail (nouvel éditeur).
-
Saisissez un nom d’e-mail et une ligne d’objet. Cliquez sur Créer.
C'est ça. Il est maintenant temps de concevoir votre e-mail.
Choisir votre type de contenu choose-your-content-type
-
Dans l’e-mail que vous venez de créer, cliquez sur Ajouter du contenu d’e-mail.
-
La page Créer votre e-mail se charge. Plusieurs options s’offrent à vous :
-
Concevoir en partant de zéro à l’aide de l’éditeur visuel d’email
-
Importer votre propre HTML via un fichier HTML ou zip
-
Sélectionnez un modèle existant (un de nos exemples ou un que vous avez déjà enregistré)
Créer en partant de zéro design-from-scratch
Lorsque vous commencez à partir de zéro dans l’éditeur d’e-mail, utilisez les options ci-dessous pour définir votre contenu.
-
Sur la page Créer votre e-mail, sélectionnez Créer en partant de zéro.
-
Ajoutez structure et contenu à votre e-mail.
-
Ajoutez images.
-
Personnalisez votre contenu.
-
Consulter les liens et modifier le suivi.
Importer du contenu HTML import-html
Vous pouvez importer du contenu HTML existant pour concevoir votre e-mail. Le contenu peut être :
-
Fichier HTML avec feuille de style incorporée
-
Fichier .zip contenant un fichier HTML, la feuille de style (.css) et les images.
-
Sur la page Concevoir votre modèle , sélectionnez Importer HTML.
-
Effectuez un glisser-déposer du fichier HTML ou .zip souhaité (ou sélectionnez un fichier sur votre ordinateur), puis cliquez sur Importer.
Vous pouvez apporter les modifications souhaitées au contenu importé à l’aide des outils éditeur visuel d’e-mail.
Choisir un modèle choose-a-template
Vous avez le choix entre deux types de modèles.
-
Exemples de modèles : Marketo Engage propose quatre modèles d’e-mail prêts à l’emploi.
-
Modèles enregistrés : il s’agit de modèles que vous avez créés à partir de zéro à l’aide du menu Modèles , ou d’un e-mail que vous avez créé et que vous avez choisi d’enregistrer en tant que modèle.
Choisissez l’un des modèles prêts à l’emploi pour prendre un bon départ dans la conception de votre modèle d’e-mail.
-
L’onglet Exemples de modèles est ouvert par défaut.
-
Sélectionnez le modèle que vous souhaitez utiliser.
-
Cliquez sur Utiliser ce modèle.
-
Modifiez le contenu selon vos besoins à l’aide du concepteur de contenu visuel.
-
Cliquez sur l’onglet Modèles enregistrés et sélectionnez le modèle souhaité.
-
Cliquez sur Utiliser ce modèle.
-
Modifiez le contenu selon vos besoins à l’aide du concepteur de contenu visuel.
Ajouter la structure et le contenu add-structure-and-content
-
Pour commencer à créer ou modifier du contenu, faites glisser et déposez un élément de Structures sur la zone de travail. Modifiez ses paramètres dans le volet de droite.
note tip TIP Sélectionnez le composant n:n colonne pour définir le nombre de colonnes de votre choix (entre trois et 10). Vous pouvez également définir la largeur de chaque colonne en déplaçant les flèches situées sous celle-ci. 
note note NOTE 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. -
Dans la section Contenu , faites glisser les éléments de votre choix et déposez-les dans un ou plusieurs composants de structure.
-
Chaque composant peut être personnalisé via les onglets Paramètres ou Style . Modifiez la police, le style de texte, la marge, etc.
Ajouter des fragments add-fragments
-
Pour accéder à vos fragments, sélectionnez l’icône Fragments (
-
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’e-mail. Le contenu du fragment est mis à jour dynamiquement dans la structure pour afficher le contenu tel qu’il apparaît dans l’e-mail.
Une fois l’e-mail enregistré, il apparaît dans l’onglet Utilisé par de la page des détails du fragment. Les fragments ajoutés à un modèle d’e-mail ne sont pas modifiables dans le modèle ; le fragment source définit le contenu.
Ajout d’Assets add-assets
Ajoutez les images stockées dans la section Images et fichiers de votre instance Marketo Engage.
-
Pour accéder à vos images, cliquez sur l’icône Sélecteur de ressources .
-
Faites glisser et déposez l’image souhaitée dans un composant de structure.
note note NOTE Pour remplacer une image existante, sélectionnez-la, puis cliquez sur Sélectionner une ressource dans l’onglet Paramètres à droite.
Calques, paramètres et styles layers-settings-styles
Ouvrez l’arborescence de navigation pour accéder à des structures spécifiques et à leurs colonnes/composants en vue d’une modification plus granulaire. Pour y accéder, cliquez sur l’icône Arborescence de navigation .
L’exemple ci-dessous 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 Colonne, cliquez sur l’outil Sélectionner une colonne et choisissez celle à modifier.
Vous pouvez également le sélectionner dans l’arborescence de la structure. Les paramètres modifiables de cette colonne sont affichés dans les onglets Paramètres et Styles sur la droite.
-
Pour modifier les propriétés de la colonne, cliquez sur l’onglet Styles à droite et modifiez-les selon vos besoins :
-
Pour Arrière-plan, modifiez la couleur d’arrière-plan si nécessaire.
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 pour tous les côtés.
Sélectionnez Marge intérieure différente pour chaque côté si vous souhaitez ajuster la marge intérieure. Cliquez sur l’icône Verrouiller pour interrompre la synchronisation.
-
Développez la section Avancé pour définir les styles intégrés de la colonne.
-
-
Répétez ces étapes selon les besoins pour ajuster l’alignement et la marge intérieure des autres colonnes du composant.
-
Enregistrez vos modifications.
Personnaliser le contenu personalize-content
Les jetons fonctionnent dans le nouvel éditeur de la même manière que dans l’ancien, mais l’icône a un aspect différent. L’exemple ci-dessous décrit l’ajout d’un jeton de prénom avec un texte de remplacement.
-
Sélectionnez le composant de texte. Placez le curseur à l’endroit où vous souhaitez que le jeton apparaisse, puis cliquez sur l’icône Ajouter une personnalisation.
-
Cliquez sur le type de jeton souhaité.
-
Recherchez le jeton souhaité et cliquez sur l’icône … (cliquer sur l’icône + ajoute un jeton sans texte de remplacement).
note note NOTE « Texte de remplacement » est le nouveau terme de l’éditeur pour la valeur par défaut. Exemple : {{lead.First Name:default=Friend}}. Il est recommandé au cas où il n’y aurait aucune valeur pour la personne dans le champ que vous choisissez. -
Définissez le texte de remplacement, puis cliquez sur Ajouter.
-
Cliquez sur Enregistrer
Modifier le tracking des URL edit-url-tracking
Il arrive que vous ne souhaitiez pas activer l’URL de tracking Marketo sur un lien d’un e-mail. Cela s’avère utile lorsque la page de destination ne prend pas en charge les paramètres d’URL et peut entraîner la rupture d’un lien.
-
Cliquez sur l’icône Liens pour afficher toutes les URL de votre e-mail.
-
Cliquez sur l’icône en forme de crayon pour modifier le suivi de tous les liens souhaités.
-
Cliquez sur la liste déroulante Type de tracking et effectuez votre sélection.
table 0-row-2 1-row-2 2-row-2 html-authored no-header Suivi sans mkt_tok Active le tracking sur l’URL sans utiliser le paramètre de chaîne de requête mkt_tok dans l’URL de destination Suivi avec mkt_tok Active le tracking sur l’URL avec utilisation du paramètre de chaîne de requête mkt_tok dans l’URL de destination Ne pas suivre Désactive le tracking de l'URL -
Vous pouvez éventuellement attribuer un libellé à l’URL ou ajouter des balises.
-
Cliquez sur Enregistrer lorsque vous avez terminé.
Vérifier les alertes check-alerts
Lorsque vous concevez votre contenu, des alertes s’affichent en haut à droite de l’écran lorsque des paramètres clés sont manquants.
Il existe deux types d’alertes :
Avertissements
Les avertissements se rapportent aux recommandations et aux bonnes pratiques telles que :
- Le lien d’exclusion ne figure pas dans le corps de l’e-mail : bien que les liens de désabonnement soient obligatoires, il est recommandé de les ajouter au corps de votre e-mail.
-
Version texte d’HTML vide : vous devez définir une version texte du corps de votre e-mail pour les cas où le contenu d’HTML ne peut pas être affiché.
-
Lien vide figurant dans le corps de l’e-mail : vérifiez que tous les liens de votre e-mail sont corrects.
-
La taille de l’e-mail a dépassé la limite de 100KB : pour une diffusion optimale, veillez à ce que la taille de votre e-mail ne dépasse pas 100KB.
Erreurs
Les erreurs vous empêchent d’envoyer ou de tester l’e-mail jusqu’à ce qu’elles soient résolues :
-
Ligne d’objet manquante : une ligne d’objet d’e-mail est requise.
-
La version e-mail du message est vide : cette erreur se produit lorsque le contenu de l’e-mail n’a pas été configuré.
Tester l’e-mail test-your-email
Lorsque le contenu de votre message est défini, vous pouvez utiliser des profils de test pour le prévisualiser, envoyer des BAT et contrôler son rendu sur les clients de bureau, mobiles et web les plus courants. Si vous avez inséré du contenu personnalisé, vous pouvez vérifier son affichage dans le message à l’aide des données de profil de test.
Pour prévisualiser le contenu de votre e-mail, cliquez sur Simuler du contenu, puis ajoutez un profil de test pour vérifier votre message à l’aide des données de profil de test.
Référencer un e-mail reference-an-email
Les e-mails Designer sont accessibles dans les programmes E-mail, Engagement, Par défaut et Événement (à l’exception des programmes de webinaire interactif). Si vous avez créé votre e-mail dans Design Studio, il peut être référencé à partir de campagnes et/ou listes dynamiques comme vous le feriez avec tout autre e-mail.
-
Référencez-le dans une liste dynamique en suivant les étapes habituelles.
-
Référencez-le dans une campagne dynamique en en suivant les étapes habituelles.