Attention, cet article est valide pour la création d'un thème email à partir de septembre 2020 avec le nouvel email builder. Pour les thèmes landing page ou formulaire, se rendre sur cet article.

Des thèmes à vos couleurs

Sur votre compte de marketing automation, vous avez la possibilité en plus des thèmes livrés par défaut, de créer vos propres thèmes personnalisés.

Cela vous permettra de préparer des emails aux couleurs de votre marque et avec une structure qui vous correspond mieux, plus simplement et plus rapidement.

Créer son code en MJML

Webmecanik Automation gère son nouvel email builder grace à la technologie open source de gestion de code HTML pour email la plus moderne : MJML.
MJML est un projet collaboratif qui permet de générer du code HTML responsive pour tous les clients emails très simplement sans se soucier du rendu, cela est géré automatiquement.

1. Rendez vous sur https://mjml.io/try-it-live/
2. Aidez vous de la documentation MJML qui vous explique comment coder en MJML. Si vous connaissez le HTML et le CSS, ce sera un jeu d'enfant pour vous.
3. Sauvegardez le contenu de votre modèle réaliser dans un fichier nommé "nomdevotretemplate.mjml.twig"
4. Créez le fichier .zip classique pour un thème (voir chapitre suivant)
5. Importez le .zip dans l'interface de Webmecanik Automation
6. Créez un nouvel email et retrouvez votre template maintenant utilisable

Attention :  Tout le style doit être fait en inline. Les balises mj-head et mj-style ne sont pas supportées.

L'arborescence du dossier thème

Très simple, elle doit cependant être absolument respectée pour fonctionner à l'import. Voici un exemple illustré et les actions importantes à ne pas manquer :

1. L'architecture (dossiers/sous dossiers) doit être exactement celle ci.
2. Le fichier config.json doit être bien structuré (nom et fonctionnalités activées : "page", "email", "form" en fonction de votre thème)
   
3. Faire un zip de contenu du dossier parent. Par exemple ici je ne zip pas le dossier "basiclayout", mais le contenu de ce dossier. Le fichier config.json sera donc à la racine du zip.

Exemple

Parce que le plus simple est de partir d'un exemple, en voici un pour vous déjà installé sur votre compte Webmecanik Automation en pièce jointe attachée à cet article !