The Asset Manager allows you to create and manage the Email, Web Layer, and HTML Block templates that form the basis of your automated campaigns.
These templates find their use in a significant range of marketing automation use cases. Web layer templates are the basis for subscription banners, countdown banners, or other notifications. Email templates find their use in Email campaigns, such as personalized newsletters and abandoned cart scenarios.
HTML Blocks, on the other hand, allow you to create standardized email template components, such as headers, footers, or call-to-action buttons. These components serve the uniformity of your brand and identity throughout your email communications.
a. Navigate to
b. Click on the
Asset Manager item in the drop-down menu.
c. You will now see the Template browser.
The Template browser consists of a settings pane on the left and the browser itself. Here you can create, edit and search for email templates, web layers and HTML blocks.
The Visual Builder consists of two main parts: an editing region and a tabbed pane with various elements that you can drag onto the editing region or change its settings.
The Settings tab allows you to configure the global parameters of your email template, such as the width of the content area itself, background color, content area background color, default font, and link color.
The elements in the Rows tab allow you to design the structure of your email template. These row elements serve as a frame for your content elements.
You can also configure the appearance of these rows. A 'Row Properties' pane will appear if you click on a row which is already placed in the content area. Here you can set additional settings for each row, such as background color, padding and more.
You can also save your custom made rows so that you can use them in the future just as you are using the default ones.
The content elements are grouped together under the Content tab. The following content elements are available:
This element allows you to create a text paragraph with formatting options, such as text color and spacing.
This element allows you to upload and place an image in your email template.
This element allows you to add a button to your email template. You can assign the following actions to this button: opening a web page, sending an email, calling or sending an SMS.
This elements allows you to place a horizontal line or an invisible divider between other content components.
This element allows you to include buttons that trigger social media activities, such as sharing a web page or liking a product or service.
Insert an HTML block you created before in the Asset Manager. This can be for example a predefined header or footer.
This element allows you to include your custom HTML code.
You can add a link to a video hosted on Youtube or Vimeo. This will generate a clickable image preview of the video.
The HTML builder allows you to create an email template by writing HTML and CSS code. There are three modes available for editing your email temples: Code, Edit, and View. You can switch between these modes by clicking on the respective buttons located at the top-right of the email template editor.
This mode allows you to write HTML and CSS code.
This mode presents an editable version of the resulting email, and allows you to edit paragraphs, upload pictures and insert personalizations.
This mode allows you to view the resulting email.
To upload a custom picture click on the
+ sign and a new layer opens on the right side of the page. After uploading the picture click again on the square where you have just uploaded it - this will copy its URL address in the form of
<img src="URL LINK OF YOUR IMAGE" /> that you can immediately paste into the HTML editor.
Both the Visual builder and the HTML builder allow you to insert personalized customer or event attributes (such as name) or vouchers. These are inserted using the Jinja code.
You can access it in the Personalization pane by clicking on the bottom-right button with the accolades. Here you’ll find the settings and parameters to generate the Jinja code snippets.
You can read more about Jinja here.
Both the Visual Builder and HTML Builder allow you to create different versions of your email template for each language in your project. You can access this function by clicking on the three dots on the top-right side of the template builder, and then on
Add language version.
When a customer does not have any language set, the default template will be used. When creating a new language mutation, the default template will be copied. However, if the default template is changed, the copies will not be updated. Learn more about how to use multiple languages here.
The HTML blocks allow you to create standardized email template components, such as headers, footers, or call-to-action buttons and reuse them in every email. Read more about HTML blocks here.