Email Builder

The feature Email Builder enables you to launch email campaigns directly from our CDP if you do not already have another Marketing Automation tool and want to create email campaigns in an easy and user-friendly way. With the Email Builder you can create emails without the need of any HTML coding knowledge in just a few minutes.

You can create your own email sendout strategy, define the subject of your email, pick one or more Segments of customers to target, design your email template by using drag-and-drop and you are all set to communicate.

To really reap the benefits of our CDP you can use the Email Builder with any of your data that you bring into the CDP to be able to target the right audience with the right message. You can use any of the fields that are related to a particular customer and go all-in with personalization!

How it works

This guide will guide you step by step through the feature Email Builder and how you can use it to easily start creating relevant and personalized email campaigns.

Navigating the Email Builder Homepage

  1. By clicking the Email Builder icon on the left-hand side menu you will be directed to the Email Builder Homepage.
  1. In the Email List you can see all of your created Email campaigns. You can click any of them to see the Campaign and edit existing campaigns. To create your first Campaign see the ‘How to create a new Email Campaign’ section.
Email Builder Data Talks, navigating to the email homepage
  1. By clicking an already existing Campaign you are able to edit the Campaign by clicking on it. For instance if you want to change the scheduling of a specific campaign or change name.

How to create a new Email Campaign

  1. Click the Create New Campaign button to create a Email campaign.
  2. Here you will configure your Email sendout. First, under Email Details you can give your Email Campaign a name and description. This is only the name used internally within your organization.
Email Builder Data Talks, how to create a new email campaing
Here you configure your Email campaign
  1. In the Email Settings section you decide the following:
    1. Email Subject: This is the Subject line that will appear in the Email sent to the recipients. You can include personalization fields in the subject line as well, by clicking the {} icon on the right.
    2. Target Segment: Choose the Segment(s) you want to send your campaign to.
    3. From Name: Choose the name you want to appear as sent from in email clients.
Email Builder Data Talks, email settings section
  1. After that, click Select Template to choose an email template to work with. You can either choose one of Data Talks premade templates or your own that you can import. When you have started creating campaigns you can also choose previously used templated by clicking “Previous Campaigns”:
  2. After you have chosen the template, you will be automatically taken to our Template Designer. See section ‘How to configure your Template in the Template Designer’ for further instructions on how you use this tool.
Here you can see your Template alternatives and choose one.
  1. When you have created your template you will be directed back to your Email Campaign page. Here you can see the Total number of Profiles that the Email will be sent to.
  2. If you want to change your email template at any point, you can simply click “Change Template” and you can choose another template to work with. The popup below will appear to confirm that you want to change the template.
Click Change Template to use another template
  1. If you want to Preview the email you should select a Profile that will be used as a test to be able to see that the Template is behaving the way you want it to. You also have to set the Email address you wish the Preview to be sent to. You will receive the Preview as an actual email and exactly like how the recipient would see it.
Email Builder Data Talks, total number of profiles reached by email campaign
  1. Finally you need to determine if you are going to send your Email Campaign right away, or if you want to schedule it for later. You have two options:
    1. Schedule: Click Schedule and you need to fill in the date and time and click “Schedule campaign”.
    2. Ready to send: Click Ready to send to send your Campaign right away, by clicking “Send Campaign”.
Email Builder Data Talks, scheduel your emails with the email tool
Schedule your campaign
  1. Congrats, you have just created and sent your first Email Campaign! You can revisit your campaign and see overview details in the Email Builder Homepage.
  2. NOTE: If any of the recipients (profiles) share the same email address, for instance a family email address, you need to decide if you want to either send one email to each profile (to the same address) or only one email to the email address.

How to configure your Template in the Template Designer

  1. If you choose a Template from our library you will have some content components to work with, but you are able to design your template from scratch as well. This section of the guide will take you through the basic settings in the Template Designer and what they mean. If you want to see specifically how you can perform basic tasks such as how to upload an image, change logo, insert a link, and cloning and removing objects.
  2. This is our Template Designer, which below, is populated with one of our pre-made templates ‘Sports Template 1’.
