Les campagnes email créées avec Brevo sont conçues pour un affichage optimal dans tous les clients email. Cependant, certains problèmes d'affichage peuvent se produire pour les emails envoyés sur Outlook, pour lesquels le contenu ne correspond pas à ce qui apparaît dans l'éditeur Drag & Drop.

Cet article décrit les problèmes d'affichage les plus courants avec Outlook et explique comment optimiser vos emails afin de les contourner.

Pourquoi mon email ne s'affiche pas correctement dans Outlook ?

Vous avez peut-être remarqué que certains de vos emails ne s'affichent pas de la même manière dans Outlook que lorsque vous les avez initialement conçus dans l'éditeur Drag & Drop. Ces problèmes d'affichage peuvent se produire, en particulier avec les versions 2003, 2007 et 2010 d'Outlook, car celles-ci utilisent Microsoft Word pour afficher les emails, avec une prise en charge limitée des contenus HTML et CSS. D'autres facteurs, tels que la taille de l'écran ou le filtre anti-spam utilisé par le destinataire, peuvent également altérer l'apparence d'un email.

Pour savoir si l'affichage de votre email est altéré à cause d'Outlook, vous pouvez vérifier si le contenu et les images s'affichent correctement avec d'autres clients email (par exemple, avec Gmail ou Hotmail). Si c'est le cas, cela signifie qu'Outlook est la cause du problème.

Quels sont les problèmes courants d'affichage des emails avec Outlook ?

Les marges autour des images ne s'affichent pas

Toutes les versions d'Outlook (à l'exception de Outlook.com) ignorent les marges autour des images. Il se peut qu'il n'y ait pas d'espace entre votre texte et votre image, même si vous avez ajouté des marges dans les paramètres.

Pour résoudre ce problème, vous pouvez utiliser un logiciel de retouche photo pour ajouter une bordure autour de votre image de la même couleur que l'arrière-plan de votre email avant d'importer l'image dans votre campagne d'emailing. La marge fera alors partie de l'image, et Outlook ne pourra pas l'ignorer.

Les images ne s'affichent pas

Par défaut, Outlook bloque les images dans les emails. Pour afficher ces images, les destinataires ont deux possibilités :

• Conserver la fonction par défaut d'Outlook et débloquer les images d'un seul message à la fois ;
• Modifier la fonction par défaut d'Outlook et débloquer les images de tous les messages.

Comme nous ne pouvons pas forcer l'affichage automatique des images, il n'existe pas de véritable solution de contournement pour ce problème. Cependant, voici quelques recommandations pour améliorer l'affichage de vos emails, même si les images sont bloquées :

• Pour les images du corps de votre email, nous vous recommandons d'ajouter du texte alternatif afin d'informer votre destinataire du contenu des images et de l'inciter à les débloquer.
• Pour l'image d'arrière-plan de votre email, nous vous recommandons de définir une couleur de secours pour remplacer l'image d'arrière-plan bloquée.

Il est également important de noter que les anciennes versions d'Outlook n'affichent pas les images hébergées sur un serveur. Nous vous recommandons donc d'importer vos images directement dans votre email ou d'utiliser les images gratuites de notre galerie.

Les images sont tronquées ou redimensionnées

Outlook impose une limite de 1 728 pixels de hauteur pour les images. Si une image est tronquée ou redimensionnée, nous vous recommandons de réduire la hauteur de votre image afin qu'elle ne dépasse pas cette limite.

Si vous redimensionnez une image en modifiant ses propriétés HTML, Outlook l'affichera toujours dans sa taille d'origine. Nous vous recommandons de redimensionner vos images avec un logiciel de retouche photo avant de les importer dans votre campagne ou d'utiliser notre éditeur d'images intégré.

Si vous ne pouvez pas réduire la taille de votre image à moins de 1 728 px de hauteur, il est préférable de la diviser en deux ou trois images distinctes. Vous pourrez alors ajouter plusieurs blocs d'image à votre email afin d'importer chaque section de l'image. Pour vous assurer que ces images apparaissent comme une seule image, veillez à supprimer tout espacement et marge des sections et blocs d'image.

Les GIF ne sont pas animés

Les GIF animés sont pris en charge uniquement par la version d'Outlook 365 pour bureau, les applications mobiles Outlook et Outlook.com. Les versions 2007, 2010 et 2013 d'Outlook n'affichent pas d'animations. Elles affichent uniquement la première image de vos GIF.

Si votre GIF contient des informations importantes, comme une offre ou un titre, assurez-vous que cette information figure dans la première image.

