How to Create an Email

To create your first email in the eSputnik editor, follow the next steps.

1. Go to Email Creation

To start building an email, choose one of the following options:

How to create an email

  1. Go to Messages > Messages and click Create email.
  2. On the main page, click the plus icon > New message > Email.
  3. On the main page, in Messages click Email > Create email.

2. Choose a Template

Choose a template from one of the categories:

How to build an email

  • Basic: fifteen ready templates, one empty and one HTML template.
  • Gallery: 350+ ready templates grouped by industry.
  • Saved: previous emails you have saved as a template. You can save any email as a template and further use it for similar campaigns with the same layout and design.

How to create an email message

You can edit any template in Messages and Saved Templates by 1) clicking its name or 2) Edit on the right. 3) Also, you can click Copy to copy and edit the chosen template.

How to create an email campaign

3. Fill in Message Information

Click Message name or Click to set the subject to specify the message information.

How to design an email in the editor

Message Name

A message name can differ from a subject line and is used only for internal usage in the eSputnik system. It’s used to identify the message in the general message list, campaign reports and workflows. If you don’t specify the message name, it will be filled with the subject line by default.

We recommend choosing a short name as by default it is passed in the utm tag in the parameter utm_campaign. In eSputnik, all parameters, including message name, are specified by default but you can edit them in the email template or in personal profile settings.

  • To configure tags in the template (for the current email), click Additional settings > Specify links settings. Edit or replace the variable $messageName and click Apply. To undo all edits of the parameter, click Restore default values and Apply.

How to create an email in the editor

  • To configure tags (for all further emails), go to personal profile > Settings > Laboratory and edit Campaign name. Keep in mind that tags specified in the message always have priority over tags specified in the account settings.

Tag settings

More on how to use UTM tags in emails.

This is the example of how utm tags are displayed in the browser URL after a subscriber clicks the link in the email and goes to the website. Please note that the message name will be displayed in the campaign parameter.

Tags example

Subject Line

A subject line is the title of the email which recipients see first in their inboxes, so it's important to compose a catchy line prompting opens.

To test different subject lines, click Add subject and enter the second variant. Each field can contain only one subject line.

Email info: subject line

Note. Subject line is a required field; you will not be able to send emails without subject lines.

Preheader

A preheader provides an additional opportunity to increase the open rate of your emails. It serves to extend and supplement the subject line with extra details, drive interest, and encourage opens. In the email client, the preheader follows the subject line.

Email info: preheader

Sender

By default, a sender name is created based on the account info. If you want to use a different sender name for all your campaigns or separate emails, click New sender and fill in the fields.

Email info: sender

To choose the necessary sender, click the arrow next to the address and select the name from the drop-down menu.

Email info: sender names

Reply To

In this field, Not selected is specified by default. However, you can choose any address from the drop-down menu to receive customer replies.

Email info: reply to

Tags

Add tags to filter messages and reports more easily. Tags are also used to manage a frequency strategy of your campaigns.

You can add as a tag any words or phrases in Latin and Cyrillic, numbers and symbols. Click Enter after you specify each tag or select them by search. You can add unlimited tags.

Email info: tags

Subscription Categories

If you have subscription categories, add them to your email. Before the launch, the contacts will be recalculated, and the message will be sent only to the contacts subscribed to the selected categories. To edit the category before sending, click the gear icon.

Email info: subscription categories

Annoyance Level

This parameter manages the frequency strategy of your campaigns and the level of annoyance they can supposedly cause your subscribers.

Set the annoyance level for a particular email based on the daily and weekly limits of your campaigns.

4. Create an Email Design

In our drag-and-drop editor, you can edit one of our ready templates, insert the code of your template and further edit it if needed, or create a custom HTML template from scratch. The main advantage of a visual editor is the built-in block responsiveness so that your emails will be displayed correctly on different devices. Learn more.

The main tools of the editor are organized in three sections: two tabs (Appearance/Content) on the left and a settings menu in the upper right toolbar.

Create an email design

Appearance

This tab includes 5 subtabs:

  • General Settings;
  • Stripes;
  • Headings;
  • Button;
  • Mobile view.

It allows to design a whole layout of your email, or its separate elements (header, content, footer, info area). The subtab Mobile view enables to adjust settings that regulate the mobile display of the email.

Appearance tab settings

Content

This tab includes 3 subtabs:

  • Structures;
  • Blocks;
  • Modules.

1. Structures

This section allows to add a structure to the template horizontally. Drag any structure to the necessary stripe and add the necessary blocks.

Drag structures

When you add to one structure several elements vertically (for example, text and images), they make containers which you can also set separately.

Edit containers

To start editing any element (stripe, structure, block, container), click it.

2. Blocks

The section contains the following blocks:

  • Image;
  • Text;
  • Button;
  • Spacer;
  • Video;
  • Social;
  • Banner;
  • Menu;
  • HTML;
  • Carousel;
  • Accordion.

Blocks to add to a structure

You can add them by dragging from the menu, copy, delete, edit, and move them relative to other blocks. Each block is responsive by default. If needed, you can disable responsiveness of images and hide some blocks when displayed on mobile devices.

3. Modules

This section contains two tabs (Advanced/My modules) with ready structures with built-in ready blocks and containers.

Advanced contains ready module templates:

  • Preheaders;
  • Headers;
  • Banners;
  • Info modules;
  • Product cards;
  • Footers;
  • AMP Sandbox.

My modules contains the modules you have previously saved. You can save any container, structure or stripe as a module, and they will be saved to this tab.

Modules to add to a structure

A click on a specific email element automatically opens the settings on the left. And when you hover over it, you see a panel with the main actions you can apply to this element: save as a module, move, copy, and delete.

Save as a module

Additional editor features include:

Each element of your email template can be edited in the HTML editor as well. To open or exit the HTML editor, click Code editor in the top settings. You can open the editor for a particular element by first clicking it and then clicking Code editor. For convenience, the HTML and CSS editing tabs are separated.

Code editor icon

If you create a message in HTML, insert your code into the HTML editing window. Emails can often contain styles within HTML in the

tag but some email clients may not support them. You can also add your own HTML and CSS block by dragging the corresponding block from the left.

HTML design

Step 5. Preview and Test

To see how your email would look like on computer and mobile, click View message in the top toolbar.

Message preview

To test the message before launch, click Test and enter the email address or addresses to send to and click Send.

Test message

We also recommend testing your email in special services. This is especially important when using custom designs or transferring the HTML code to the editor.

eSputnik customers who apply for a free custom email template also receive additional testing of template display on all devices.

Step 6. Save the Message

Once editing has been completed, click Save. Choose Save as template if you want to use the created message as a template for further campaigns.

Save the message

The email will appear in the general list of messages or saved templates, depending on how you saved it.

Message list

Your email message is ready. Before the launch, check your contact base and make sure you have your digital signatures configured.

Watch more on the email editor:

Any Questions?
We’re always happy to help!
Request a Callback
Fill in the form, and our specialists will call you back as soon as possible.
Request a Callback
Chat Support
We’re waiting for your questions!
Send a Chat Message
Email
Contact the eSputnik support team
Send an Email