
CSS en HTML E-mail
by Intuit• Mis à jour 3 semaines
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.
You must sign in to vote.
Connectez-vous maintenant pour une aide personnalisée
Consultez les articles personnalisés pour votre produit et rejoignez notre vaste communauté d'utilisateurs QuickBooks.
Sur le même sujet
- Utiliser le site Web CSS InLinede QuickBooks
- Bonnes pratiques pour les e-mails Mailchimpde QuickBooks
- Hooks CSS pour personnalisation des formulairesde QuickBooks
- Collez en HTML pour créer un e-mailde QuickBooks