Email Builder Data Talks, how to configure your template in the template designer
Template Designer
  1. In the top navigation bar there are a few important quick functions that you can use. If you hover with the mouse over it a descriptive text will appear. From left to right they are:
    1. To view the template in desktop mode (this is the default mode).
    2. To view the template in tablet mode.
    3. To view the template in mobile mode.
Email Builder Data Talks, quick functions in the navigation bar in the template design tool
Choose in what mode you want to view your template
  1. On the right side of the bar the following functions are available:
    1. Undo an action
    2. Redo an action
    3. View components
    4. Full screen
    5. View code – HTML code will be available for export
    6. Import template – Click here to import any HTML code
    7. Toggle images
    8. Test newsletter
    9. Save template
Email Builder Data Talks, functions in the right side bar in the template design tool
  1. On the right hand side of the template the main settings bar is located with the “Styles”, “Settings”, “Layers”, “Open Blocks” and “Fields” tabs.
Email Builder Data Talks, edit styles in the template design tool
Template Designer Menu
  1. By clicking Styles this tab will be available. Whatever element you have clicked on will be reflected in the Classes box. By clicking on a specific element you will be able to change the Dimension, Typography and Decorations.
Email Builder Data Talks, Available tools in the style style section in the template design tool
Styles tab
  1. These are the settings available under Dimension. Here you can adjust the width and height of your element. You can also adjust the Margin and the Padding of a specific element.
    1. Margin refers to the margin of an element that separates it from another element.
    2. Padding is inside the margin and dictates where the content is located within an element.
Email Builder Data Talks, changing dimensions in the template design tool
Dimension settings
  1. Under Typography, the settings below are available. You are able to change the font (NOTE! There are only a specific set of fonts that are accepted in all email clients. This is not that we do not support those fonts, but the limitations of email clients e.g. Gmail, Outlook etc). Click on the font box to see what fonts are available. You are also able to set other general typography settings here.
Email Builder Data Talks, changing the typography in the template design tool
Typography settings
  1. Lastly, under Styles, you can alter the Decorations. Here you can change background colors of your specific elements, if you want your border collapsed or not, if you want your image to have rounded corners you can change the border radius and if you want a border around an image.
Email Builder Data Talks, chaning the decorations for specific elements in the template design tool
Decorations settings
  1. Keep in mind that for the elements you want to alter there might be several layers, so if you are not able to alter a specific element try to go one layer above and change it there.
  1. Next, click the Settings tab. Here you can access the component setting for each specific element, i.e. you need to click an element in order to change the component settings. The component setting do not change the style but rather the behavior. E.g. if you want to link a CTA from a button you can choose here if you want it to be opened in a new window and which link that should be used.
Email Builder Data Talks,  the settings tab in the template design tool
Settings tab
  1. Next, you have the Layers tab. Here you will see all the different layers of the HTML-template structured in a list. By clicking an element you can easily see where it is located layer-wise. The structure is from the top of the template to the bottom. If you want to move a specific element you can also do it here by clicking the icon in the red box below and moving it up or down, and it will change location accordingly in the template.
Email Builder Data Talks, layers tab in the template design tool
Layers tab
  1. Now, click the Open Blocks tab. Here you will be able to see all of the types of elements you are able to work with. If you are creating a template from scratch this is especially important. By using drag and drop you can include the different types of elements in your template. The different types of blocks are:
    1. Sections – Different sections with different amounts of columns, as seen on the icons. Each section can contain text, buttons, images etc.
    2. Button – If you want to add a button.
    3. Divider – If you want to have space between two elements.
    4. Text or Text section – Adding a text box or a section.
    5. Image – Adding an image.
    6. Quote – If you want to add a quote.
    7. Link – If you want to add a link.
    8. Link Block – Can turn any element into a link (e.g. an image).
    9. Grid items – Combination of title, text and image in a grid view.
    10. List items – Combination of title, text and image in a list view.
