CSS en HTML E-mail

Les informations de cet article s'appliquent uniquement à la version classique de . Pour apprendre à utiliser la nouvelle fonctionnalité, utilisez la fonctionnalité Créer un e-mail avec la nouvelle fonctionnalité.

Le CSS est compatible avec les e-mails en HTML, mais il comporte des limites. En général, un code CSS très simple est toujours recommandé lorsque vous codez pour l'e-mail.

Voici nos recommandations concernant l'utilisation de CSS dans les e-mails HTML et des informations pour vous aider à résoudre les problèmes liés à CSS.

Conseils généraux en matière de CSS et dépannage

Il s'agit de quelques points essentiels pour vous aider à tirer le meilleur parti du code CSS pour vos campagnes. N'oubliez pas que les CSS sont compatibles avec les e-mails en HTML. Cependant, le niveau d'imprévisibilité est plus élevé.

• Gardez votre code simple.
  Le codage pour l’e-mail HTML est différent du codage pour un site Web. Plus le code est simple, moins il y a de place pour l'erreur.
• Utilisez CSS uniquement pour les éléments de style général.
  Vous obtiendrez de meilleurs résultats si vous utilisez CSS pour les éléments généraux comme la police ou les couleurs.
• Utiliser le CSS en ligne
  Du fait que les applications de messagerie basées sur un navigateur, telles que Gmail, suppriment <tête> et <corps> par défaut, utilisez toujours le CSS inline au lieu du CSS incorporé.

Ajoutez votre fichier CSS intégré.

Nous vous recommandons fortement d'utiliser notre outil CSS Inliner pour vous aider à intégrer automatiquement votre fichier CSS ajouté.

Si vous choisissez d'entrer manuellement votre fichier CSS, la couleur d'arrière-plan ou <corps> Les paramètres doivent être traités avec une largeur de 100 % <tableau> enveloppe de votre e-mail.

Votre fichier CSS doit être comme l'exemple suivant.

<pan style="font-famille: Arial, Helpvetica, sans-serif; police-taille : 12px; couleur : #BBBB;">

 votre contenu ici...

 </bouton>

À l'occasion, le service d'e-mails d'un abonné supprime les lignes de code commençant par un point, ce qui peut nuire à votre système de navigation. Si vous entrez manuellement vos données CSS, ajoutez un espace devant chaque ligne commençant par un point ou un point.