Générateur de modèle d'e-mail HTML

Beaucoup de clients d'e-mails – notamment Microsoft Outlook sur Windows – affichent les messages avec l'éditeur Word, qui supporte très peu de CSS et ignore flexbox, grid et la plupart des règles de positionnement. Les tables imbriquées restent la seule méthode de mise en page qui s'affiche de manière prévisible sur tous les clients, y compris Gmail, Outlook, Apple Mail, Yahoo et les e-mails mobiles. C’est pourquoi les e-mails HTML de production ressemblent encore à la mise en page des années 2003 : c’est le niveau commun qui survit à tous les moteurs d’affichage.

Les conditions MSO sont des commentaires HTML que seulement Microsoft Outlook (moteur Word) interprète. Elles ressemblent à <!--[if mso]> ... <![endif]--> et vous permettent d'envoyer du code ou des styles spécifiques à Outlook sans affecter les autres clients. Elles sont couramment utilisées pour définir une largeur fixe avec une table fantôme, corriger les VML pour les boutons et fonds, et désactiver des fonctionnalités que Outlook affiche incorrectement. Sans elles, les mises en page s'effondrent ou s'étirent de manière inhabituelle dans Outlook, même s'elles apparaissent parfaites ailleurs.

Plusieurs grands clients d'e-mails – historiquement Gmail en particulier – suppriment ou appliquent de manière incohérente <style> ou les appliquent de manière incohérente, surtout sur mobile et dans les messages relayés. L'intégration déplace chaque règle directement sur l'élément cible via l'attribut style , que tous les clients respectent. Le prix à payer est une plus grande longueur et une maintenance plus difficile, ce qui est la raison pour laquelle des outils – y compris celui-ci – existent pour intégrer automatiquement les styles à partir d'un modèle plus haut niveau.

Le pré-sujet est un extrait court d'information affiché après la ligne de sujet dans la plupart des prévisualisations des boîtes aux lettres. Par défaut, il est tiré du premier texte visible dans le corps de l'e-mail, souvent une formule de salutation ou un texte de base qui gaspille cette place. L'inclusion d'un élément pré-sujet caché au début de l'HTML vous permet de contrôler exactement ce qui s'affiche. Un pré-sujet bien rédigé complète le sujet et est corrélé à des taux d'ouverture plus élevés dans la plupart des tests A/B menés par les grands outils de diffusion.