Asset manager serves as a storage for both email and web layer templates, where they can be saved for later use. You can create the new templates here.
Web layer templates
Web layer templates offer pre-defined templates created by our consultants, such as subscription banner, countdown banner, various notifications, and any templates defined in the project. It is possible to define HTML/CSS/JS codes for the newly created templates, and also create custom variable that can then be changed directly in the visual editor without any need to change the code of the weblayer.
Email templates are designs that can be reused when sending emails through scenarios or email campaigns. They include the entire email structure with the availability of data personalization.
Email templates are used for newsletters or automated scenarios (e.g. cart abandonment). It allows for simple reuse of the same template in multiple scenarios, and also simple content change for daily marketing purposes. It is also possible to send emails not to customers, but to a specific email address that can inform relevant parties about desired information either about customer behavior (e.g. sending of lead information using event triggers in scenarios) or scheduled repeated emails to the management with important metrics. It is also possible to upload an image in an email template to get a direct hyperlink to this image, which is especially useful when there is a limited possibility to put it on one’s own web page. These images can later be used in web layers.
Creating a template
Email templates are created in the campaign section.
There are two ways of creating an email template:
- HTML builder – consists of fields for HTML and CSS input in case you have pre-created email templates or are proficient in the languages
- Visual builder – interactive email creator that allows you to build the email from different components
HTML builder lets you design the email from scratch using HTML and CSS. It also allows uploading images to Exponea servers, which creates a hyperlink for each of these images. There are respective tabs for code, visualization and personalization.
It is possible to create custom HTML blocks that can be reused. For more information, please follow this guide.
Visual builder has three main parts: Content, Structure, and Body. This is achieved via integration of Beefree.io into Exponea.
Content allows you to fill the email structure with several components. You can use the following:
- Text – simple block of text that can be formatted with e.g. text color, spacing
- Image – lets you upload an image and show it in the email template; these images are uploaded to Beefree and can be accessed via the visual builder
- Button – a simple button that can be styled in multiple ways and allows several actions, namely opening a web page, sending an email, calling or sending an SMS
- Divider – a horizontal line that can be styled or an invisible divider of the other content components
- Social – buttons that allow sharing a web page or liking some content on various social media
- HTML – block of self-defined HTML
Structure tab allows working with different positions of the content. It allows the manipulation with different background colors for specific rows or columns as well as the padding between them. Structure blocks are dragged and dropped on the template, which will create open slots for content to be put there. You can have multiple different structure blocks under each other, as well as multiple contents in one structure block.
This section allows you to specify parameters outside of the structure block. There are several options, namely content area width, background color, content area background color, default font and link color.
Emails sent from Exponea allow for the content to be personalized. This is achieved using Jinja tags in the email. (You can find thorough Jinja specification here). You can use Exponea to create the Jinja code for personalization for you. This can be simply pasted into the text field within email. When you click on Personalization tab in the bottom of the template, a small menu will appear. Jinja allows advanced inputs, such as if conditions or for cycles to bring the personalization even further.
The menu lets you choose from multiple options, such as:
- customer attributes
- trigger event properties – when used in a scenario with an event trigger, the attributes of the specific event that triggered the scenario will be used; this is usually used in cart abandonment scenarios
- webhook response
- catalog items
- unsubscribe link – custom link for each customer that will allow them to unsubscribe from mailings; note that when when this link is shared, other people can unsubscribe the customer if they proceed with it
- view link – custom link that will show the email in browser
- current timestamp
It is possible to create multiple versions of an email template, and the versions will be sent to customers based on their “language” property, which can be set by a scenario. Different language options can be set in project settings -> languages. When a customer does not have any language set, the default template will be used. When creating a new language mutation, default template will be copied. Afterwards, when default template is changed, the copies will not be updated.
Afterwards, you can edit each template separately:
The attribute in a customer: