Utiliser le CSS Inliner
Lorsque vous utilisez le CSS intégré dans les campagnes, vous pouvez tirer parti de l'outil Mailchimp d'intégration CSS (CSS Inliner Tool) pour être sûr que votre contenu s'affiche comme prévu.
Faites le boulot avec un pro
De la formation aux services marketing complets, notre communauté de partenaires peut vous aider à faire avancer les choses.
CSS en Email HTML
Copier l'URL de l'article
Il a été copié
Remarque
Les informations contenues dans cet article s'appliquent uniquement au créateur classique. Pour découvrir comment utiliser le nouveau créateur, consultez l'article Design an Email with the New Builder (Concevoir un e-mail avec le nouveau créateur).
CSS fonctionnera en email HTML mais aura des limites. En général, il vaut toujours mieux utiliser un CSS très simple quand vous codez pour le courrier électronique.
Voici nos recommandations pour savoir comment utiliser CSS dans l'email HTML et quelques informations pour vous aider à résoudre les questions liées au CSS.
Dépannage et conseils CSS généraux
Voici quelques conseils généraux pour vous aider à obtenir les meilleurs résultats lorsque vous écrivez le code CSS pour vos campagnes. Rappelez-vous que bien que CSS fonctionne avec l'email HTML, il a un niveau plus élevé d'imprévisibilité.
- Utilisez un code simple.
Le codage pour les emails HTML est différent du codage pour un site Internet. Plus le code est simple, moins il y a de place pour l'erreur. - N'utilisez le CSS que pour les éléments de style généraux.
Vous obtiendrez de meilleurs résultats si vous utilisez le CSS pour les éléments généraux, comme la police ou les couleurs. - Utiliser CSS en ligne
Because browser-based email applications, such as Gmail, strip out and tags by default, always use inline CSS over embedded CSS.
Mettez en ligne votre CSS intégré
Nous vous recommandons fortement de profiter de notre outil CSS Inliner pour vous aider à mettre en ligne automatiquement votre CSS intégré.
If you choose to manually inline your CSS, any background colors or <body> settings should be handled with a 100% wide <table> autour de votre e-mail.
Votre CSS doit ressembler à l'exemple ci-dessous.
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #BBBBBB;">
your content here....
</span>
Remarque
Parfois, le service de messagerie d'un abonné va enlever les lignes de code qui commencent avec des virgules, ce qui peut détériorer votre CSS. Si vous mettez manuellement en ligne votre CSS, ajoutez un espace devant toute ligne qui commence par une virgule ou un point comme nous le montrons ci-dessus.
Assistance technique
Vous avez une question?
Les utilisateurs payants peuvent se connecter pour accéder à l'assistance par e-mail et chat.
Connexes
Limitations des emails HTML
Coder un email en HTML n'est pas très différent que ce que c'était de coder un site web à la fin des années 90. En savoir plus sur les limites des emails et la façon de les contourner.