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
Template 2
Template 3
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.
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.
I love the template! This might be a silly question but how do you extract the html from the download file?
Hi Amanda, Thank you! Yes, you can open it up in your browser and right-click to view the source. You can also open the download file within an editor like notepad. Hope that helps! Cheers, Jenna
Hi Jenna,
These templates are great but I am having problems with the form. I cant get my checkbox field to align to the left. Do you have any recommendations?
https://go.schange.com/nextvseriesmexico2018-meeting
Hello Jenna, do you know how I could add code to make the social media icons change color when they are scrolled over? Thank You very much!!
Hi Ed, you can add this CSS to change the social media icon color on hover ul.social i:hover {color: red;}
Hello Jenna, thank you very much for the great templates first off. Although, when I try to make a new landing page in Pardot with a form of my own, it adds two spots for the form on the layout template. I don’t know if this is a problem you have seen before or if you have any ideas. Any help would be greatly appreciated. Thank You!
Hi Ed, I haven’t seen that before. Please send an email to [email protected] with the link to your landing page and I can help troubleshoot. Cheers, Jenna
These are amazing! So glad I stumbled on your blog. What a great resource for a newbie like me.