Les e-mails marketing sont différents dans Outlook

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é.

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.
  
  

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

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