Modules de messagerie : comment faire évoluer des e-mails uniques en toute confiance

Vous avez peut-être entendu parler des modèles d'e-mails modulaires depuis des années, mais vous n'avez pas fait le saut. Ou peut-être êtes-vous nouveau dans l'idée. Alors, que sont exactement les modules de messagerie et devriez-vous les utiliser ? La réponse simple est oui, et contrairement à d'autres questions dans les e-mails, il n'y a pas de « ça dépend ».

52 % des équipes de messagerie passent deux semaines ou plus à produire un e-mail du début à la fin, selon notre rapport State of Email Workflows. Les e-mails modulaires accélèrent le processus pour vous donner un gain d'efficacité. Vous passez donc moins de temps sur du code répétitif et plus de temps sur l'innovation. C'est une évidence.

Continuez à lire pour découvrir :

• Qu'est-ce qu'un module de messagerie ?
• Les avantages de la messagerie modulaire
• Comment démarrer avec la conception modulaire

Qu'est-ce qu'un module de messagerie ?

Les modules d'e-mails sont des blocs de contenu réutilisables qui peuvent être assemblés en différentes combinaisons pour créer des e-mails ou une gamme de modèles d'e-mails complets. Également appelés composants, les modules se présentent sous plusieurs formes, telles que des extraits de code (adaptés à un e-mail spécifique, comme un bouton d'appel à l'action) et des partiels (cohérents sur plusieurs e-mails, comme un pied de page d'e-mail).

Tous vos modules peuvent être hébergés dans une bibliothèque de modèles dans le cadre de votre système de conception de courrier électronique plus large ou des directives de votre marque. Ainsi, votre équipe sait exactement comment mélanger et assortir pour créer des e-mails conformes à la marque qui ne cassent pas. Essentiellement, la conception d'e-mails modulaires s'articule autour de sections ou de modules plus petits réunis pour créer une conception plus large. Tout comme les briques LEGO peuvent être assemblées pour construire, eh bien, n'importe quoi.

Quels sont les avantages de la messagerie modulaire ?

Il y a de nombreux avantages à devenir modulaire, et j'en ai déjà fait allusion à quelques-uns. Au cas où vous auriez encore des doutes, voici les avantages.

Standardisation, c'est-à-dire rester fidèle à la marque et sans erreur

Vos logos ou couleurs de marque sont-ils un peu décalés d'un e-mail à l'autre ? La conception modulaire prend en charge de telles incohérences. Étant donné que les blocs sont tous pré-codés et testés, vous pouvez être assuré qu'ils créeront des e-mails qui maintiendront les normes de votre marque dans tous les e-mails. Sans erreurs.

Gain de temps et accélération du flux de travail des e-mails

Environ 35 % des spécialistes du marketing consacrent 1 à 2 heures au codage et au développement par e-mail, selon les données de notre enquête sur l'état des e-mails 2020. Un autre 34 % prend au moins 3 heures. Avec plus de la moitié des personnes interrogées jonglant avec six e-mails ou plus à la fois, ces heures de développement s'accumulent rapidement.

Avec la conception standardisée des e-mails, vous n'avez plus à vous soucier autant du codage des e-mails à partir de zéro. Cela vous fait gagner beaucoup de temps et vous permet de recevoir des e-mails plus rapidement. Personnellement, je peux créer des e-mails en 10 minutes maintenant.

Flexibilité et créativité

Les modèles ont tendance à être perçus comme rigides et ennuyeux. Mais des modèles modulaires ? Ils sont amusants. Parce qu'il ne s'agit que de simples éléments d'un e-mail, vous pouvez les mélanger et les assortir pour répondre à vos besoins afin de ne pas vous retrouver à chaque fois avec la même ancienne mise en page.

Et vos blocs font partie d'un système de conception de courrier électronique vivant. Cela signifie que vous pouvez continuellement en ajouter de nouveaux au fur et à mesure que votre système de conception se développe pour maintenir la flexibilité et la créativité en vie.

Peut être utilisé dans les générateurs d'e-mails par glisser-déposer

Un autre avantage des modules de messagerie ? Ils sont essentiellement « plug and play » et sont donc parfaitement conçus pour les constructeurs d’e-mails par glisser-déposer comme l’éditeur visuel par glisser-déposer de Litmus Builder. Il suffit de les installer et vous êtes prêt à partir.

Les non-codeurs peuvent également créer des e-mails

Une fois vos blocs de contenu réutilisables configurés dans un éditeur visuel, vous pouvez créer des e-mails sans jamais toucher au code. Et cela signifie que même vos non-codeurs peuvent créer des e-mails ! Ne vous inquiétez plus qu'ils pourraient accidentellement casser quelque chose.

Échelle la production d'e-mails

Avec tout le monde, quelles que soient leurs capacités techniques, capables de créer rapidement des e-mails modulaires, vous pouvez facilement faire évoluer l'ensemble de votre processus de production d'e-mails et développer votre programme de marketing par e-mail. Concentrez-vous sur des éléments tels que des e-mails personnalisés pour différents segments d'abonnés, ce qui aurait pris une éternité auparavant.

Créez rapidement des e-mails sans erreur sur la marque Créez, prévisualisez et testez le contrôle qualité de vos e-mails en un seul flux transparent, avec Litmus Builder. Plus besoin de faire des allers-retours entre les outils. Apprenez comment →

Comment démarrer avec la conception modulaire

Nous vous recommandons de commencer par créer un système de conception de courrier électronique. Vous n'êtes pas obligé de commencer par cette étape, mais c'est un bon moyen de vous assurer que vos modules de messagerie sont catégorisés et standardisés. Si vous ne le faites pas, vous pouvez créer des modules très basiques qui nécessiteraient beaucoup de style lorsqu'ils sont utilisés. Ou vous pouvez créer des blocs stylisés en sachant qu'il peut y avoir beaucoup d'entretien nécessaire pour les maintenir.

Une fois le système de conception finalisé, n'attendez pas. Les systèmes de conception sont des choses vivantes qui changeront au fur et à mesure que vous continuerez à créer des e-mails. Au lieu d'attendre que l'ensemble du système soit finalisé, commencez à coder dès que vous avez suffisamment de blocs pour créer un modèle.

Voici comment commencer.

1. Auditez vos e-mails pour voir quelles sections sont couramment utilisées

Effectuez un audit de vos e-mails pour voir si vous repérez des tendances. Quelles sections voyez-vous répétées dans vos e-mails ? Y a-t-il des blocs d'en-tête et de pied de page que vous utilisez encore et encore ? Qu'en est-il des blocs de contenu à une et deux colonnes ? Ce sont tous de bons candidats pour les modules.

Faites une liste ou documentez les sections que vous prévoyez de modulariser et comment elles seront utilisées (y compris les règles d'engagement). L'organisation de vos composants dès le départ les rend plus faciles à trouver et à utiliser correctement au sein de votre équipe, d'autant plus que vous continuez à développer votre bibliothèque de modèles. Cela peut être aussi basique que l'étiquetage des blocs de contenu pour les en-têtes, le corps et les pieds de page. Ou catégoriser par équipe ou par client.

J'aime organiser le mien par section et par type d'e-mail à l'aide des catégories de la bibliothèque de conception de Litmus.

2. Déterminer les normes et les lignes directrices de la marque

Les concepteurs et les développeurs doivent travailler main dans la main lors de la création de modules pour garantir que les normes, telles que l'espacement entre les éléments et l'espacement entre les modules, sont créées et maintenues.

Et assurez-vous que les parties prenantes s'entendent sur les directives de marque spécifiques aux e-mails, telles que les polices et les couleurs, avant de passer à autre chose.

3. Construisez un modèle de courrier électronique

Tous vos modules devront être mis dans un squelette ou un HTML standard. Cela vous donne la flexibilité ultime dans la façon dont vous souhaitez mettre en page votre courrier électronique. Il existe plusieurs manières différentes de configurer un passe-partout, mais tous les passe-partout incluent une section en haut avec les balises d'ouverture, le contenu de l'en-tête, les styles de réinitialisation et de marque et les balises de fermeture.

Mark Robbins a créé un excellent modèle d'e-mail de base épuré pour vous aider à démarrer. Combinez cela avec le référentiel de Jay Oram des récents styles de réinitialisation CSS standard pour les e-mails, et vous aurez un bon passe-partout pour commencer.

4. Construisez vos modules

Les modules peuvent être créés de différentes manières. Tant que vous êtes cohérent avec les modules, ils fonctionneront ensemble lorsqu'ils seront combinés. Je vais passer en revue deux méthodes différentes : les modules basés sur <table> et les modules basés sur <tr>.

Utilisation de modules basés sur <table>

Vous pouvez encapsuler chaque module dans une table afin que les tables s'empilent en tant que modules sont ajoutés. Les modules basés sur des tables ressembleraient à ceci :

Avantages : Les modules sont soignés et autonomes. Les styles de mise en page d'un tableau n'affecteront pas les autres modules.

Inconvénients : L'empilement de tableaux peut parfois entraîner des problèmes de rendu dans Outlook, tels que de fines lignes blanches.

Utilisation de modules basés sur <tr>

Les modules basés sur des lignes de table doivent être placés dans une table conteneur. Ensuite, les lignes peuvent être placées dans la table conteneur en empilant les lignes les unes sur les autres comme ceci :

Avantages : Il y a moins de problèmes de lignes blanches embêtants dans Outlook.

Inconvénients : Un problème de rendu dans un module peut entraîner un problème de rendu dans un autre module. Et cela peut nécessiter plus de code pour imbriquer les tables dans les lignes pour résoudre les problèmes.

5. Testez, testez, testez !

Les deux méthodes de module nécessitent que vous effectuiez des tests d'assurance qualité (QA) pour vous assurer qu'un composant n'endommage pas l'intégralité de l'e-mail.

Je trouve que la meilleure façon de construire les modules et de tester en même temps est de créer un grand modèle contenant tous les modules dans Litmus Builder.

Cela permet de tester le contrôle qualité des modules dans un modèle pour voir comment ils s'influencent les uns les autres. Il garantit également que l'espacement entre les modules est maintenu. Une fois tous les modules ajoutés, ils peuvent être copiés et enregistrés de manière transparente dans la bibliothèque de conception de Litmus en tant qu'extrait ou partiel.

6. Commencez à utiliser des modules dans votre processus de production d'e-mails

Une fois que vous avez créé vos modules, il ne vous reste plus qu'à les utiliser dans votre processus de construction. La plupart des éditeurs de code vous offrent une méthode pour ajouter des extraits de code à votre code ou à votre passe-partout.

J'utilise Litmus Builder. Dans la vue Éditeur de code, vous pouvez utiliser les mots déclencheurs d'extrait ou le menu d'insertion pour ajouter des extraits directement dans le code. Avec l'éditeur visuel glisser-déposer dans Litmus Builder, il s'agit simplement de faire glisser et déposer les extraits en place.

Essayez la création d'e-mails modulaires Litmus facilite la modularité. Stockez et organisez vos extraits de code et partiels dans la bibliothèque de conception. Ensuite, créez et testez rapidement des e-mails avec Visual Editor dans Litmus Builder. Il est même préchargé avec un modèle d'e-mail entièrement optimisé avec des modules pour que vous puissiez vous lancer directement. Commencez votre essai gratuit →

Soyons modulaires

Si vous voulez être agile et efficace sans sacrifier la conception flexible des e-mails, vous adorerez les modules de messagerie. Ils vous font gagner un temps considérable et vous permettent d'être à la fois créatif et conforme à la marque. Qui ne veut pas ça ? Essayez-le, vous me remercierez plus tard.