Avis sur MJML, le framework d’e-mails

Vous cherchez une solution pour créer des e-mails HTML responsive en codant moins, gagner du temps et produire des campagnes marketing qui s’adaptent à tous les écrans ? MJML pourrait bien vous convenir ! Dans cet avis, nous expliquons ce qu’est MJML pour vous aider à décider s’il vous correspond ou s’il vaut mieux chercher une alternative. Au programme : les modèles d’e-mails MJML, l’éditeur d’e-mails, les clients de messagerie pris en charge et plus encore.

Tour d’horizon des fonctionnalités de MJML

Qu’est-ce que MJML ?

MJML signifie Mailjet Markup Language. C’est un framework qui accélère la production d’e-mails HTML grâce à une bibliothèque de composants prêts à l’emploi : texte, image, bouton, colonne, section, etc.

Si vous avez quelques notions de code, MJML vaut le détour pour simplifier la production de vos e-mails : ouvrez l’éditeur en ligne de MJML pour explorer la bibliothèque de composants et profiter de la syntaxe sémantique de MJML. La plateforme vous permet d’afficher un aperçu de votre e-mail HTML avant de générer le résultat final.

MJML est un framework open source et gratuit : tout le monde a accès au code du moteur. La communauté MJML partage volontiers ses propres modèles, composants et outils pour améliorer la plateforme. Chacun peut profiter de ces contributions : la page «  Community  » regorge par exemple d’informations utiles, avec des liens vers des outils gratuits sur GitHub et des chats où échanger avec d’autres utilisateurs de MJML.

L’éditeur d’e-mails MJML

L’éditeur d’e-mails MJML se compose de deux panneaux : à gauche, vous assemblez les composants de votre e-mail HTML ; à droite, vous en voyez l’aperçu.

Le panneau de droite montre le rendu de votre e-mail sur ordinateur comme sur mobile. Pensez tout de même à tester vos campagnes avant l’envoi, surtout si votre base de contacts est importante.

En plus de l’éditeur MJML en ligne, vous pouvez télécharger le moteur et l’utiliser hors ligne sur votre ordinateur. Ce mode hors ligne distingue le framework MJML de ses concurrents.

L’application de bureau MJML

Pour utiliser MJML en local sur votre ordinateur, vous pouvez télécharger l’application MJML. Voici quelques fonctionnalités de l’application qui pourraient vous être utiles :

• l’application de bureau MJML permet de parcourir les modèles MJML prêts à l’emploi et de les personnaliser ;
• vous travaillez sur vos modèles hors ligne ;
• vous voyez le résultat de votre code comme dans la version en ligne ;
• vous enregistrez vos campagnes pour les réutiliser plus tard ;
• vous envoyez vos e-mails directement depuis l’application MJML pour vérifier l’affichage des éléments (il vous faudra un compte Mailjet pour cette fonction).

Si vous préférez votre propre éditeur de code, MJML propose des plugins pour Visual Studio Code ou Sublime Text. Ces plugins reconnaissent les composants du Mailjet Markup Language, ce qui facilite la modification du contenu de vos e-mails.

Les modèles d’e-mails MJML

MJML propose environ 20 modèles d’e-mails gratuits pour différents usages : campagne de bienvenue, grands événements comme Noël et le Black Friday, reçu, etc. La bibliothèque de MJML contient aussi plusieurs modèles sectoriels : immobilier, billetterie, voyage ou e-commerce. Sur la page «  Templates  », des tags spéciaux vous permettent de filtrer par type d’e-mail.

Les modèles sont codés en Mailjet Markup Language : mieux vaut donc les modifier dans l’éditeur d’e-mails MJML. Chaque modèle s’ouvre et se modifie en ligne : vous pouvez ajouter, changer ou supprimer ses composants directement dans l’éditeur MJML. Les modèles MJML sont une excellente option quand vous ne voulez pas partir de zéro.

Les modèles d’e-mails de la galerie gratuite de MJML sont entièrement responsive : inutile de vous demander s’ils s’affichent bien sur mobile. Nous vous conseillons malgré tout de tester vos campagnes MJML avant de les envoyer à votre audience.

Compatibilité de MJML avec les clients de messagerie

