Mjml template code#

└── thumbnail.png Steps to save the Theme package Images have to refer to the themes folder the following way: Tested elements are: mj-button, mj-column, mj-divider, mj-image, mj-navbar, mj-section, mj-spacer, mj-text Image asset relative URLs Body componentsĪt present, Mautic processes most components. None of the run, so you have to do all styling inline. ĭocumentation on using sections, columns, and blocks is available in the MJML Documentation Head componentsĪt present, Mautic won't process the tags. The best place to do so is the online editor at.

Mjml template code#

In order to harness the power of MJML, you must code the whole theme in MJML. The MJML language allows the creation of blocks which can be freely moved around in the editor, changing the layout fundamentally without coding. For this reason, MJML themes are preferable. Once converted into HTML, however, the structure is table based, and the blocks are hard to move around. It's possible to use HTML for themes, and the GrapesJs builder offers basic WYSIWYG editing capabilities. 'builder':, Creating a Theme from scratch HTML markup If you wish to support more than one Builder, specify them in an array: With the builder/s defined, the Theme shows in the Theme selection page. Since Mautic 3.3 a new line defines the compatible Builders: The GrapesJs Builder checks the Theme configuration file before listing the available Themes, to determine which are compatible with the Builder. The GrapesJs builder makes it possible to insert HTML code and edit it in a 'What You See Is What You Get' (WYSIWYG) environment.Ī theme can feature a wide variety of predefined blocks and sections reflecting the desired email design - a template from which to start.īy choosing a theme, you can create beautiful emails very efficiently. MJML enables marketers to easily create and maintain beautiful and responsive themes for Mautic. Contributing to the Mautic documentation.