Le texte des boutons est tronqué

Les boutons contenant du texte tronqué ou divisé en deux lignes sont dus à un problème d'affichage d'Outlook.

Pour éviter ce problème, vous pouvez essayer d'augmenter la marge intérieure afin que votre bouton soit plus grand que la police d'écriture. Si le problème persiste, nous vous recommandons de créer une image de votre bouton et de l'importer dans votre email. Vous pouvez alors y ajouter votre lien afin que les contacts qui cliquent sur cette image soient redirigés vers l'URL.

Les boutons n'affichent pas la bonne police d'écriture

Il se peut qu'Outlook n'affiche pas la bonne police d'écriture sur vos boutons. Ce problème est généralement dû à l'ajout d'une espace au début ou à la fin du texte du bouton.

Supprimez cette espace pour résoudre le problème. Si cela ne fonctionne pas, vous pouvez créer une image de votre bouton et l'importer dans votre email. Vous pouvez alors y ajouter votre lien afin que les contacts qui cliquent sur cette image soient redirigés vers l'URL.

Les boutons ronds affichent une forme rectangulaire

Les boutons aux coins arrondis sont remplacés par des rectangles dans Outlook. Ce problème se produit car la propriété CSS « border-radius » n'est pas prise en charge par ce service de messagerie. Pour afficher des boutons aux coins arrondis dans Outlook, vous devez créer une image de votre bouton et l'importer dans votre email. Vous pouvez alors y ajouter votre lien afin que les contacts qui cliquent sur cette image soient redirigés vers l'URL.

La taille et la police du texte ne s'affichent pas correctement

Selon les polices de texte utilisées dans votre email, la taille et la police du texte peuvent différer de ce que vous avez sélectionné dans l'éditeur Drag & Drop. En effet, les polices système, telles que Calibri ou Arial, s’affichent correctement sur tous les services de messagerie, y compris Outlook. Cependant, l'affichage des polices Google est souvent aléatoire. L'affichage de la police sur les services de messagerie dépend du système d'exploitation (PC/MAC) et du navigateur Web utilisé par le destinataire. Par conséquent, nous vous recommandons d'utiliser des polices système standard dans vos campagnes d'emailing.

La hauteur de ligne n'est pas prise en charge

Les versions 2007, 2010 et 2013 d'Outlook, ainsi qu'Outlook 365 pour bureau, ne prennent pas systématiquement en charge la hauteur de ligne. Certaines versions d'Outlook prennent en charge la valeur en pourcentage de la hauteur de ligne (par exemple, 120 %), tandis que d'autres prennent en charge un nombre entier (par exemple, 2).

Si vous utilisez votre propre CSS pour créer votre email, nous vous recommandons de fournir les deux valeurs. Si vous utilisez l’éditeur Drag & Drop, nous le configurons automatiquement pour vous.

Un espace blanc est ajouté

Comme Outlook affiche le code HTML à l'aide de Microsoft Word, un espace blanc est parfois ajouté aux emails. Ce problème est dû au fait que certaines versions d'Outlook redimensionnent l'email en fonction de la taille et de la résolution de l'écran du destinataire (comme un aperçu d'impression dans Microsoft Word) et ajoute un espace blanc là où un saut de page serait nécessaire.

Pour supprimer cet espace blanc, vous devez réorganiser le contenu de votre email pour déterminer l'endroit oùOutlook marquera le saut de page. Nous vous recommandons de dupliquer votre email avant de le réorganiser pour éviter de supprimer du contenu.

Le contenu semble large

Dans Outlook, le contenu peut apparaître plus large que prévu. Cela peut se produire lorsqu’une URL est incluse en texte brut dans la campagne, ce qui oblige Outlook à étendre son canevas pour s’adapter à la longueur de l’URL complète.

Pour résoudre ce problème, vous pouvez insérer l’URL sous la forme d’un lien cliquable attaché à un texte spécifique dans le contenu. Cet ajustement doit empêcher Outlook d’étirer la mise en page au-delà de sa largeur prévue.

Comment optimiser l'affichage de mes emails dans Outlook ?

Pour optimiser l'affichage de votre email dans Outlook, suivez ces recommandations :

• Choisissez des images au format JPEG ou PNG.
• Ajoutez du texte pour les informations importantes et des images pour les informations supplémentaires.
• Optimisez la version mobile de votre campagne.
• Utilisez notre fonction Aperçu et testez votre campagne d'emails avec plusieurs services de messagerie avant de l'envoyer.

🤔 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 un Partenaire Brevo certifié.