Ignorer et passer au contenu principal
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: avril 30, 2021

Disponible avec :

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

Si vous utilisez l'éditeur d'e-mails classique mis à jour pour rédiger vos e-mails marketing, vous pouvez constater des différences dans la façon dont votre e-mail s'affiche dans Outlook, en raison de la prise en charge limitée des CSS d'Outlook.

Si vous remarquez que l'emplacement de l'e-mail ou l'espacement ne s'affichent pas dans Outlook, suivez les étapes décrites ci-dessous.

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