Utiliser le site Web CSS InLine

Pour un bon résultat lorsque vous travaillez avec CSS dans un e-mail en HTML, utilisez un code simple et insérez votre fichier CSS. L'outil d'impression automatique de Mailchimp permet de convertir les styles de votre code collé en ligne et vous évite de devoir le coder manuellement.

Dans cet article, vous apprendrez comment activer le suivi automatique dans un modèle de code, et quels sélecteurs sont pris en charge.

Activer la fonction Inline

Pour activer le style de l’option CSS dans un modèle de code, suivez les étapes ci-dessous.

1. Dans la section Contenu de la liste de contrôle des e-mails, cliquez sur Créer un e-mail.
2. À l'étape du modèle, cliquez sur l'onglet Coder vos propres et sélectionnez Copier dans le code. Si vous utilisez le nouveau builder, cliquez sur Oui, passez au dépôt classique dans la fenêtre modale.
3. À l'étape Code , collez votre code HTML.
4. Cliquez sur l'onglet Paramètres .
5. Cochez la case en regard de Automatiquement dans CSS.
   

Sélectionners pris en charge par le système de site Web CSS Inliner

Utilisez la fonction CSS automatique pour inclure des styles CSS complexes dans votre e-mail en HTML, tels que les attributs, classes, suivis, etc. Ces sélections sont prises en charge par la fonction Inline.

• nom du tag
• classe
• a un attribut
• La valeur de l'attribut est égale à
• La valeur de l'attribut est l'une des
• La valeur de l'attribut contient
• valeur du trait d'union de l'attribut
• La valeur de l'attribut commence par
• la valeur de l'attribut se termine par
• premier enfant (pseint-classes)
• dernier-enfant
• enfant seulement
• vide
• pas
• n° enfant
• enfant
• valide
• enfants

Une fois que vous avez activé la fonction InLine et que vous avez reçu le reste de votre code, continuez de configurer votre adresse e-mail.

• Lorsque vous activez l'option Inline, vous ne voyez pas immédiatement la modification de votre code. Une fois votre message envoyé à la file d'attente, nous convertirons les styles avant de le transmettre à votre public. Vous pouvez cependant afficher le aperçu de l'e-mail dans une fenêtre côte à côte et vérifier que nos modifications sont correctes avant l'envoi.
• Inliner ne résout pas les problèmes de soutien technique CSS, mais seulement ceux qui peuvent être utilisés en toute sécurité dans les e-mails en masse. Par exemple, vous ne pouvez toujours pas utiliser les tags DIV pour positionner votre contenu.