Pardot Knowledge Base

Creating Landing Pages Using Stock Templates

Last Updated: May 18, 2016 | Print this Article
 
You can quickly create new landing pages using Pardot's stock templates and the Landing Page Builder.

Creating the Landing Page

To begin, navigate to Marketing > Landing Pages > New Landing Page.

Step 1: Name
  1. Enter a Name for this landing page. This is internal-only, prospects will not see this.
  2. Optional: add Tags.
  3. Enter Title. This is displayed in the browser’s title bar.
  4. Description: Any tags entered in the Description field only apply to landing pages built with a layout template.
  5. Select a Campaign. Prospects will be associated with this campaign if the landing page is their first touchpoint.
  6. Optional: Choose an Archive Date if you want to make the landing page inactive at some point in Pardot in the future (or past). Archiving Landing Pages moves them to the “Archived Landing Page” view on the Landing Page table under Marketing > Landing Pages. Note: The landing page content will still display if a prospect accesses the landing page URL after the archive date.
  7. Optional: enter a Vanity URL that will replace the normally auto-generated address. Note: If you attempt to use a URL that is already in use you will be promoted to choose a new one. Also, if you change the URL at any point, you previous URL will no longer be valid.
  8. If you wish not to have your landing page appear in search engines such as Google, enable the option for “Hide from search engine indexing”. More information is available in Hiding Landing Pages from Being Indexed.
  9. Click Next to move on to step 2 of the Landing Page Builder.
Step 2: Select Form
  1. If you would like to create a new form, mark Create new form to launch the Form Wizard.
  2. If you are using an existing form, mark Use existing form and choose the form from the drop down menu.
  3. If you would like to create a landing page that does not include a form, mark No form.
  4. If you would like to redirect prospects once they complete the form on the landing page, mark Redirect the prospect instead of showing the form’s Thank You Content and then enter your redirect URL.
  5. Click Next to move on to step 3 of the Landing Page Builder.
Step 3: Content Layout
  1. Select Stock Templates to preview Pardot's pre-formatted stock template options.
  2. Choose a Pardot stock template. Choosing a Pardot stock template allows you to drag and drop different elements into placeholders defined by Pardot's pre-defined layout templates. This option will also allow you to "Start from Scratch."
Clicking on one of these thumbnails will progress you to the next step in the wizard. You do not need to click Next.

Step 4: Landing Page Content
  • Choose Page options in the upper-right corner of the table to make general changes to the whole page (such as font family, font size, background color, etc.). You can also add script for page tracking such as Google Analytics or Woopra.
LP_Pic1
  • Drag and drop the Text, Image, Video, Table, Box, Line, Button, and/or Background elements to add to the existing template styling.

 LP_pic2

  • Rolling your cursor over existing sections of the template will highlight these regions. Click to edit and/or resize a particular region. Tip: When re-sizing images, tables, and other elements in the builder, hold the "Shift" key to maintain the element's original proportions.
  • Once a region is selected for editing, a toolbar will appear, allowing you to make adjustments to that region.
LP_Pic1
  • If you double-click on a region, you will be able to edit the region in the same way as in Email Template Flow.
LP_pic4
  • You can also copy or delete highlighted regions in the template once they are selected. Do this by selecting Copy or Delete in the toolbar.
  • If you have a sticky footer built into your landing page, the landing page preview area will remain fixed, and the editing window will scroll to allow for edits to be made.
Step 5: Confirm & Save
  1. Review the confirmation page to finalize your landing page. Select Preview Landing Page to view the page before saving.
  2. Click Confirm & Save to save your work.

Activating your Landing Page

The URL for the landing page will be automatically created and will be displayed in the Link column once you save your new landing page. Change your direct PPC, email links, or webpage links to the appropriate landing page URL.

Landing Page Builder Glossary

There are seven unique page elements that can be dragged on to the editable areas:
  1. Text: Create blocks of text using the WYSIWYG editor.
  2. Image: Insert an image on the landing page. There are three options for inserting an image:
    • Image Library – Select from images that were previously uploaded (under Marketing > Content > Files).
    • From URL – Enter a live URL for an image that is hosted independently of Pardot.
    • Upload Image – Enter an internal name for the image and then click Browse to find the file you would like to upload and insert in your landing page. Alternatively, you can simply drag the file into the upload area in Pardot.
  3. Video: Paste your video's embed code in the popup. Your code should look something like this: <iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="//www.youtube.com/embed/123-xyx" width="560"></iframe>
  4. Table: Create and customize a table by adding columns and rows. You can also adjust the table's border and background color.
  5. Box: Add optional boxes to the landing page to highlight various regions on the page. Use the “Stacking” functionality to “Move Backward” behind other elements for a focused background.
  6. Line: Organize and separate sections of the page by including a horizontal line across the page.
  7. Button: Create custom buttons with links to other pages on your site, such as a “Contact Us” page or the “Pricing Page.”
  8. Background: Customize the background of the landing page by adjusting the color and height. Add multiple backgrounds for a layering effect.

Notes

  • When you place a form in a landing page built with a stock template, the form's layout template will not display on the landing page. If you want to retain the form's layout on a landing page, you'll need to use a landing page template or copy your CSS from the layout template and paste it into the Script Handler of the Landing Page builder (click Page Options, then click edit next to Scripts.)
  • Any page element can be modified using the edit toolbar or WYSIWYG editor for the individual module.
  • Standard Edition accounts are limited to 50 active landing pages a a time. Both Pro and Ultimate Edition accounts have access to unlimited landing pages.
  • Background elements for the entire page can be modified by clicking on Page Options. Background elements for the individual editable areas can be modified by clicking on the element, then adjusting the background in the edit toolbar.
  • To ensure proper formatting when copying text or source code from MS Word, it is important to use the Paste from MS Word button, pictured here:
paste from word
  • In addition to clicking and dragging elements on the page to re-position, select an element and use the up, down, left, and right arrow keys to move the element 1px. Hold the "Shift" key and use these four arrows to move an element 10px at a time.
  • Using the Delete key will delete a selected element from the page.
  • To "Undo" an action, you can select Control + Z (for PC users) or Command + Z (for Mac users).
  • To align multiple elements on the page, hold the "Shift" key and select the various elements. When they are highlighted, you will see an Align section on the toolbar that allows you to align those regions together along the same left, right, top, bottom, edge, or a center axis.
Not what you're looking for? Check out these other articles:
Landing Pages Overview
Creating Layout Templates for Landing Pages
Creating Landing Pages with Layout Templates
Landing Page Scenarios and FAQ

Need more? Start a conversation with other Pardot users in our Success Community