Conception d'e-mails à partir de zéro designing-an-email-content-from-scratch

Découvrez comment maîtriser l’édition de contenu d’email. Avec le concepteur d’e-mail, vous pouvez créer des emails et des modèles avec ou sans votre propre contenu prédéfini.

Voici les principales étapes pour créer entièrement un contenu d’email à l’aide du concepteur d’e-mail :

  1. Créez un email et ouvrez son contenu.
  2. Ajoutez des composants de structure pour former l’email. Voir Modifier la structure de l’email.
  3. Insérez des composants de contenu et des fragments dans les composants de structure. Voir Ajouter des fragments et des composants de contenu.
  4. Ajoutez des images et éditez le texte de l’email. Voir Insérer des images.
  5. Personnalisez votre email en ajoutant des champs de personnalisation, des liens, etc. Voir Insertion d’un champ de personnalisation, Insérer un lien et Définir du contenu dynamique dans un email.
  6. Définissez l’objet de l’email. Voir Personnaliser l’objet d’un email.
  7. Prévisualisez l’email.
  8. Enregistrez votre contenu et traitez votre message après avoir vérifié que vous avez défini une audience et correctement planifié l’envoi.

Vous pouvez également regarder cette vidéo de présentation.

NOTE
Pour éviter de créer entièrement un contenu d’email, vous pouvez utiliser des modèles de contenu d’usine. Pour plus d'informations, consultez la section Modèles de contenu.

Définition de la structure d’un email defining-the-email-structure

Le concepteur d’e-mail permet de définir facilement la structure de votre email. En ajoutant et en déplaçant des éléments structurels à l’aide de simples actions de glisser-déposer, vous pouvez concevoir la forme de votre email en quelques secondes.

Pour éditer la structure d’un email :

  1. Ouvrez un contenu existant ou créez un contenu d’email.

  2. Accédez aux Composants de structure en sélectionnant l’icône + de gauche.

  3. Déposez les composants de structure dont vous avez besoin pour former votre email.

    Une ligne bleue matérialise la position exacte des composants de structure avant de les déposer. Vous pouvez placer vos composants au-dessus, entre ou sous n’importe quel composant, mais pas à l’intérieur.

    note note
    NOTE
    Les colonnes empilées ne sont pas compatibles avec tous les programmes de messagerie. Lorsqu’elles ne sont pas prises en charge, les colonnes ne sont pas empilées.
    Une fois qu’ils ont été placés dans l’email, vous ne pouvez pas déplacer ni supprimer vos composants, à moins qu’un composant de contenu ou un fragment ne soit déjà placé à l’intérieur.
  4. Plusieurs composants de structure constitués d’une ou de plusieurs colonnes sont disponibles.

    Sélectionnez le composant n:n colonne pour définir le nombre de colonnes de votre choix (entre 3 et 10). Vous pouvez aussi définir la largeur de chaque colonne en déplaçant les flèches situées au bas de 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. Vous ne pouvez pas supprimer une colonne qui n’est pas vide.

Lorsque la structure est définie, vous pouvez ajouter des fragments de contenu et des composants à votre email.

Utilisation d’un pré-titre preheader

Un pré-titre est un texte de résumé court qui suit l’objet d’un message lorsque vous le visualisez depuis votre boîte de réception. Le pré-titre permet d’obtenir un taux d’ouverture plus élevé.

Sélectionnez la zone de modification du pré-titre et complétez le contenu.

Vous pouvez ajouter un bloc de contenu, un contenu dynamique ou un champ de personnalisation dans le contenu du pré-titre.

NOTE
Le pré-titre n’est pas compatible avec tous les programmes de messagerie. Lorsqu’il n’est pas pris en charge, le pré-titre ne s’affiche pas.

Utilisation des composants de contenu about-content-components

Les composants de contenu sont des composants bruts et vides que vous pouvez éditer une fois qu’ils ont été placés dans un email.

Vous pouvez ajouter autant de composants de contenu que vous le souhaitez dans un composant de structure. Vous pouvez également les déplacer à l’intérieur du composant de structure ou vers un autre composant de structure.

