Les e-mails marketing codés personnalisés sont différents dans Outlook

Si vous avez créé un e-mail marketing codé personnalisé, vous remarquerez peut-être des différences dans l’affichage de votre e-mail dans Outlook, telles que des problèmes de positionnement ou d’espacement. Pour cela, vous pouvez suivre les étapes de dépannage décrites dans les sections ci-dessous

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.

Pour en savoir plus sur la conception des e-mails, consultez le site HubSpot Designers Community. 

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.

• Survolez le nom de l'e-mail avec un modèle codé personnalisé, puis cliquez sur Modifier.

• Cliquez sur le module de contenu.

• À la fin du code image, ajoutez l’un ou l’autre des codes suivants ou les deux : hspace="10" vspace="10", en remplaçant 10 par l’espacement souhaité.

Utilisation de 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.

• Survolez le nom de l'e-mail avec un modèle codé personnalisé, puis cliquez sur Modifier.

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

  

• Dans la barre d'outils de l'éditeur de texte riche, cliquez sur Advanced, puis sélectionnez Source code.

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

• Spécifiez une famille de police, une taille de police, une couleur de police et une hauteur de ligne telles style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" que Outlook ajoutera son propre style lorsqu’il n’est pas spécifié.

Dépannage des lignes horizontales inattendues apparaissant dans votre E-mail

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

• La couleur d'arrière-plan de votre E-mail doit être la même que celle du corps de l'E-mail.
• Mettez à jour la taille de la police et l'épaisseur des lignes de votre contenu pour qu'elles soient égales.
• Incluez les styles CSS suivants dans la section "head" de votre modèle d'e-mail:

ms-text-size-adjust: none; mso-line-height-rule: exactly;