Introduction
Pour assurer une compatibilité optimale, il convient de respecter certaines bonnes pratiques, notamment lors de l'édition d'un contenu à l'aide du Drag & drop.
Restrictions spécifiques pour les composants Drag & drop
Des restrictions spécifiques s'appliquent sur des composants en particulier :
- Carrousel : Des restrictions imposées par certains services de messagerie empêchent la rotation des images dans l'email ouvert depuis un ordinateur. Dans ce cas, seule la première image est affichée. Sur mobile, seule l'application native est compatible.
- Accordéon : L'accordéon est compatible avec les messageries mobile native android et Apple mail. Sur les autres messageries mobile les éléments de l'accordéon sont tous ouverts par défaut, sans interaction d'ouverture/fermeture.
- Menu : Cette option est compatible avec les messageries iOS uniquement. Sur les autres messageries les éléments du menu s'affichent les uns à côté des autres, sans l'icône du menu.
- Vidéo: Cette option est compatible sur mobile uniquement avec les messageries iOS. Sur les autres messageries mobiles, les vidéos ne sont pas affichées.
Polices disponibles dans le Drag & drop
L’affichage des polices dans l’Emailing est restreint par rapport au Web.
Les raisons d’un mauvais affichage des police dans un email sont :
- Si la police utilisée dans l’email du destinataire n’est pas installée sur son appareil,
- Si le client de messagerie bloque l’affichage de certaine police.
Il y a cependant un moyen d’éviter cet effet indésirable en utilisant des polices dites “sécurisées”. Cette liste correspond aux polices qui sont installées sur la totalité des ordinateurs et mobiles et qui sont autorisées par la totalité des clients de messagerie.
- Arial
- Courier New
- Georgia
- Times New Roman
- Trebuchet
- Verdana
Les autres polices sont identifiées comme “non-sécurisées” puisqu’en fonction du client de messagerie et de la présence de la police sur l’appareil du destinataire elles peuvent afficher une police de remplacement fall-back (cette police de remplacement est souvent l’Arial).
Exemple de police non-sécurisées proposées par Factorly :
- Geneva
- Palatino
- Tahoma
- Ubuntu
- Lucida Sans Unicode
- Avenir
Dans le cas où vous avez intégré une nouvelle police custom, cette nouvelle police sera alors affichée dans sa bonne et due forme dans l’espace de drag & drop, dans la preview et sur n’importe quelle page web.
Il est cependant possible qu’elle ne s’affiche pas bien sur un email (nous conseillons de tester des envois de BAT pour s’en assurer) dans ce cas là les raisons de son mauvais affichage peuvent-être que la police n’est pas installée sur l’appareil ou que le client Email bloque la police.
Les recommandations pour optimiser la compatibilité
- Largeur recommandée des créations entre 600 px et 800 px.
- Privilégier des coins rectangulaires car Outlook ne permet pas l'affichage des bords arrondis.
- Renseigner le texte alternatif des images avec des textes pertinents et accrocheurs, pour inciter les personnes à télécharger les images en cas de blocage par certaines messageries (Outlook 2007, Hotmail…).
Conclusion
En suivant ces bonnes pratiques pour les composants Drag & Drop et le choix des polices, vous pouvez améliorer significativement la compatibilité de vos emails.