Voici la liste des composants disponibles dans le concepteur d’e-mail :

Bouton

Si vous avez besoin d’utiliser plusieurs boutons, plutôt que d’éditer chaque bouton à partir de zéro, vous pouvez dupliquer le composant Bouton à l’aide de la barre d’outils contextuelle.

Vous pouvez aussi enregistrer des boutons dans des fragments réutilisables. Voir à ce propos Créer un fragment de contenu et Enregistrer du contenu en tant que fragment.

Sélectionnez Vue de la version de secours pour afficher l'image de remplacement dans le concepteur d’e-mail.

Texte

Utilisez ce composant pour insérer du texte dans votre email. Vous pouvez ajuster la couleur, le style et la taille de votre texte dans Paramètres des composants.

Diviseur

Utilisez ce composant pour insérer une ligne de séparation dans votre email. Vous pouvez sélectionner la couleur, le style et la taille de la ligne de rupture dans Paramètres des composants.

HTML

Utilisez ce composant pour copier-coller les différentes parties de votre code HTML existant. Vous pouvez ainsi créer des composants HTML modulaires autonomes.

NOTE
Un composant HTML autonome est éditable avec des options limitées. Si tous les styles ne sont pas intégrés, veillez à ajouter le CSS approprié dans la section head du code HTML, sinon l’e-mail ne sera pas réactif. Utilisez le bouton Aperçu afin de tester la réactivité de votre contenu (voir Prévisualiser des messages).

Pour rendre un contenu externe compatible avec le concepteur d’e-mail, Adobe recommande de créer entièrement un message et de copier le contenu de votre email existant dans des fragments et des composants.

Si un contenu ne peut pas être recréé, vous pouvez copier et coller le code HTML de l’email d’origine à l’aide du composant de contenu Html. Assurez-vous de bien connaître le langage HTML avant de poursuivre.

NOTE
Le nouveau contenu ne sera pas une copie exacte de votre email d'origine, mais les étapes ci-après vous guideront tout au long de la création d'un message qui sera aussi ressemblant que possible.

Avant de copier votre contenu

  1. Dans votre email d’origine, identifiez les sections réutilisables et celles qui seront uniques à chaque email que vous enverrez.
  2. Enregistrez toutes les images et les ressources que vous souhaitez utiliser.
  3. Si vous maîtrisez le langage HTML, divisez votre contenu HTML d’origine en plusieurs parties différentes.

Vidéo video-settings

Insérez le composant vidéo dans un composant de structure de votre email et saisissez le lien vidéo dans Paramètres des composants.

NOTE
Remarque : la vidéo n’est pas compatible avec tous les programmes de messagerie. Lorsqu’elle n’est pas prise en charge, la version de secours est affichée.

Image

Utilisez ce composant pour insérer une image dans votre email.

Insérez le composant d’image dans un composant de structure, puis cliquez sur Parcourir pour télécharger un fichier image depuis votre ordinateur.

Social

Utilisez ce composant pour insérer des liens vers des pages de réseaux sociaux dans votre email. Vous pouvez sélectionner les liens à afficher et la taille de leur icône dans Paramètres des composants.

Carrousel carousel-settings

  1. Placez le composant Carrousel à l’intérieur d’un composant de structure.

  2. Parcourez votre ordinateur pour sélectionner des images.

  3. Dans le volet Paramètres, définissez le nombre de miniatures souhaitées dans le carrousel.

  4. Sélectionnez une image de remplacement à partir de votre ordinateur.

Le composant carrousel n’est pas compatible avec tous les programmes de messagerie. Chargez une image de remplacement pour l’afficher lorsque le carrousel n’est pas pris en charge dans un email.

NOTE
Le composant carrousel est compatible avec les plateformes de messagerie suivantes : Apple Mail 7, Apple Mail 8, Outlook 2011 pour Mac, Outlook 2016 pour Mac, Mozilla Thunderbird, iPad et iPad mini iOS, iPhone iOS, Android, AOL (Chrome, Firefox et Safari).

Rubriques connexes  :

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff