Les e-mails marketing sont différents dans Outlook

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.

Apprenez-en davantage sur la conception d'e-mails dans la communauté des concepteursHubSpot. 

Veuillez noter que le support HubSpot ne peut pas prendre en charge les modèles d'email codés personnalisés. 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-mail.

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

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

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

• 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, comme le style="font-family : sans-serif ; font-size:15px ; line-height : 1.5em ; color : #000000", car Outlook ajoutera son propre style s'il n'est pas spécifié.

Dépannage des lignes horizontales inattendues apparaissant dans votre courrier électronique

En raison d'un bogue connu dans certaines versions d'Outlook, une ligne horizontale peut apparaître entre les sections de votre courriel. Bien qu'il n'y ait pas de méthode systématique pour résoudre ce problème, vous pouvez essayer les étapes de dépannage suivantes :

• Définissez la couleur d'arrière-plan de votre courriel de manière à ce qu'elle soit la même que celle du corps du courriel.
• Mettez à jour la taille de la police et la hauteur des lignes de votre contenu afin d'obtenir des nombres pairs.
• Incluez les styles CSSsuivants dans la section head de votre modèle de courriel: