Connexion
Mot de passe oublié?
Login

Mail Html et Css, ce que vous devez savoir

email html css

Vous voulez proposer de jolis emails dans vos campagnes emailing, plutôt que du texte brut? Vous avez raison! Mais vous allez aussi devoir vous préparer vous à vous tirer les cheveux..

Entre les différents clients mails et les différents périphériques, vous allez vite comprendre que l'emailing html est un art plutôt complexe, pour ne pas dire un casse tête!

Je vais essayer de vous faire gagner le temps que j'ai perdu. C'est partit pour les hostilités!

Gmail ne prends pas en compte votre feuille de style

Solution pour une meilleure compatibilité: Des propriétés inline sur vos tags html. Je vous accorde que c'est pas propre du tout, mais si on veux pas de problèmes sur l'affichage des boîtes gmail, pour l'instant on a pas d'autres choix. Cet outil pourra vous être utile: http://inliner.cm/

Hotmail ne prends pas en compte certaines propriétés css

Peut être le plus radical, , , passent à la trappe!
Solution: Proposer des solutions inline alternatifs (div margin-bottom margin-left margin-right). Là aussi, si on veut que notre mise en page ne soit pas massacrée sur ce type de messagerie, on a pas trop le choix

Par défaut, les clients mails n'afficheront pas vos images

Solution: Demandez à vos prospects d'ajouter votre adresse à leur liste de contact. Proposez un attribut alt à vos images, évitez d'utiliser des images qui contiennent du contenu important

Malgré tous vos efforts, de nombreux emails ne s'afficheront pas correctement

Solution: proposez un lien vers la version en ligne de votre email, restez à l'affut

Pour aller plus loin

dans l'intégration css de vos mails html: http://www.emailology.org/

Cet article vous a aidé?

J'améliore le contenu de mes articles les plus utiles, n'hésitez pas à laisser un petit commentaire, de même que si j'ai oublié un point important! Bonheur et succès dans vos campagnes emailing :)

Ces articles pourraient vous intéresser

mail icon1.pngRecevez nos meilleurs articles

Réagissez à cet article