Custom Newsletter Template

1. Template package

A newsletter template can be imported from .zip file. Package structure is bellow. Basically it contains two items: "index.html" file - newsletter source code and directory called "images" with newsletter's images.

file-structure

The example of package you can download from here.

2. Newsletter decorators

2.1. Tag: data-repeatable


This tag lets you describe where newsletter template's block begins. It has to be used as an attribute in the first element of a block. A thumbnail of a block will be created automatically.

Construction: data-repeatable="{BLOCK_NAME}"
{BLOCK_NAME} -  is block nameUse the same name if there are some duplicated blocks on template.

data_repeatable

2.2. Tag: data-bgcolor


This tag lets you to name the group of background colors. MTEditor can automatically detect and group the background colors, but if you want to have meaningful name of a group, add this tag.

Construction: data-bgcolor="COLOR_GROUP_NAME"
{COLOR_GROUP_NAME} -  
is block name.  Use the same name if there are some duplicated blocks on template.


data-bgcolor

bgcolor-editor

2.3. Tag: data-color


This tag lets you to name the group of font colors. MTEditor can automatically detect and group the font colors, but if you want to have meaningful name of a group, add this tag.

Construction: data-color="COLOR_GROUP_NAME"
{COLOR_GROUP_NAME} -  
is block name.  Use the same name if there are some duplicated blocks on template.

data-color

data-color-editor

2.4. Tag: contenteditable="true"

This tag will be added automatically by editor, but in some case you might need to describe, editable content, manually.

Construction: contenteditable="true"

contenteditable

contenteditable-editor