Template Editor - Getting Started

Remarkety's new template editor has been built to provide a delightful experience when creating your emails, and to generate fully responsive, bullet-proof emails that will render perfectly on every device.

New campaigns created in Remarkety since March 2019 will automatically use the new editor. If you want to convert an existing campaign to use the new editor, please see our Template Migration Guide.

Core Concepts

When building a template in the new editor, you create rows of content, and populate them with content blocks. A row can contain one to four columns, and each column can contain an unlimited number of blocks. Simple blocks can contain a single image, formatted text or a single button. More complex blocks can include a video link, social links, separators, and even your own custom HTML.

Rows, Columns and Content Blocks

Rows will always "stack" on top of one another, whether viewing the email on desktop or mobile. 

Content blocks in the same column of the same row will also stack, on both desktop on mobile.

Columns within a single row will be side-by-side on desktop/tablets, and will stack (left column first) on mobile (unless explicitly suppressed with the "Do not stack on mobile" row setting).

Getting Started

You can create a new row in your template by simply going over to the "Rows" tab in the editor, and dragging your preferred row type into the template. You will notice there's a dropdown that lets you select from a pre-defined gallery of rows, some of which have been pre-created by us and some of which you can edit and save.

To start with a completely empty row, choose "Empty" from the dropdown, and you will be presented with a list of empty row types, each with a different column layout. Drag the row into the template, and you will now have empty placeholders for your content blocks.

Empty_row.gif

 

Select the "Content" tab, and drag the content type (for example - text) that you want into the light blue area in your new row. You can now click inside the content block and edit it.

 

Drag_text_and_button.gif

 

When editing text blocks, you will see a toolbar (1) hover above the text, in addition to more general content properties (2) on the right. These settings will be similar, but different, for every type of content block. Feel free to experiment here!

 

 

This article is a work-in-progress, and we will also be uploading videos. Please let us know in the comments which areas you'd like us to expand on :)

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.