Création de modèle d’e-mail email-template-authoring
Pour accélérer et améliorer le processus de conception, vous pouvez créer des modèles d’e-mail autonomes pour réutiliser facilement du contenu personnalisé.
Création d’un modèle d’e-mail create-an-email-template
-
Connectez-vous à Marketo Engage via Adobe Experience Cloud.
-
Dans Mon Marketo, sélectionnez Design Studio.
-
Dans l'arborescence, sélectionnez Modèles d'email (nouvel éditeur).
-
Cliquez sur le bouton Créer un modèle.
-
Saisissez un nom de modèle et une description facultative. Cliquez sur Créer.
Concevoir votre modèle design-your-template
Sur la page Concevoir votre modèle, vous pouvez choisir parmi plusieurs options. Concevoir en partant de zéro, importer votre propre HTML ou sélectionner un modèle existant (l’un de nos exemples ou celui que vous avez déjà enregistré).
Créer en partant de zéro design-from-scratch
Définissez votre contenu en ajoutant et en déplaçant des éléments structurels à l’aide de simples actions de glisser-déposer.
-
Sur la page Concevoir votre modèle, sélectionnez Créer en partant de zéro.
-
Ajoutez structure et contenu.
Importation de votre HTML import-your-html
Vous pouvez importer du contenu HTML existant pour concevoir vos modèles d’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.
note note NOTE Lorsque le contenu HTML est chargé, votre contenu se trouve en mode de compatibilité. Dans ce mode, vous pouvez uniquement personnaliser votre texte, ajouter des liens ou ajouter des ressources à votre contenu. -
Pour tirer parti des composants de contenu Designer d’e-mail, cliquez sur l’onglet Convertisseur HTML puis sur Convertir.
note caution CAUTION 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 désormais personnaliser le fichier importé selon vos besoins à l’aide de l’é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 de ressources 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é.
Afficher les options view-options
Tirez parti des options d’affichage et de validation du contenu disponibles dans l’éditeur visuel d’e-mail.
-
Effectuez un zoom avant/arrière sur le contenu à l’aide des options de zoom prédéfinies.
-
Affichez le contenu sur les appareils de bureau, mobiles ou en texte seul/texte brut.
-
Cliquez sur l’icône Affichage dynamique (œ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 votre contenu.
-
Plus d’options more-options
À partir des options Plus de l’éditeur de contenu, vous pouvez effectuer les actions suivantes :
-
Réinitialiser le modèle : sélectionnez cette option pour vider la zone de travail du concepteur d’e-mail visuel et redémarrer la création de contenu.
-
Modifier votre conception : revenez à la page Concevoir votre modèle. À partir de là, vous pouvez effectuer n’importe quelle action comme indiqué dans la section Concevoir votre modèle.
-
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.
Affichage des détails du modèle view-template-details
Dans la page de liste Modèles d’e-mail, cliquez sur le nom d’un modèle d’e-mail pour en afficher les détails.
Les détails de base tels que le nom et la description peuvent être modifiés. Cliquez en dehors du champ que vous avez modifié pour enregistrer vos modifications.
Cliquez sur Plus pour supprimer ou dupliquer rapidement votre modèle.
S’il existe des alertes actives (erreurs/avertissements pour le modèle d’e-mail), cliquez sur Alertes pour afficher les informations.
Afficher le modèle d’e-mail utilisé par les références email-template-used-by-references
Dans le résumé du modèle d’e-mail, cliquez sur l’onglet Utilisé par pour afficher les détails de l’utilisation de ce modèle d’e-mail dans Marketo Engage.
Modifier les modèles d’e-mail edit-email-templates
Cette action peut être effectuée à partir de :
- Onglet Détails - Cliquez sur Modifier le modèle d’e-mail.
Cette action vous conduit à la page Concevoir votre modèle ou à la page de l’éditeur de contenu visuel en fonction du dernier statut enregistré du modèle d’e-mail. À partir de là, vous pouvez modifier le contenu de votre modèle d’e-mail selon vos besoins. Voir Création de modèles d’e-mail pour plus d’informations sur les options de modification.
Dupliquer les modèles d’e-mail duplicate-email-templates
Il existe deux manières de dupliquer un modèle d’e-mail :
-
Dans les détails du modèle d’e-mail sur la droite, cliquez sur Plus et sélectionnez Dupliquer.
-
Sur la page de liste Modèles d’e-mail, cliquez sur l’icône Plus d’actions (points de suspension) du modèle d’e-mail souhaité, puis sélectionnez Dupliquer.
Dans la boîte de dialogue, saisissez un nom unique et une description facultative. Cliquez sur Dupliquer lorsque vous avez terminé.
Le modèle d’e-mail dupliqué apparaît alors dans la page de liste Modèles d’e-mail.
Supprimer les modèles d’e-mail delete-email-templates
Vous pouvez supprimer un modèle d’e-mail de deux façons.
-
Dans les détails du modèle d’e-mail sur la droite, cliquez sur Plus et sélectionnez Supprimer.
-
Sur la page de liste Modèles d’e-mail, cliquez sur l’icône Plus d’actions (points de suspension) du modèle d’e-mail souhaité, puis choisissez Supprimer.
Actions en masse bulk-actions
Sur la page de liste Modèles d’e-mail, sélectionnez plusieurs modèles en cochant les cases situées à gauche. Une bannière s’affiche en bas.
Supprimer : vous pouvez supprimer un maximum de 20 modèles à la fois. Une boîte de dialogue de confirmation vous permet d’abandonner l’action ou de confirmer la suppression.