Overview
HTML templates allow you to add interchangeable elements to an HTML asset, such as images and text. This topic reviews how to use these templates to easily create multiple versions of offers and landing pages.
The video below walks through creating an HTML template, as well as using the template in offers and landing pages.
Prerequisites
This example uses the following assets:
-
HTML asset: this is the asset you’ll turn into a template.
-
Image asset: the image(s) that you want to use in your offer or landing page.
-
Text asset: the text that you want to use in your offer or landing page.
Learn more about creating assets.
Creating a template from an HTML asset
Before creating an HTML template, you’ll need to create an HTML asset. Once you’ve done so, you’ll be ready to create the template in the Asset Designer.
To create an HTML template:
-
With the HTML asset open in the Asset Designer, select Allow use as HTML template from the content toolbar.
-
Find the place in the HTML where you’d like to insert your element (image, text, etc.) and put your curser there.
-
Select Insert Template Element from the content toolbar.
-
From the popup, choose the element type:
-
DIV: for large blocks of content, such as images.
-
SPAN: for smaller, inline pieces of content, such as text.
-
-
Fill in the fields:
-
Name: a name for the element you’re adding.
-
Description (optional): a brief description of the element.
-
-
Select OK.
-
Repeat steps 2-6 for any additional elements you’d like to add to your template.
-
Name the template and save.
Your template is ready to use to create an offer or landing page.
Using the template in an email offer
Using an HTML template makes building multiple versions of an email offer quick and easy. You can switch out the elements you set up in the template to create different versions of the offer without having to manipulate any HTML in the offer itself.
To create an email offer using an HTML template:
-
Open the Offer Designer.
-
Choose Email Offer.
-
Close the Email Properties window for now. You can edit these at any time by choosing Properties from the toolbar.
-
On the Choose Page Layout popup, go to the Template tab.
-
Choose the HTML template you’d like to use, and select Apply Page Template.
-
Under Page Layout, there is a yellow box for each element in your template. From the File System, drag the asset that you want to use to the yellow box that represents the corresponding element. The element will appear in the HTML email preview.
-
Repeat step 6 for each element you want to add.
-
Name and save your offer.
To make a new version of the offer using different elements, simply repeat steps 6-8 using the new elements.
Using the template in a landing page
Using an HTML template makes building multiple versions of a landing page quick and easy. You can switch out the elements you set up in the template to create different versions of the landing page without having to manipulate any HTML on the landing page itself.
To create a landing page using an HTML template:
-
Open the Landing Page Designer.
-
Choose Blank Landing Page.
-
Close the Landing Page Properties window for now. You can edit these at any time by choosing Properties from the toolbar.
-
In the Page Layout section, select the three-dot action menu.
-
On the Choose Page Layout popup, go to the Template tab.
-
Choose the HTML template you’d like to use, and select Apply Page Template.
-
Under Page Layout, there is a yellow box for each element in your template. From the File System, drag the asset that you want to use to the yellow box that represents the corresponding element. The element will appear in the HTML email preview.
-
Repeat step 6 for each element you want to add.
-
Name and save your landing page.
To make a new version of the landing page using different elements, simply repeat steps 6-8 using the new elements.