How to Create Your Own Template

There are Four Ways to Create an Email Template With SendPulse:

  1. Use an existing template
  2. Design a template using the built-in HTML-editor (requires expertise in HTML)
  3. Create a new template with the built-in drag-and-drop editor ("layout template editor")
  4. Import the template from a file, using a web link or by inserting a ready-made HTML code

With SendPulse, you can easily create emails with the help of the drag-and-drop editor.

Its Main Advantages Are:

  • You can add the necessary block or element just by dragging and dropping it
  • You can easily edit each element (change color, style, size and so on)
  • You don’t need specialized knowledge to work with the editor

Go to the tab Email templates-Add a template

Add a template

The service has several options for creating email messages.

In this example, we will be using the drag-and-drop editor.

Select the template base structure

Visualize an email that you want to send to your recipients and pick a template layout.

Select the template base structure

In this example, we will talk about the "News" template layout.

Open the drag-and-drop layout editor.

In the editor, the left-hand side panel contains elements that can be added to the template, and the middle part represents the initial template that you will edit by adding and changing elements.

Drag the elements to the email body

We recommend working your way from larger parts of the template to smaller ones — first add blocks and elements to the email body, then add and edit smaller elements that will be on the top of all layers.
This way, you will create the structure of the email template, and then you will be able to add elements from the left-hand side panel (text, button, image, and so on).

It is better to create a separate structure block for each element of the template.

Design for the email generally is set up in the right-hand side panel called "Email body" —  here you can edit the general Email background and contour, the color of all links, font and its size and color, line height, email width, etc.

Edit email design

The Editor has Six Elements:

  1. Text element
  2. Picture
  3. Button
  4. Separator 
  5. Video
  6. Social networks

1. Text element

Choose the “Text” block and drag it to the template.

Drag the text element to the template

As a result, you will see text in the block and options for its editing on the right panel.

All changes of the text blocks are made in the editor, and you will see how the template changes in real-time.

These are parameters that can be adjusted in the editor:

  • font and it's color
  • line-height
  • background-color
  • inner padding
  • block height
  • contour

Besides that, the visual editor allows adding hyperlinks, bullet- or numbered list, inserting variables, and so on. 

*Note that adjustment of the inner padding in the template element will cause automatic changes in the email body.

Work with the text

Pre-set variables are available in the drop-down menu of the "Variables" block.

If you need to use the variables available for a specific mailing list, then edit the template while creating a new email campaign using the Email-Create a campaign menu.
This way, you will link a specific mailing list with its variables to the template.

Create a campaign

