Beautiful, Responsive Template Design Guide

Create beautiful templates, fast.

With the drag & drop editor for designing mobile responsive templates.

Let’s get started,

1. Select design from the left-hand menu.

Responsive Template Design

There are 3 options on this page:

  1. Templates
  2. Forms, and
  3. Pages.

We will talk about Templates.

Responsive Template Design

2. Select the design templates option in the template section.

Responsive Template Design

3. Start with a beautiful, mobile-responsive template

Begin with a blank canvas to create your templates from scratch or jumpstart your design process with one of our ready-to-use templates.

Responsive Template Design
Responsive Template Design

4. To begin, move your mouse over the template and click the plus icon (in the blue box at the bottom of the template).

Responsive Template Design

Once the template opens, it will already be populated with your company’s logo.

Responsive Template Design

5. Each block can be moved by selecting the move icon on the side of the block.

Responsive Template Design

6. Before you can add a new content block, you must first add a row. 

To add a new row, select the row option on the right and drag the row you want to add to the left6.. 

Responsive Template Design

Then, you can go to the content section and add a content block

Responsive Template Design
Responsive Template Design
Responsive Template Design
Responsive Template Design

To insert any merge tags such as {first name}, {company name}, {email}, ect.. You can click the red merge tag button in the top right corner of the template, or you can select a merge tag from the black content menu that appears when typing in a content block.

Responsive Template Design
Responsive Template Design
Responsive Template Design Guide

Email Preview

You can preview the email at any point by clicking the mobile or desktop icon in the top left corner of the template.

Responsive Template Design Guide
Template Design Guide