Above the toolbar, help buttons are displayed to facilitate interaction with the template.
Back arrow icon - cancels the last action(s)
This option is useful as it prevents you from having to start creating your template from the very beginning if you do not like the last changes made to it.
Forward arrow icon - reverses the last cancelled action(s)
Code editor - allows you to see the source code of the email and make changes to the code if necessary
At the top of the workspace, there is a toolbar akin to that in Microsoft Word. Here you can select the text format, font, size and colour, add a link, select the alignment, and create a bulleted or numbered list. There is the “Merge tags” option on the toolbar which allows to display customer information in the e-mail template.
To add a link to the email message, select the text and click the “Change link” button on the toolbar.
After clicking, a window with the link settings will open. Here you can specify the colour for the text, for background and links, as well as alignment, line spacing and padding.
If you click on the link, “Link” and “Title” (additional fields) will also be displayed. In the “Link” field you can select the link type and specify the name.
- Site (http, https)
- Mail (mailto:)
- File (ftp, ftps)
- Skype (skype:)
- Phone (tel:)
- SMS (sms:)
- Other (the protocol is specified manually)
- Unsubscribe from the mailing (this link in the source code:
<a href="%unsubscribe-link%">Link text</a>)
- View in browser (this link in the source code:
<a href="%web-version-link%">Link text</a>)
- on Facebook
- on Twitter
- on LinkedIn
- on Pinterest
- by Mail
Rows are constructed character-by-character so that the text is placed in the specified width of the block. This will not work for text in Chinese, Korean or Japanese.
URLs can be insterted into buttons.
Let’s look at how to add a button to an email template.
- insert the “Button” block into the template next to the element with which it is connected
- click on the button block in the template to activate the settings panel. Paste in the appropriate URL and enter the button text
- configure the text style: font, type and size. Set button and font colour
- if necessary, you can apply a hover effect when hovering over the button
If the hover effect is absent in the settings panel, it must be activated via the following path: Appearance > Button > "Highlight hovered buttons" option.
In the element settings, you can also set rounding, alignment, inner and outer borders.
The hover effect is supported by the majority of email clients and desktop devices. It does not distort the appearance of your email on mobile devices and in email clients that do not support the hover effect.