Insert Variables using the text editor (use the "Variables”  tab on the dropdown list)

Insert variables

Important! If you need to add text using the copy-paste method, copy it from a simple text file (.txt).

Otherwise, original text formats can be copied itself, and that, most likely, will affect your template layout.

Copy the text from the original file, paste it into a simple text file, and then copy the text from the text file and only then paste it into your template.
This way, you will only transfer the clean text without the source styles or formatting, and you will be able to adjust those parameters in the built-in editor: set the paragraph style, font, and its size, bold or italics, change text color, add lists and padding.

Click the downward arrow to the right of the variables button to open the drop-down menu. This menu offers more options for editing the textual block:

Edit the textual block

Add text

Let's change the font size and style, add a background color for the block, contour and inner padding:

Edit the font size and style, background colour, contour, and inner padding

Like any block of the template, this one can be copied

Copy the text block


Selete the text block

or moved to a different spot of the template.

*This is how you can save a template block:

Click on the block and hit Save this block 

Save the block

 Name the block and click Save

Name the block

Saved blocks are stored in the Add new section-Saved elements menu of the template editor 

Saved elements

"Preheader" structure

Preheader is text subscribers see right after the email subject

Pick this element in the template builder using Add new section-Examples menu, drag and drop it into the template and place at the top of the email you are building

Select the preheader

Usually, the preheader consists of 2 elements in 2 columns:

  • preheader itself
  • the web version of the email — web version link can be added in the "Variables" menu, as you click on the preheader in the template.

Add the web-version

Click on the preheader with the left mouse button to start editing the element. 

Footer element

The footer is at the very bottom of the email. Usually, it contains company contact details and sometimes subscription details.

Add the footer into the template, change its text, and set up the parameters of this element.

Add footer

You can choose whether it will be solid or will split into two columns.
Like with other elements, you can edit the footer text and set up its background color.

Edit footer text and set up the background color

Pay attention at the {{ec_es_email_sender_company}} variable in the footer — company name will be taken from your SendPulse account settings.
Edit this value in Account settings-Company information-Company

Add the information about your company

Unsubscribe link

Each email sent via the SendPulse email service must include an unsubscribe link — if the user doesn't add it, the service will do that automatically.

Here is how you can add your own unsubscribe link.

“Click here to leave the mailing list" element is located in the Variables drop-down menu.
You can insert an unsubscribe link into any block of the template.

Add the unsubscribe link

Important! If you want to use your own unsubscribe link, set it up in Email-Service settings-Unsubscribe pages menu

Add a new unsubscribe page

Read this article to find out more details on how to customize unsubscription.

You can edit such features of this block:

  • color (of the block and the text)
  • font (style, size)
  • text positioning (right-, left- and central alignment)
  • inner padding
  • lines height

2. Images

Picture element

Drag and drop a picture element into your template

Drag the picture element to your template

There are two ways to add an image to the template:

  • upload from the computer
  • select an image you had used in the service earlier

After you have added a picture element into the template, click the "Upload from disc" button in the center of the image block.
In the right-hand side panel, you will see the images you had previously used in the service.
At the same time, you will be able to pick an image from your local files using the "Upload" button.

Upload the picture

Previously uploaded images are stored in the Image manager: you can find it in Email-Email templates menu

Image manager

Upload an image, and it will appear in the template.

You can change such parameters of the image:

1. Alternative text

Sometimes email apps don't display images inside the incoming emails. When there is no alternative text for the image, the recipient will see the file name, which most often will puzzle the reader and will cause suspicion of antispam filters.

This is why it is strongly recommended using the alternative text option in your templates.

Add the alternative text

2. Image width

Each image added into the template is displayed in 100% size, but you can reduce it down to 10%

3. Alignment

4. Inner padding

5. Background color

6. Contour

7. Add a link

Use this option to add a hyperlink, a phone number or an email address link to the image

If you link a phone number this way, the recipient will click on the image, and their default telephone app will start to make a call to the linked phone number.

If you link an email address, don't forget to add the email subject — when the recipient clicks on such an image, their default email application will start 

Add the email subject

And the email subject will auto-populate accordingly

The email subject

Important! Always insert a complete link address starting with http:// or https://

Mind that alterations of the image sizes will affect the whole block and the template — that is why it is recommended to resize images BEFORE inserting them into the template.

3. Button

Drag and drop a button.

Drag and drop a button

The button block consists of a button and its text.

First, add a link the button click will lead to, then add the text your recipients will see on the button. You can edit style, width, height, the color of the button, align it, round the corners, and adjust the positioning of the text on the button. The button can open a link, start a phone call, or send an email (don't miss the email subject box)

Add the link to the button

Users can set the background color and change the inner padding of the button.

4. Separator

Use this element to visually separate blocks of the email template.

There are two modes of the separator: spacer and divider.

If you go with the Spacer, you will be able to set its color, and thus template blocks will be separated by a color block:

Add spacer

If you want to have blocks separated by a line, go with the Divider and pick the line style in the drop-down menu

Add divider

5. Video block

Drag&drop a video block and add a youtube link in such a format:

A preview will appear in the template — recipients will be forwarded to the video as they click on this preview

Add video

You can adjust the location of the preview, and its size sets the background color and inner padding.

6. Social media block

Users can pick styles of the social media icons, add or delete them, add links to the buttons, and so on. You can insert only symbols or only the text or both

Insert social media icons

Pay attention to the link types:

Link types

Follow-link: requires the address to the social medium page or to the profile the recipient will be able to follow after they follow the link.

Sharing of email: The recipient clicks the link and shares the web version of the email.

Sharing of the link: requires a URL of the page the subscriber will share clicking on the link.


Use this block to build in payment methods into the template.

Pick Checkout in the left panel and click on it, and you will see two available checkout options: Yandex. Checkout and QIWI

Yandex.Checkout and QIWI

In this block, you will need to provide the prices and other purchase details 

Provide purchase information

Select currency

After that, you need to go to SendPulse's Email service settings-Other settings to connect these payment methods to your SendPulse account

Connect the payment method to your SendPulse account

Rate this article about "How to Create Your Own Template"

User Rating: 4 / 5 (8)

    Other useful articles

    Popular in Our Blog

    Try SendPulse today for free