Les campagnes email et les templates créés avec Brevo sont conçus pour s'afficher de manière optimale dans tous les clients de messagerie. Cependant, il peut arriver que le contenu ne corresponde pas exactement à l'apparence de l'éditeur. Les clients de messagerie possèdent leurs propres règles de rendu, ce qui entraîne de légères différences dans l'affichage des emails. Malgré vos efforts de conception, ces variations sont dues aux moteurs de rendu utilisés par les différents clients de messagerie.

Bon à savoir

Si vous envoyez des emails à des destinataires utilisant Outlook, nous vous recommandons de consulter également notre article dédié Mon email ne s'affiche pas correctement dans Outlook, qui fournit une explication plus détaillée des problèmes de rendu dans Outlook.

Problèmes de rendu les plus courants

Pour vous aider, nous avons dressé une liste des fonctionnalités prises en charge et non prises en charge sur les clients de messagerie les plus courants pour les ordinateurs de bureau, les mobiles et le web. Il vous aidera à en saisir les subtilités et à faire des choix éclairés en matière de conception.

Bordures

Boutons

Images d'arrière-plan

Lignes pleine largeur

Petite hauteur de ligne

Espacement des lettres

Arrondi des angles

Forme de la ligne de séparation (en pointillés, double)

Polices

Icônes de médias sociaux

Polices standards

Polices Google

Polices personnalisées

Messagerie Web Outlook 365

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2019

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2016

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2013

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2011

✅

❌

✅

Outlook 2010

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2007

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2003

✅

❌

✅

❌

✅

❌

✅

Thunderbird

✅

❌

✅

❌

✅

❌

✅

Thunderbird 60

✅

❌

✅

❌

✅

❌

✅

IBM Notes 10

✅

❌

✅

❌

✅

IBM Notes 9

✅

❌

✅

❌

✅

Apple Mail 10

✅

❌

✅

Apple Mail 12

✅

❌

✅

Apple Mail 13

✅

❌

✅

Bordures

Boutons

Images d'arrière-plan

Lignes pleine largeur

Petite hauteur de ligne

Espacement des lettres

Arrondi des angles

Forme de la ligne de séparation (en pointillés, double)

Polices

Icônes de médias sociaux

Polices standards

Polices Google

Polices personnalisées

Application Gmail

✅

❌

✅

❌

✅

Application Gmail IOS

✅

❌

✅

❌

✅

IOS 10

✅

❌

✅

IOS 11

✅

❌

✅

iPad Pro

✅

❌

✅

iPad Mini

✅

❌

✅

Microsoft Outlook

✅

❌

✅

❌

✅

❌

✅

iPad Pro (12,9 pouces)

✅

❌

✅

iPhone X

✅

❌

✅

iPhone 7

✅

❌

✅

iPhone 8

✅

❌

✅

Pixel Gmail

✅

❌

✅

❌

✅

Application Samsung

✅

❌

✅

❌

✅

Bordures

Boutons

Images d'arrière-plan

Lignes pleine largeur

Petite hauteur de ligne

Espacement des lettres

Arrondi des angles

Forme de la ligne de séparation (en pointillés, double)

Polices

Icônes de médias sociaux

Polices standards

Polices Google

Polices personnalisées

AOL Mail

✅

❌

✅

❌

✅

Freenet.de

✅

❌

✅

❌

✅

Comcast

✅

❌

✅

❌

✅

Gmail

✅

❌

✅

❌

✅

GMX.de

✅

❌

✅

❌

✅

GSuite

✅

❌

✅

❌

✅

Outlook.com

✅

❌

✅

❌

✅

t-online.de

✅

❌

✅

❌

✅

❌

✅

❌

✅

Yahoo! Mail

✅

❌

✅

❌

✅

Web.de

✅

❌

✅

❌

✅

Comment résoudre ces problèmes de rendu ?

️↩️ Intégrez des options de substitution

Intégrez une couleur d'arrière-plan de substitution derrière l'image originale au cas où celle-ci ne s'afficherait pas et utilisez des polices de substitution lorsque vous utilisez des polices Google et des polices personnalisées dans vos emails. Cela vous permettra de contrôler ce que vos destinataires voient, même si des problèmes surviennent.

🔗 Insérez un lien Afficher dans le navigateur dans vos emails

Insérez toujours un lien Afficher dans le navigateur dans vos emails. Ce lien permet aux lecteurs d'afficher votre campagne email dans un navigateur Web s'il ne s'affiche pas correctement dans leur boîte de réception.

🧪 Testez vos emails

💡 Bon à savoir

Tous vos destinataires ne rencontreront pas de problèmes d'affichage. Néanmoins, nous vous conseillons de tester vos emails avec plusieurs services de messagerie avant de les envoyer.

La meilleure façon de déterminer si les appareils et les clients de messagerie préférés de vos contacts prennent en charge le contenu de votre email est d'utiliser un outil comme Litmus ou Email on Acid pour prévisualiser vos emails et voir comment ils s'affichent dans les différents environnements. Cela vous permettra d'apporter des modifications à votre conception et de résoudre les problèmes avant d'envoyer votre email.

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec une agence partenaire Brevo.

Comprendre et résoudre les problèmes de rendu les plus courants des clients de messagerie

Bon à savoir

Problèmes de rendu les plus courants

Comment résoudre ces problèmes de rendu ?

️↩️ Intégrez des options de substitution

🔗 Insérez un lien Afficher dans le navigateur dans vos emails

🧪 Testez vos emails

🤔 Vous avez des questions ?

💬 Cet article vous a-t-il été utile ?

Recherche

Comprendre et résoudre les problèmes de rendu les plus courants des clients de messagerie

Bon à savoir

Problèmes de rendu les plus courants

Comment résoudre ces problèmes de rendu ?

️↩️ Intégrez des options de substitution

🔗 Insérez un lien Afficher dans le navigateur dans vos emails

🧪 Testez vos emails

🤔 Vous avez des questions ?

💬 Cet article vous a-t-il été utile ?