Affichage de votre mailing dans Outlook

Malheureusement, des erreurs d'affichage indésirables et inattendues peuvent se produire lors de l'affichage de newsletters et de mailings dans Microsoft Outlook 2007, 2010 et 2013.

Pour vous aider à concevoir votre mailing et éviter d'éventuelles frustrations, nous vous proposons quelques conseils et astuces utiles. Ils devraient vous aider à éviter les obstacles et à procéder à de petits ajustements pour que la présentation de vos courriels soit attrayante :

Améliorer l'affichage des e-mails dans Outlook

Différentes tailles et polices de caractères

La taille et le style des polices que vous utilisez dans votre courrier électronique peuvent différer de ceux que vous avez sélectionnés dans l'éditeur par glisser-déposer. Prêtez attention à :

  1. Les polices natives telles que Arial et Calibri s'affichent correctement sur tous les clients de messagerie, y compris Outlook. En revanche, les polices Google sont presque toujours affichées différemment.
  2. L'affichage des polices dans les clients de messagerie dépend de plusieurs facteurs, notamment du système d'exploitation (PC/MAC) et du navigateur web utilisé par le destinataire.

Remarque : nous vous recommandons d'utiliser des polices système standard pour vos campagnes de courrier électronique.

Les marges autour des images ne sont pas affichées

Dans toutes les versions d'Outlook (sauf Outlook.com), les marges autour des images ne sont pas prises en compte. Cela signifie qu'il peut ne pas y avoir d'espace entre votre texte et l'image, même si vous avez ajouté des marges dans les paramètres.

Note : Pour obtenir l'espacement souhaité, il convient donc d'utiliser des cellules de remplissage ou de tableau de hauteur fixe. Vous pouvez également utiliser l'espace hs et/ou l'espace vs :
<img scr="http://www.test.de/test.jpg" align="left" vspace="10" hspace="10" />

Les images ne s'affichent pas correctement

  1. Outlook ne prend pas en charge les images d'arrière-plan. 

  2. Les images trop hautes seront coupées par le haut si elles dépassent 1728 pixels. Par exemple, si votre image fait 2000 pixels de haut, 272 pixels seront coupés dans la partie supérieure.

  3. Les images dont les dimensions sont différentes de celles de l'image originale seront affichées de manière incorrecte si elles sont étirées, par exemple. Les images doivent toujours avoir des dimensions correctes dans le code HTML si elles sont importantes pour la mise en page. De préférence, les images doivent avoir été éditées à l'avance.
  4. Les GIF animés ne sont plus pris en charge depuis Outlook 2007.
  5. Les images fusionnées via HTML peuvent provoquer un espacement indésirable (environ 10 pixels) dans Outlook 2013, alors qu'elles s'affichent correctement dans Outlook 2010 et 2007.

Les boutons sont incorrects

  1. Les boutons dont le texte est incorrect ou qui s'étendent sur une deuxième ligne sont dus à un problème de rendu dans Outlook.

    Remarque : essayez de faire en sorte que le remplissage de votre bouton soit plus grand que la taille de la police.

  2. Vous pouvez également insérer l'image d'un bouton et la télécharger dans votre courrier électronique comme n'importe quelle autre image. Grâce à ce lien, les destinataires qui cliquent sur l'image peuvent être redirigés vers l'URL que vous avez enregistrée.

  3. Les boutons aux coins arrondis apparaissent comme des rectangles dans Outlook. Cela est dû au fait que la propriété CSS border-radius n'est pas prise en charge de manière native. Pour que les boutons aux coins arrondis apparaissent dans Outlook, vous devez créer une image de votre bouton et l'importer dans votre courrier électronique comme indiqué à l'étape 2.

Personnaliser l'affichage des tableaux

  1. En règle générale, les lettres d'information doivent être créées sous forme de tableaux (avec des largeurs fixes) et les divs doivent être évités.
  2. Les tableaux créent automatiquement un espace indésirable s'ils dépassent une hauteur d'environ 1 790 pixels. Outlook veut forcer une subdivision avec ceci. Ce problème peut être contourné en travaillant avec plusieurs tableaux.
  3. Pour les tableaux (<table>), vous devez utiliser cellpadding et cellspacing, car la marge et l'espacement sont transmis plus souvent aux cellules du tableau.

  4. Les sauts de ligne automatiques doivent être ajustés manuellement avec le style en ligne d'une cellule de tableau si les mots sont trop longs.
  5. Outlook insère automatiquement une bordure de 1px autour des cellules.

Note : Il est préférable d'éviter les listes si l'espacement est important. Vous devez plutôt utiliser des tableaux (<table>) avec leurs cellules.

Le plus souvent, les problèmes d'Outlook surviennent avec les modèles auto-programmés. Dans ce cas, veuillez tester l'utilisation d'un modèle de base de CleverReach.

Aide & Support

Veuillez noter que nous ne pouvons pas fournir d'assistance détaillée pour les problèmes d'affichage dans Microsoft Outlook.
Si vous avez des questions ou si vous avez besoin d'aide, n'hésitez pas à contacter notre équipe de service à tout moment .