It allows you to load your templates into the Grapesjs builder. Your config file should have the following lines: The rest you can just take from a previous html file. The files should be placed like this: config.json MJML’s open-source engine generates high quality responsive HTML compliant with best practices. Its semantic syntax makes it easy and straightforward and its rich standard components library speeds up your development time and lightens your email codebase. The newly created Mautic templates have to be uploaded in a zip file, just like before. MJML is a markup language designed to reduce the pain of coding a responsive email. Head over to and click on the try it live link to enter the editor: The files We will use a free online editor to do so.
Mjml divider how to#
In this tutorial I’ll show you how to create a template from scratch, with a little html knowledge. MJML is super-easy, it is based on HTML and will allow you to create beautiful responsive email templates.ĭo you just want to download this template, you can skip the mind-tingling article and jump to the good stuff. Now your terminal directory should look something like this: Defaults-MacBook-Pro:mjml-email Dan. 72101108108111 And I would then take the number shown above and divide it by value and the ending result would be set as the content of the file. To do this open up your terminal, type the following and hit enter, like so: cd Desktop/mjml-email.
All you need is a bit of MJML language knowledge and a bit of affinity to design. Once your mjml-email folder is on your Desktop, you need to find it in your terminal so you can install MJML inside.
Now, that Mautic gives us the option to create super-responsive email templates, you might want to flex your design muscles and create your own.
0 kommentar(er)
