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 23, 2019

Disponible avec :

Hub Marketing Professional, Enterprise
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é.

Centrage des images

Si l’image n’est pas centrée dans Outlook, vous pouvez ajuster le code HTML dans le code source du module.

  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • Cliquez sur le nom de l’e-mail.
  • Dans le module de texte enrichi comportant votre image, cliquez sur   l’icône du code source code.
  • Trouvez le code de l’image que vous voulez centrer et qui commence par .
  • Ajouter
    ou

    des balises autour du code. Par exemple :

 

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.
  • Cliquez sur le nom de l’e-mail.

  • Cliquez sur le module de contenu, puis cliquez sur l’icône du code source code.

  • À 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

Créez un tableau de 3 colonnes pour contenir votre image, espacement et texte.

  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • Cliquez sur le nom de l’e-mail.

  • Dans l’éditeur de texte enrichi, cliquez sur Tableau > Insérer un tableau. Créez un tableau de 3 x 1.

    create-table

  • Cliquez sur l’icône code source code.

  • Spécifiez une largeur dans la cellule vide, par exemple, 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