Email Builder Data Talks, the open blocks tab in the template design tool
Open Blocks tab
  1. Lastly, click the Fields tab. Here you can view the fields that can be populated for the specific segment(s) you want to send the campaign to. For each Profile that you are targeting you have specific data or details, and these fields will be used in the template and later populated with the real data for each recipient. So, if you use these dynamic fields you are able to increase your personalization. For example by including the field {FIRST_NAME} you are ensuring that for each recipient this field will be populated with the recipient’s name.
    1. Simply drag and drop which field you want to use.
    2. If you do not have data to populate it with, you can add a default value to the fields. E.g. Hello “there” instead of Hello {Name}.
Email Builder Data Talks, the fields tab in the template design tool
Fields tab
  1. Click Save to save your template changes and click the arrow in the upper left corner to go back to the Email Builder campaigns page and finalize your campaign (see guide above How to create a new Email Campaign).

How to edit an existing template in the Template Designer

Below are step-by-step guides to how you can perform some basic tasks in the Template Designer.

Identify an element

  1. To see what type of element an element in the template is, simply hover with your mouse over an element and it will state either e.g. text, link or image.
Email Builder Data Talks, hoover to see element in the email template

Edit an existing text block

  1. To edit text in an existing text element, simply double click the text and replace it with your own text.
Email Builder Data Talks, edditing text in the email template

Insert a link

  1. Mark the text you want to appear as a link, and click the ‘link symbol’ marked in the red square below.
Email Builder Data Talks, adding a link in the email template
  1. Click somewhere else and then click on your link. Click the Settings tab where you can change which URL the link should go to in the ‘Href’ box marked in red below.
Email Builder Data Talks, changing a link in the email template
  1. By default in email clients windows open in a new window so choose this option from the drop-down menu in the Target box.

Clone an element

  1. To duplicate an existing element, mark the object and click the duplicate symbol marked in red below. Then an exact copy of the chosen element is created below, which you can move somewhere else.
Email Builder Data Talks, Clone an element in the email template

Insert an image

  1. Place your mouse on an image placeholder and you will see that it states ‘Image’.
  2. Double click the image and the pop-up window below will appear, where you can upload your image or paste the image URL.
Email Builder Data Talks, insert a image in the email template
  1. The absolute safest way to guarantee that the image displays correctly is to upload the image to avoid being affected if the image URL changes in the future.

Insert a logo

  1. Place your mouse on the default logo and you will see that it states ‘image’.
  2. Double click the logo and the pop-up window below will appear, where you can upload your own logo or paste the logo URL. NOTE: The logo that you upload must be 86x86px in the templates, otherwise the menu where the logo is located will break.
Email Builder Data Talks, Insert a logo onto the email in the email template

Change the size of an image

  1. If you want to change the size of an image that you have uploaded, first click the image and go to the Styles tab and the Dimension section.
Email Builder Data Talks, changing the size of the logo in the email template
  1. To optimize how an image is displayed in different email clients it’s best to use the option of setting the size according to percentage % instead of defining the size in pixels. This image for instance is set to take up 100 % of the space in the template. If we change it to 60 % it will only take up 60 % of the surface etc.
Email Builder Data Talks, optimze the size of the logo in the email template

Change positions of existing elements

  1. The template is HTML-based, which means that the template consists of different elements in different layers. By this logic, there can be several elements located within an element, but on a deeper layer.
  2. To understand where the elements in the template are located, first click the element and then go to the Layer tab where in the template that specific element is located.
Email Builder Data Talks, understand where elemenst are nestled in the email template
  1. The absolute best way to move an element,to ensure that they don’t appear in another element by mistake, is to move it by using the icon on the right (marked below) in the Layer tab. Click it, hold it in and then move it up or down the layer structure. It will rearrange accordingly in the template to the left so that you can see directly where you moved it.
