Email Templates

In this article we will discuss how to create, update and manage your Email Templates.

Templates are part of your account where you can store all your Email Templates. You can use these Templates for each part of your email marketing strategy.

Things to know before you start:

• You can use contact variables in your Templates like {{firstName}} to replace them with corresponding values from your Contact List.
• Here are some standard variables in our system.

  {{unSubscribeUrl}}	You can use this variable in the Template for providing a link to unsubscribe the contact from the email channel from the Contact List
  {{subscribeUrl}}	Use this variable in the Template for providing a link to subscribe the contact to the Email channel in the Contact List
  {{contactCreatedAt}}	Created At date in format YYYY-MM-DD
  {{name}}	Contact name
  {{email}}	Contact email

• See the full list of system variables by the following link.
• IMPORTANT You cannot create or manage Templates until the domain is added and verified in your account.
• Pay attention to the role of the account user, because not everyone has access to create and manage Templates. More details in our article.
• You can use global variables and emojis in the subject of the Template.

Create your Template

Step-by-step instructions:

1. Navigate to the Templates management page (Menu->Content->Templates).
2. Click on the “Create” button.
3. Select the “Email” channel.
4. Create your Template by choosing one of those options:
   • Drag & drop editor
   • Your own HTML
   • Rich text editor
   • Stripo HTML (Only if the integration is activated with the Stripo platform)
5. Edit and Save your Template.
   • Template name – is the name of your Template, for your personal use. Try to name each Template wisely to not confuse yourself in the future and help yourself to understand the purpose of each email by its name.
   • Email Subject – this is the subject of your email which your contact will see in their mailbox. Make your subject clear and catchy, we recommend using subject lines of fewer than 50 characters to make sure the people scanning your emails read the entire subject line. 
6. Manage your Existing Templates. You can edit and improve each of your Templates. Make sure to save your changes before exiting your edited Template.

Drag & drop editor

Drag content blocks to create the layout you want. Insert your text and images. Choose a color theme or make your own. 

If you want to drag the content block from the left sidebar to your Template – move the cursor to the desired block, click and hold the left mouse button, and after drag it to the right. Also, you may choose the “ADD” button to add a block but pay attention – this action will cause the block to be placed at the very bottom.

Hovering the cursor over one of the added blocks will give you beyond options:

  Drag this handle to move the block

   Move this block upside

  Move this block downside

   Duplicate block

  Delete block

Switch block variant

IMPORTANT Do not forget to make the necessary changes in the content of the footer block. It is situated at the very bottom of the editor.

In case you want to Undo or Redo your actions, please, press the appropriate button to make the actions done.

There is also a convenient preview option at the top left of the editor. Here you can roughly estimate what your Template will look like on different devices.

In the upper right corner, you can find another four features:

–   SAVE – save the Template.

–   TEST – show preview and send test.

–   DOWNLOAD – download the Template in HTML format.

–   BACK – back to the Templates menu.

Drag & drop editor allows you to change styles and content. Just switch on one of the buttons in the left sidebar and you will be able to do this! 

The Content section allows you to change such parameters

The Style section

Switch between global and block level styles editing.

Customized block.

In this status changes to properties will be specific to the current block (instead of being global to all blocks in the same section)

icon beside the property will mark the customization. By clicking this icon the property value will be reverted to the value defined for the section.

The Style section allows you to change such parameters

Your own HTML

 Write or import your own HTML (this one is for experts).

• Use HTML text – Use the HTML editor to manually create your template. Just paste the HTML code of your email into our editor.

• Use HTML file – Upload a file with your email HTML code.

• Link to HTML file – Download your template via the link

The preview function is also available. You can write your code and see how it will be displayed at the same time for your clients on the right side of the editor. See details in our article.

Rich text editor

This option is mostly for simple text emails, but you can still add some images and text styling. 

Usually, email marketers prefer this option because:

• Spam filters like to see a plain text alternative.
• Some email clients and apps can’t handle HTML.
• Some people simply prefer it.

For creating the body of your email – please, use ribbon elements.

The ribbon contains a series of command tabs. These tabs contain tools for performing the most common tasks.

The preview function is also available. You can write your Email message and see how it will be displayed at the same time for your clients on the right side of the editor. See details in our article.

Stripo HTML

First, you need to pass all the simple steps of the integration with the Stripo platform to start work with the Stripo Templates on SmartSender.io.

See how to integrate Stripo with SmartSender.io in our article.

Go to the Templates page and open the Stripo Templates List.

Here you can:

• Sort Stripo Templates by name.
• Check the Email ID.
• Edit Template. This action will redirect you to the Stripo platform so you will be able to make corrections.
• Press the “Export” button. You will export the Stripo Template to your SmartSender.io account by pressing this button.
• Press the “Update” button. Check your Template code before exporting to SmartSender.io. The system will not allow you to do this until the twig rules are implemented correctly. The settings are the same as in the “Your own HTML” editor.
• Press the “Preview” button. You will be redirected to the Stripo preview page where you will be able to check how the Template will be displayed on different devices. IMPORTANT This feature is only available for paid Stripo accounts. See also how you can use the preview function on the Templates page.

NOTE The uploaded Stripo template will be marked with the “Stripo” label. 

Tips to Create a Template:

• Make sure the font is large enough to be read comfortably. Choose font size 12-14px with a line spacing of 1.5.
• Make sure to add proper text in the alternative text spaces for the Header and blocks with images. In some cases, when ESPs do not show your banners/images, this text can be the only thing your recipients can see instead.
• Set a background color that will contrast with your text font. Note that people with poor vision might read your email; that is why the background color should be appropriately selected.
• Use big headlines and other formatting to make the text easy for skimming.
• When you add pictures to the drag and drop editor, their size will be 100%. Do not forget to make it smaller if it is needed. It is possible to change the format from 100% to 10%.