Mon e-mail s’affiche différemment dans Microsoft Outlook
Objectif de cet article
Découvrez pourquoi certains e-mails ne s’affichent pas de la même façon dans Microsoft Outlook que dans d’autres boîtes de réception, ainsi que des conseils pour améliorer la cohérence de l’affichage de vos messages dans Outlook.
Moteurs de rendu d’Outlook
Alors que certaines versions d’Outlook utilisent Webkit (un moteur de navigateur moderne qui interprète et restitue le HTML de la manière attendue) pour afficher les e-mails, de nombreuses autres utilisent Microsoft Word comme moteur de restitution.
Pensez à la dernière fois où vous avez essayé de modifier un tableau ou de redimensionner une image dans Microsoft Word. Les difficultés de mise en forme auxquelles vous faites face lorsque vous utilisez Word sont similaires à celles rencontrées par les e-mails dans les boîtes de réception Outlook.
Pour cette raison, un e-mail peut s’afficher légèrement différemment dans Outlook que lorsque vous le concevez et le prévisualisez initialement dans Klaviyo.
Si vous choisissez d’optimiser vos e-mails pour Outlook, utilisez l’outil de test de boîte de réception intégré de Klaviyo pour prévisualiser vos messages sur différents appareils et boîtes de réception.
Optimisez vos e-mails pour Outlook
Vous pouvez rencontrer les problèmes suivants dans Outlook :
- Les images d’arrière-plan dans les div et les cellules de tableau ne sont pas prises en charge ou affichées
- Les éléments flottants CSS et les éléments de positionnement sont ignorés
- Ombre portée du texte non prise en charge ou non affichée
- Marge intérieure et marge inhabituelles, en raison d’une mauvaise prise en charge de ces éléments
- La largeur et la hauteur CSS ne s’affichent pas comme prévu, en raison d’une mauvaise prise en charge de ces éléments
- Les couleurs d’arrière-plan des éléments imbriqués s’affichent incorrectement ou sont ignorées
L'optimisation d'un courrier électronique pour les versions récentes d'Outlook peut prendre beaucoup de temps et nécessiter des tests approfondis, car il n'existe pas de lignes directrices établies. Pour ce faire, il faut également modifier de manière significative le positionnement des images, ce qui peut fausser le rendu des e-mails sur d'autres clients de messagerie et d'autres appareils.
Dimensionner les images pour Outlook
Un problème courant dans les boîtes de réception Outlook est celui des images qui s’étirent ou deviennent trop grandes. Pour éviter cela, définissez une largeur pour chaque image dans votre modèle.
- Sélectionnez un bloc d’image.
- Ajoutez un nombre au champ Mise en page de l’image > L. Pour des images en pleine largeur, utilisez 600 px (ou toute autre largeur définie pour votre e-mail, indiquée dans la section Styles).
- Enregistrez vos modifications.
GIF dans Outlook
Outlook ne prend pas en charge les GIF dans les e-mails. Plutôt que d’afficher une image en mouvement, Outlook sélectionnera la première image de votre GIF et l’affichera comme une image statique.
Comprendre l’impact d’Outlook sur votre audience
Pour savoir quel pourcentage de votre public ouvre vos e-mails à l'aide d'Outlook :
- Accédez à l’onglet Campagnes dans Klaviyo.
- Cliquez sur une campagne récemment envoyée.
- Cliquez sur l’onglet Délivrabilité du récapitulatif de la campagne.
- Consultez la section Performances par domaine d’e-mail pour voir le pourcentage de destinataires qui ont interagi avec votre message à l’aide d’Outlook.
Ressources supplémentaires
- About email images best practices
Learn about best practices when using images in Klaviyo emails, including size recommendations and how to add images.
- Understanding mobile email optimization
Learn about the default mobile optimization settings Klaviyo offers for emails, as well as tools for customizing how your message appears across devices. You can also choose to disable all mobile optimizations by navigating to the Styles tab of your email template.
- Understanding CSS optimization
Learn about CSS optimization, which is one way you can make sure your emails are not getting clipped in the inbox.