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.
Hi Jenna,
Thank you so much for this template! It is life changing. I do have an issue. When I used this template it does not fully extend so it looks as it was zoomed out making the content hard to read. Can you help me fix this?
Hi Ana, You’re welcome! Sorry, you are having trouble with the responsiveness of the template. Please send th link to your page to [email protected] and I can take a look. Cheers, Jenna
Is it possible to add the templates as a Import from URL? I can’t get the html files to work
Thanks!
Hi Liz, These templates aren’t set up to import via a URL. That’s a great idea, though! I will definitely update the post soon with import links. Cheers, Jenna
thank you, Jenna!
Working with it now. What CSS piece of code would I use to change the hero section bkg color? it conflicts with our brand/logo colors, unfortunately. I want the hero section to be a #D3D3D3. Thanks again!
I am trying to make a landing page i.e mobile responsive and somehow it is not happening. we only want a logo, a form(request a demo) and a footer on the page. somehow the template when applied is not working as expected can u help me
Hi Sakshi, Send the link your landing page to [email protected] and I can take a look for you. Cheers, Jenna
Hopefully simple question, do you have instructions or option to use Linkedin icon in social media area?