Chaque composant MJML (colonne, texte, image, etc.) a ses propres exigences selon le client de messagerie. Avant d’envoyer un e-mail MJML, vous devez donc vérifier que les composants choisis s’affichent correctement chez vos destinataires.

MJML prend en charge les clients de messagerie suivants (même si certains composants MJML ne le font pas) :

• Outlook ;
• Apple Mail ;
• Gmail ;
• Yahoo Mail ;
• Office 365.

Vous pouvez vérifier la compatibilité des composants avec les différents clients de messagerie dans ce guide.

Alternatives et concurrents de MJML

Comme toute solution technique, MJML a ses défauts, qui peuvent vous pousser à regarder ailleurs. Voici les points faibles du framework selon ses utilisateurs :

• Certains composants MJML ne s’affichent pas dans tous les clients de messagerie (les images d’arrière-plan, par exemple).
• Le code HTML généré par MJML n’est pas toujours aussi propre qu’il pourrait l’être. Les balises superflues alourdissent les fichiers et augmentent le risque d’erreur.
• Il faut bien maîtriser le HTML pour travailler avec le Mailjet Markup Language, corriger les bugs et garder la main sur la production des e-mails.
• Certains éléments générés avec MJML s’affichent mal dans Outlook.

Si vous cherchez un framework open source pour produire vos e-mails et que le HTML ne vous fait pas peur, les alternatives à MJML ne manquent pas, par exemple :

• Foundation for Emails. Ses fonctionnalités ressemblent à celles de MJML : composants personnalisés, collection de modèles d’e-mails et création de campagnes responsive. Foundation for Emails existe en deux versions : CSS et Sass. En revanche, il n’a pas d’éditeur d’e-mails : sur ce point, MJML l’emporte.

• Maizzle. Le framework Maizzle s’appuie sur Tailwind CSS pour générer des e-mails HTML. Il mise sur la personnalisation des éléments : ajout de composants sur mesure, optimisation pour ordinateur ou mobile, polices personnalisées. Contrairement à MJML, Maizzle n’a ni éditeur d’e-mails ni modèles gratuits.

Si apprendre le HTML n’est pas votre priorité du moment, les éditeurs d’e-mails en glisser-déposer sont peut-être de meilleures alternatives à MJML. Voici quelques pistes pour commencer :

• Le créateur d’e-mails en glisser-déposer Blocks. Blocks convient aussi bien aux marketeurs qu’aux développeurs. Si vous ne connaissez rien au code, vous modifiez et personnalisez les modèles d’e-mails à partir d’éléments prêts à l’emploi, sans toucher au code. Si vous êtes développeur chevronné, le bouton Code de la barre supérieure vous fait passer en mode code pour travailler directement sur le HTML. Blocks génère un code HTML propre et responsive qui s’affiche bien dans les clients de messagerie courants. Vous pouvez l’essayer gratuitement.
• L’éditeur en glisser-déposer Knak. Knak est un éditeur d’e-mails et de landing pages très utilisé, avec une interface intuitive et une bibliothèque de modèles. Il s’intègre aussi entièrement aux ESP et aux plateformes d’automatisation marketing (MAP) comme Eloqua, Marketo, Salesforce et d’autres. La plateforme conviendra aux petites comme aux grandes équipes marketing. Demandez une démo sur le site de Knak pour découvrir ce dont il est capable.
• L’outil de conception d’e-mails en glisser-déposer Stripo. Stripo permet de créer des modèles d’e-mails sur mesure à partir de modules prêts à l’emploi. Pour ne pas partir de zéro, Stripo propose une vaste galerie de modèles, de l’e-mail de panier abandonné à Thanksgiving en passant par la Saint-Patrick. Stripo a des forfaits aussi bien pour les utilisateurs individuels que pour les grandes entreprises : vous devriez trouver votre bonheur !

Pour découvrir d’autres frameworks d’e-mails, nous avons préparé une comparaison des solutions les plus connues. Nous y détaillons leurs avantages et leurs inconvénients pour vous aider à choisir celle qui correspond le mieux à vos objectifs.

Enfin, si vous repérez une erreur ou une incohérence dans cet article ou dans un autre article de notre blog, n’hésitez pas à nous écrire à support@useblocks.io. Nous corrigerons tout au plus vite.