2 Free Pardot Landing Page Templates You Can Use for Your Next Event

In:

Create beautiful, responsive landing pages in Pardot by using one of these 2 free Pardot layout templates. These landing page templates are designed specifically for events such as webinars or trade shows, 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

Template 2

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 View Demo
Template #2 View Demo

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 Font Awesome for the social media icons. The CSS is directly in the template (no external CSS files are referenced other than the Bootstrap and FontAwesome 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 them to me via email, send me a tweet @jennamolby, or leave a comment

Related Posts

  • 18/07/2018
    The Best Way to Create a 2 Column Pardot Form

    In this tutorial, I’ll show you the best way to create a two-column Pardot form. This is a follow up on my original post How to Create a 2 Column Pardot Form. By popular request, this new method includes a way to make certain form fields full width. All you have to do is add CSS classes to your form fields and copy & paste the CSS provided into Pardot.

  • 11/07/2018
    How To Use UTM Parameters to Capture Lead Source in Pardot

    You might already be using UTM parameters to track your marketing campaigns with Google Analytics, but are you capturing that information when a prospect is created in Pardot? Capturing this data is critical in order to assess the value of your marketing campaign and is a lead management best practice.

  • 15/06/2018
    5 Pro Tips for Using the Pardot Landing Page Editor

    Become a pro at editing and creating Pardot landing pages, by using these 5 tips. These tips come from questions that are frequently asked within the Trailblazer Community and tips that I have come across while editing landing pages within Pardot.

7 comment(s)
  • Jenn

    16/08/2018 at 8:41 am
    Reply

    Hi Jenna, Love these templates, Thank you! If I use your workaround for the image banner, will this affect the landing page only or will it change it at the template level as well. Thanks!

    • Jenna Molby
      to Jenn

      16/08/2018 at 10:10 am
      Reply

      Hi Jenn, So happy you like them! It will affect the landing page. If you use that method you can choose a different banner image for each landing page. Cheers, Jenna

  • Emily Z

    30/07/2018 at 6:31 am
    Reply

    These templates are wonderful, Jenna. Thank you so much for providing them!

  • Lou

    26/07/2018 at 12:33 pm
    Reply

    These templates are fantastic - but I'm having some challenges with getting my form to show up instead of the placeholder.

    • Jenna Molby
      to Lou

      26/07/2018 at 12:40 pm
      Reply

      Hi Lou, Thank you! You might be importing the preview links instead of the template links. Make sure you use one of these two links: template 1 (https://jennamolby.com/Pardot-Templates/Event-Template-1/pardot-template.html) template 2 (https://jennamolby.com/Pardot-Templates/Event-Template-2/pardot-template.html). Cheers, Jenna

  • Lou Hong

    26/07/2018 at 11:24 am
    Reply

    Hi, this is fantastic! Is it possible to make the banner image itself an editable region so I can swap the image without having to modify the template? Thank you!

    • Jenna Molby
      to Lou Hong

      26/07/2018 at 12:51 pm
      Reply

      Hi Lou, thank you! The background image has to be edited using CSS, but there's a workaround to have a different background image per landing page. Add this HTML right after the opening BODY tag <div pardot-region="background-image-css"></div> This will create an editable section available within the top left corner of the landing page editor. You can then use that section within the editor to modify the landing page's CSS. Here's the CSS for the background image section: <style type="text/css"> .highlight { background:url(https://jennamolby.com/Pardot-Templates/Event-Template-1/images/background-image.jpg) no-repeat center center fixed !important; } </style>

Leave A Comment

Your email address will not be published. Required fields are marked *

About Me

Welcome to my blog, where I share, tips, tricks, thoughts and solutions that I learn in my daily life as a sales and marketing professional.

LEARN MORE

Categories
Most Commented
Popular Posts