3 Free Pardot Landing Page Templates for Asset Downloads

Refreshed and republished on April 13, 2021

These templates were originally published on September 21, 2017 and have been refreshed.

Create beautiful, responsive landing pages in Pardot by using one of these 3 free Pardot layout templates. These landing page templates are designed specifically for gated assets such as white papers and eBooks, but they will work well with any landing page that contains a form.

Terms

These templates are free for both commercial and personal projects. No attribution is required, however, if you use them I would love to see how you customize them. Share your templates with me through Twitter, email, or in the comments below.

Preview the Templates

Template 1

View Demo

Template 2

View Demo

Template 3

View Demo

How to Use the Templates

1. Create a new layout template in Pardot (Marketing > Landing Pages > Layout Template > Add Layout Template). Give your layout template a descriptive name and add your desired tags.

create-pardot-landing-page-template

2. Copy the link to the template by clicking on one of the ‘copy link’ buttons below. This will copy the URL to your clipboard.

Template #1
Template #2
Template #3


3. Navigate to the import layout drop down and select from URL. Paste the URL to the template into the text field and click import now.

Customizing Basics

All templates use the Bootstrap Framework and use SVGs from Flat Icon for the social media icons. The CSS is directly in the template (no external CSS files are referenced other than the Bootstrap library). You can easily modify the template to meet your branding requirements by modifying the hex codes directly in the template which are commented clearly within the template file.

Questions?

Send me a tweet @jennamolby, or leave a comment below.

Looking for more Pardot Landing Page Templates?

Check out my free event templates and my premium landing page template.

Can’t find what you’re looking for? I also create custom Pardot Landing Page Templates.

53 Comments

Leave a Reply

Your email address will not be published.

  • Hello Jenna,

    I notice on my end, the field labels are not completely justified to the left. Looked in the CSS, but cant seem to find the issue.

    Reply

  • Thanks for offering these! On template #3, is there a way to change the order of the sections on responsive so that “highlight” comes first, “page-body” second and then the form last?

    Reply

    • Hi David, You’re welcome! No, unfortunately there’s no easy way to do this without some major tweaking to the HTML/CSS.

  • Jenna,

    I am using template 1. Thank you, Is it possible to split the copy section and the form section evenly 50/50? I need more space for my form.

    Thanks

    Reply

    • Hi Mike, Yes, that’s possible. First update the DIV CLASS for the main content from

      to

      . Then, update the form DIV CLASS from

      to

      .

    • Hi Isabelle, You’re welcome! There might be some existing CSS within your form that could be causing the issue. Email me the link to your landing page and I cant take a look.

    • I was able to solve my issue by unticking the box: Include default CSS stylesheet (recommended). Is this ok?

      Another question, I would like to add another pardot-region for content just before the footer using a contrasting background color, but I’m not certain how to apply the styling.

      Thank you,
      Isabelle

    • Hi Isabelle, Yes, that’s okay. Here’s some HTML you can insert to create a new content region before the footer.

      Content here

Related Posts