Creating a Template

How to Create a Template

Continue reading this article for in-depth instructions on how to successfully create your first Template.

All changes will be saved automatically.

 

If you're after a guide on how to use the Email Editor,

take a look at the Email Editor section.

 


 

Create a New Template

1. Head over to the Email tool. You can do so from the shortcut on the calendar page or from your Tools page.

toolsmap1.jpg

 

2. Click on the Templates tab.

Templates2.jpg

 

3. Click Create New Template.

Templates3.jpg

 

4. The conversation wizard will open.

Template1_1.jpg

 

5. Follow all the steps to create and design your Template.

Template4.jpg

 

Continue scrolling through this article to follow through every step.

Click on a step on the left side navigation to fast-forward.

 


 

Details

This is the very first step of the Conversation Wizard. All fields marked with an asterisk (*) are mandatory. Let's get started!

Template1_1.jpg

 

1. Enter a working name for your Template. This name is only for internal purposes.

Templatename_02.jpg

 

2. Click Next.

Templates6.jpg

 


 

Templates

1. Choose a Template. Default or user-generated, a Template will determine the initial structure of your Email.

You will have the opportunity to choose between Pre-defined Templates, Your Templates and Themed.

Our blank Template includes four empty rows, with one column each, but you may also choose a pre-defined Template that has a different structure. Each pre-defined Template contains a preview and a description in this step.

You may adjust all pre-defined Templates once you're in the editor, so feel free to choose a Template that is closest to what you have in mind.

You can go back to this step later if you change your mind, but note that your changes will be lost unless you saved the email as a Template before.

CSTemplates.jpg

 

 

 About Templates

Creating a Template allows you to maintain consistency in your sendings and save valuable time spent in the editor. If you would like to learn more about Templates, jump to About Templates.

Need a hand?

Click on the Get inspired icon to take a look at our Email Design Gallery! You can also click the Request icon to send a message to our Creative Services professionals and order a stunning Template that fits your needs. 

 

 

2. The Email Editor will open. Time to build your Template on the Design step!

If you want some detailed information on how to work with pre-defined Templates, head over here.

emailEditor1.jpg

 


 

Design

After choosing a Template, you will enter the Email Editor.

Take a look at our articles about the Email Editor for more detailed information.

Certain browser extensions may interfere with the Email Editor. In that case, disable your browser extensions and refresh the page.

 

1. Create your Template by interacting with the Email Editor: drag and drop elements and assets from the Design Panel into the canvas.

Need a rundown of all the elements and the Design Panel? Jump here.

emailEditor1.jpg

 

 The Email Editor in a nutshell:

The centre of the Editor is called the Canvas. It looks like a live preview of your Email, which takes shape as you put the elements together.

To design your Email you will use elements and assets. These are contained in the Design Panel, on the right, ready to be dragged and dropped into the canvas!

As Emails are built, the structure of the Email is shown on the left in order to keep track of things, and edit the settings of the rows and columns created. This area is called the Structure Panel.

Don't forget about the Bottom bar! There you will see useful options like Preview, Settings, Test and Continue.

 

2. Double-check the Template settings.

Open the Settings by clicking Template settings on the Bottom bar.

These settings are the same from the Details step when you create an email.

Read more about the Settings...

Template.jpg

 

Unsubscribe settings

3. Make sure you add an unsubscribe link and that you adjust your unsubscribe settings.

Click on an item below to expand:

Adding an Unsubscribe Link

How to Add an Unsubscribe Link to Your Email

1. Head over to the Email tool and edit an Email activity draft or create a new Email.

Do skip this step if you have already created or are in the process of creating an email.

editor1.jpg

 

2. Drag and drop the element you want to use from the Design Panel into the Email canvas. Read more about the Design Panel...

For this example, we will use a Text Element. Directly on the element, write the text for your items.

Make sure you write a clear, straightforward text for your Unsubscribe link.

email19_02.jpg

 

3. Select the unsubscribe text. 

email20.jpg

 

4. Click on the link button in the inline text editor.

email21.jpg

 

5. Expand the Link type drop-down menu by clicking on it.

email22.jpg

 

6. Choose Unsubscribe.

email23.jpg

 

7. Click Insert. All done!

WebVersion1.jpg

 

Adjusting your Unsubscribe Settings

How to Adjust your Email's Unsubscribe Settings

1. Make sure that you've added an unsubscribe link in your Email. Expand the item above to learn more.

email19_02.jpg

 

2. While in the Email Editor, open the Settings by clicking on the Email's name on the Structure Panel or on Settings on the bottom bar.

Unsubscribe1.jpg

 

3. Since clicking the unsubscribe link will take them to a landing page, start by entering a headline for that page on Landing Page Headline.

email21_02.jpg

 

4. Enter the message for your landing page under Landing Page Message. This message could be a question, asking them whether they are sure they'd like to unsubscribe or if they're there by mistake.

email21_03.jpg

 

5. To confirm that they wish to unsubscribe, they will have to click on a button. Enter the text for that button under Landing Page Button.

email21_04.jpg

6. On Unsubscribe Type, you will choose what action the button will do.

Click the drop-down menu to choose between Message, to show them a confirmation message, and Redirect Link to take them to another page of your choice. Regardless of the page you choose to redirect them to, clicking the button will effectively unsubscribe them from your Email communications.

email31_02.jpg

 

If you choose Message:

Enter a message for the landing page under unsubscribe message.

email31_02.jpg

 

If you choose Redirect Link:

Lead them to a page of your choice after they confirm that they wish to opt-out.

Enter the URL of that page under Redirect Link.

Regardless of the page you choose to redirect them to, clicking the button will effectively unsubscribe them from your Email communications.

emal32_02.jpg 

 

Design

Your unsubscribe page will look like this by default:

Unsubs10.jpg 

 

1. Click Change logo to choose a logo for the unsubscribe page. Make sure that the dimensions of the image file are 100x100px for optimal image quality. Larger images will be resized to fit these dimensions.

Unsubscribe2.jpg

 

2. Enter the text for your logo.

Unsubs7_02.jpg

 

3. Click on the circle next to Background colour to open the colour picker.

Unsubscribe3.jpg

If you already have a standard colour, enter the colour code in the Hex box. Go ahead and enter the colour in RGB format if that's the method you prefer. The colour picker will save 16 of your recently used colours for each Email. Every new Email will have no recently used colours, but the colours will remain for each Email whenever you go back into editing.

bb10.jpg  

 

 

4. Click Preview in the bottom bar to preview your email Template.

Toggle Desktop, Mobile and the Text version by using the buttons on the right. You can see how the Email will look in all three formats, so you can make sure it will be displayed correctly no matter the device.

If necessary, make any changes to improve the way your Email is displayed.

 

5. Test your Email Template ! Click Test in the bottom bar, enter your Email in the corresponding field and click Send Test.

 About Test Emails

When testing an email, the test email might be sorted by your email client as spam. Spam emails tend not to load images and all additional content in the preview, which is completely normal and done with your best interest in mind.

Please move the email out of the spam folder into another inbox in order to load all of the email's content.

testemail.jpg

 


 

Overview

Congratulations on creating your Template!

To save your Template, click Finish.

finish3_02.jpg

 

Was this article helpful?