Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Email

Les e-mails marketing sont différents dans Outlook

Dernière mise à jour: février 19, 2021

Disponible avec :

Hub Marketing Professional, Enterprise
Hub CMS Professional, Enterprise
Ancienne version Hub Marketing Basique

Les modèles d'e-mails HubSpot et les e-mails créés à l'aide de l'éditeur glisser-déposer sont conçus pour être cohérents et adaptés aux besoins des clients de messagerie courants. Vous pouvez également prévisualiser votre e-mail sur les clients de messagerie. Étant donné que Outlook offre une prise en charge limitée des CSS, vous pouvez voir des différences dans le rendu de vos e-mails dans Outlook. Si vous remarquez que l'emplacement de l'e-mail ou l'espacement ne s'affichent pas dans Outlook, vous pouvez prendre certaines mesures pour le corriger. 

Remarque : Le support HubSpot ne prend pas en charge les modèles d'e-mails dont le code a été personnalisé. Si vous utilisez un modèle codé personnalisé, contactez le fournisseur qui a créé le modèle. Vous pouvez également vous connecter avec d'autres utilisateurs et concepteurs HubSpot sur la Communauté.

Espacement

Il existe deux méthodes pour ajuster l'espacement autour des images dans Outlook : en utilisant l'espace hspace ou vspace et en utilisant des tableaux.

Utilisation de hspace et vspace

L'attribut HTML vspace définit l'espace vertical et ajoute un espacement égal en haut et en bas de votre image. L'attribut hspace définit l'espace horizontal et ajoute un espacement égal à droite et à gauche de votre image.

  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • Passez le curseur de votre souris sur le nom de l'e-mail et cliquez sur Modifier.

  • Cliquez sur le module de contenu, puis cliquez sur Avancé > Code source.

  • À la fin du code de l'image, ajoutez l'un ou l'autre ou les deux codes suivants : hspace= « 10 », vspace= « 10 », en remplaçant 10 par l'espace souhaité.

source-code-hspace-vspace

Utilisation des tableaux

Vous pouvez utiliser un tableau de 3 colonnes pour y intégrer uniformément votre image, l'espacement et le texte :

  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • Passez le curseur de votre souris sur le nom de l'e-mail et cliquez sur Modifier.

  • Dans la barre d'outils de l'éditeur de texte enrichi, cliquez sur Insérer > Tableau. Créez un tableau de 3 x 1.

    create-table

  • Dans la barre d'outils de l'éditeur de texte enrichi, cliquez sur Avancé > Code source.

  • Spécifiez une largeur dans la cellule vide, par exemple <td width="10">, pour l'espacement souhaité entre l'image et le texte.

  • Spécifiez une famille de polices, une taille de police, une couleur de police et une hauteur de ligne telle que style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000". Si vous ne le faites pas, Outlook génèrera son propre style.

table-styling

En savoir plus sur la conception des e-mails sur notre Communauté de designers