Creating a Template Landing Page

Within your campaign, navigate to the Creatives tab and select Landing Pages. This page allows various landing page creation methods, along with the listing table containing all landing pages on this campaign. To begin, click Template Landing Page.

Template Landing Page Settings

Template landing pages allow you to create a simple landing page through basic settings and customisation. A number of templates are available to choose from, and a simple user interface allows you to change colours and upload images.

Setup Step

Page title
- The page title that will appear in the landing page listing
Slug
- Friendly URL name for your landing page
Select form
- Choose a form to embed into your landing page
Type
- Creating a standard landing page will prompt the option to also create a tracking link, while selecting Whitepaper will not create a tracking link.
Status
- Label the landing page as active or inactive

Design Step

Layout
- Choose from a number of landing page layouts (options will change depending on the 'type' option chosen on the 'Setup' step)
Image uploads
- Upload images/logos to your landing page
- Image sizes will automatically adjust to the default properties for the landing page template
- Supported file types: .jpeg, .jpg, .png, .gif
Colours
- Change the colours for the header, form, and page sections (background images will override any colours chose)
Content
- Any additional descriptive text can be placed in this section

Customise Step

CSS
- Allows editing/overriding CSS of the landing page
Javascript
- Include custom behaviour for your landing page

Template Landing Page Default Properties

The below information provides details about the default sizes for all template landing page layout containers and images, with CSS rules on how to adjust some of these items.

Header Logo

Please note: The below information applies to Layouts that include the 'Logo' section on the 'Design' step.

Default Size

The default size of the header logo is 250px wide.

Size Override

Change the size of the header logo by including the below CSS in the 'Customise' Step > 'CSS' box and changing the '200px' width to a number of your choice.

.logo-header { max-width: 200px; }

Logo Hiding

Include the below CSS in the 'Customise' Step > 'CSS' box to hide the logo in the template layout header. Alternatively, select a 'Layout' on the 'Design' step that does not include the 'Logo' to hide the entire header.

.logo-header img { display: none; }

Whitepaper Images

Whitepaper Logo Hiding

.whitepaper-preview-container .padding-small, .whitepaper-preview-container-big .padding-small > img { display: none; }

Whitepaper Thumbnail Hiding

.thumbnail { display: none; }

Column Sizes

Type	Default Text Container Size	Default Form Container Size	Default Whitepaper Preview Container Size
Standard	840 pixels wide	840 pixels wide	N/A
Standard	860 pixels wide	860 pixels wide	N/A
Standard	400 pixels wide	400 pixels wide	N/A
Whitepaper	253 pixels wide	253 pixels wide	211 pixels wide
Whitepaper	312 pixels wide	312 pixels wide	94 pixels wide
Whitepaper	400 pixels wide	400 pixels wide	N/A

Creating a Template Landing Page Follow