Landing Page Templates are a great way to apply custom styles and formatting (such as your organization's color scheme and font) to landing pages to ensure a consistent appearance across all your landing page campaigns. Each landing page campaign can then be customized for its specific purpose while maintaining that consistent appearance.
TIP: Learn more about Landing Page Campaigns.
To manage landing page templates:
- Access the Admin interface.
- Click Landing Pages > Landing Page Templates.
TIP: On list pages, click a column header to sort on that column. Click the columns count below the list to add and remove columns in the current view.
The Manage Landing Page Templates page displays your organization's landing page templates by name, numerically and alphabetically.
NOTE: All landing page template names that start with a number will be listed before those names that start with a letter. For example, 2019 Renewal and 2020 Welcome would appear earlier in the list than Renewal 2019 and Welcome 2020. Keep this in mind when creating/naming your landing page templates.
Locate Landing Page Templates
There are a few features that you can use to more quickly locate landing page templates.
- Use the column headers (click to sort on) if you know who created, modified, or published the landing page template or one of the date columns if you know that there was recent activity; this will re-order the list based on your selection. Click the same column header again to reverse the order.
NOTE: The Landing Pages column (not shown) indicates how many (if any) landing page campaigns are built on each template.
- Use the Search feature if you know the name of the landing page template and to find landing page templates with similar names. The search also queries the Description, Status, and Created By fields.
NOTE: The search field is not case-sensitive; "M" and "m" will yield the same results.
Getting in the habit of using these features will simplify locating your landing page templates so you can get to the business of managing them.
Manage Landing Page Templates
There are several action buttons above the list that you can use to manage your landing page templates.
To activate the buttons, you have to select a landing page template, and then you can:
- Edit the layout and design. Refer to Design a Landing Page Template, below, for information on how to edit a landing page template.
- Create a copy of it by clicking Save as and giving the copy a unique name and description.
- Publish it so that it is available as the basis for new landing page campaigns.
- Rename it and, optionally, update its description.
- Revert it to its last published version.
- Remove it by clicking Delete.
Notes on published templates
Your organization's published landing page templates will be accessible from the:
- Landing Pages Templates list page
- Select Landing Page Form Template page when:
- Create New is clicked on the Setup page of a new landing page
- Edit is clicked on the Setup page of a landing page that does not already have a template associated with it
NOTE: If you modify and republish a template, landing pages that were built on the prior version will not be affected; only new landing pages, built on the modified template, will reflect the changes.
Create a Landing Page Template
The bulk of creating landing page templates is done on the Editing Landing Page Template page which has multiple options that are described below in Design a Landing Page Template.
To create a landing page template:
- On the Landing Page Templates list page, enter a name in the New Template Name field at the top and click Go.
NOTE: Landing page template names can contain and can start with a number. Those that start with a number will be listed before those that start with a letter. For example, 2019 Renewal and 2020 Welcome would appear earlier in the list than Renewal 2019 and Welcome 2020.
- You should also provide a Description so that the template's purpose is easily identified, especially if you have multiple users creating multiple templates.
- Optionally, you can lock the theme so that only authorized users can change the colors that you have selected and the color that you have designated as the background.
- Continue with Design a Landing Page Template, below.
Design a Landing Page Template
Whether creating or editing a landing page template, you'll work in the template designer (the Editing Landing Page Template page). The create and edit options take you directly to the Design tab.
NOTE: You'll be presented with a canvas-width pop-up message in which you have to set the pixel width of your template canvas (i.e., the area where you'll add your landing page content). As indicated in the message, if you plan to use a banner image, you should set the canvas width to the width of the banner.
The Design tab
This tab is where you set your default color schema and landing page font.
Landing Page Elements
Form Properties has no function until you've added at least one Form zone from the Zones tab. Refer to the table in the next section to learn more.
You can toggle ON/OFF the boundaries (a double-red line border) of the Form Fields that you've added to the landing page. Uncheck the box to dismiss the boundary.
Use these options to set which colors to use in the various areas and elements (header, footer, links) of your landing page template. Click Add new theme under Current Theme to choose colors and give them a name (such as URL and Footer). In this area, you can also:
- Set a background color for the body of the landing page form template and
- Lock the themes so that only other Admins can change these settings -- that is, they cannot be changed when non-Admin users are creating landing page campaigns.
Learn more about creating, applying, and locking your Color Themes.
Default Font Style
Use these dropdowns to set the default font and size for your text. Click Set to preserve your settings.
NOTE: This font and size will apply only to text that is added in your WYSIWYG text elements. The Form Field labels will not inherit these settings.
The Zones tab
Zones are the building blocks that you'll use to build the structure and content of your landing page templates. Each zone can be dragged from the menu and dropped onto the canvas to create a new object block for the content (layout, text, and images) of the landing page form.
When you add a zone to the canvas and then select it, the Default Font Style area of the menu gets replaced with the Zone Styles area. Use this to adjust the width of the zone and apply borders and padding.
Click Select Parent to automatically change from the selected zone to its parent zone (its "wrapper") so that you can configure the appearance of that zone. You can work your way up through the layers of zones without having to keep selecting and unselecting zones in the canvas.
|Column Section||Use to add columns to your layout for side-by-side content. Drag onto the canvas and then choose the number of columns. The columns can be populated with other zones and additional columns. This is an easy way to place text next to an image.|
|WYSIWYG||Use to add a text block to your message. You can use the WYSIWYG editor to format your text and insert images, tables, and attachments. See WYSIWYG Editor for more information.|
|Image||Use to add images to your message. You can add hyperlinks and alt tags to images, and position images within a column. After inserting an image, use the Basic Editor to perform rudimentary edits or the Advanced Editor for more technical customizations. Also, see Zones.|
|RSS||Use to add an RSS feed to your message. The RSS feed can pull in content from your website or blog post, or any other RSS content available. See the RSS section in Zones for more information.|
|Use to add static information-gathering fields, such as names and contact information. If your account uses Custom Fields and (Shared and Private) Enhanced Fields, they'll be available. See the Form Field section in Zones for more information.
NOTE: Initially, this zone is labeled Form and prompts you to "Add a form to the page." After you've added a form zone, the zone label changes to Form Field and the prompt to "Add a field to the form."
Now that you've created a landing page template, get started creating your landing page campaigns!