Email Builder Data Talks, move elements using the icon in the tab in the email template
  1. You can also move the element by clicking it and moving it around directly within the template. Then you can click the element and see in the Layer tab where you placed it within the structure.
Email Builder Data Talks, moving elements in the layers tab in the email template

Create a column

  1. If you want to create more columns of text in your template you have to make sure you copy the table cell and not the table row (where the text element is located). To do this, open the Layer table and mark the text which you want to create a column of.
Email Builder Data Talks, create a column in the email template
  1. Look for the table cell and mark it so you can see which element you are copying.
Email Builder Data Talks, chosing elements in the email template
  1. Either use the duplicate icon to clone it or Copy & Paste using Control + C and Control + V. You will then have two separate table cells, as shown below.
Email Builder Data Talks, duplicate elements in the email template
  1. Remove the elements within the table cell that you don’t want to appear in the copy. To move the text down within the table cell, go to the Styles tab and adjust the padding. Add 150 px padding to the top here to ensure that the texts in each column are on the same level in this example.
Email Builder Data Talks, move elements in the email template

Remove an element

  1. To remove an element, mark the element with your mouse and click the trashcan-icon that appears (marked in red in the image below).
Email Builder Data Talks, remove elements from the email template

Add a personalization field

  1. If you want to add personalization to your campaign, click the Fields tab to see which personalization fields that are available to you.
Email Builder Data Talks, add personalization in the email template
  1. By dragging and dropping you can add a personalization field directly to your template. For instance this name ‘Emily Smith’ is written in text and we want to replace it with a name personalization field instead. Pick the First_name personalization field, drag it to the text element and drop it and it will look like in the image below.
Email Builder Data Talks, personalize the email template

Export and import HTML-code into your template

  1. Click the View code symbol in the upper panel to view or export the template’s HTML code.
Email Builder Data Talks, export HTML code in the email template
  1. If you want to import code on the other hand, click this Import templates symbol and paste the HTML-code.
Email Builder Data Talks, import HTML into the email template

Email Analytics

After you have sent an email campaign, tracking the success of the campaign is crucial to see what you could potentially improve. Email Analytics are available in the Email Builder after you’ve sent a campaign. It allows you to track important metrics like open rate, click rate, and unique opens and clicks.

Email List

  1. In the Email List section, the first page you see when clicking the Email Builder, the first set of email analytics are available. This allows you to get an overview of how all of your email campaigns have performed and you can easily compare respective metrics.
Email Analytics available in the Email List
  1. In the Email List section, the following metrics are available:
    1. Deliveries: The total amount of emails successfully delivered.
    2. Total/Unique Opens: The total number of opened emails and the number of how many opens are unique. For example if one person opens an email 3 times it will show as 3/1.
    3. Total/Unique Clicks: The total number of clicks in all emails and the number of how many clicks are unique. For example if one person clicks 3 times it will show as 3/1.

Email Campaign

  1. In each campaign, after you have sent it, you will have individual KPIs available when you click on a specific campaign.
  2. Scroll down to the bottom of the page. On the top you can see the details such as which segments is was sent to and the actual content and template that was used on the right.
Each campaign has individual metrics available
  1. In the Email Statistics the following KPIs can be found:
    1. Open rate: The percentage of taking the unique number of recipients who opened the email, and dividing by the numer of emails that were successfully delivered.
    2. Click rate: The percentage of taking the unique number of recipients who clicked on a link in the email, and dividing by the number of emails that were successfully delivered.
    3. Deliveries: The total amount of emails successfully delivered.
    4. Total/Unique Opens: The total number of opened emails and the number of how many opens are unique. For example if one person opens an email 3 times it will show as 3/1.
    5. Total/Unique Clicks: The total number of clicks in all emails and the number of how many clicks are unique. For example if one person clicks 3 times it will show as 3/1.

Powered by BetterDocs

Arrow-up