How to Use a Pardot Form to Gate Content on a Page


In this tutorial you will learn how to use a Pardot form to gate content on a page. Gated content allows you to capture a lead’s information, by asking them to provide contact details before accessing a piece of content that is valuable. Instead of creating more than one page for the gated content and form, this tutorial will focus on creating a popup on the page that contains the asset.

The Concept

Here’s a high-level overview of what the user will expereince when visiting the gated page:

  1. The user visits the page and is greated with a popup containing the Pardot form.
  2. The user must complete the form in order to view the entire page.
  3. Once the user fills out the form, they are redirected to the asset page.


* Note: The demo DOES NOT use a Pardot form, but is simulated the way it will function with a Pardot form.

The Setup

Create the Pardot Form

First, create the form in Pardot, select the fields you want to use, select the form layout and save. Don’t worry about the ‘thank you’ messages yet, this will be edited later.

Add code to your web page

We will be using Magnific Pop-up jQuery Plugin to create the pop-up in Pardot.

Add the nessesary plugins to the page

Now this is the tricky part. In order to have the popup form and the gated content all on the same page, we need to tell the page when to show the form and when to hide the form. We can do this by using a URL parameter called ‘access’.

When the page is loaded the script will look for a parameter in the URL that looks like this:

If the URL contains the parameter, the form won’t show on the page.

If the URL doesn’t contain the parameter, then the Pardot form will show.

Update the with the link to your Pardot form. This can be found by navigating to your form in Pardot and copying the URL under Contents > Link.


Update the ‘thank you’ page settings

Now that the web page is setup, you can add in the ‘thank you’ page details in Pardot.

Check the setting for Redirect the prospect instead of showing the form’s Thank You Content‘ and set the redirect location to be the URL of your webpage PLUS the URL parameter.



* Note: The demo DOES NOT use a Pardot form, but is simulated the way it will function with a Pardot form.


Send them to me via email, send me a tweet @jennamolby, or leave a comment

Related Posts

  • 04/01/2017
    Beautiful Marketo Forms: Styling Checkboxes and Radio Buttons

    Your Marketo forms don’t have to be boring. With a little extra CSS you can create beautiful Marketo forms with customized checkboxes and radio buttons. In this tutorial, I’ll show you how you can style checkboxes and radio buttons within Marketo forms with minimal coding.

  • 27/10/2016
    How to Create a 2 Column Pardot Form

    After launching my Form Style Generator for Pardot Forms, the number one question I receive is ‘how do I create a 2 column form in Pardot?’ I might update the style generator to include this in the future, but in the meantime, here’s how to create a 2 column Pardot form with minimal coding.

  • 23/08/2016
    How to Improve Pardot Form Conversions by Using Google Places

    It’s a fact that shorter forms have a higher conversion rate, but in B2B marketing longer forms are needed to capture essential information for lead scoring and lead routing. In this tutorial, I will show you how to use the Google Places API to auto-fill city, state/province, country and postal code/zip code within your Pardot forms. Don’t worry, you don’t need to know how to code to implement this, you just need to know how to copy & paste.

3 comment(s)
  • Anne

    02/11/2016 at 11:06 pm

    Hi Jenna The link to the Magnific Popup JQuery Plugin appears broken. Do you have an updated link? Cheers Anne

    • Jenna Molby
      to Anne

      03/11/2016 at 9:35 am

      Hi Anne, Thanks for letting me know. Here's the updated link:

  • Nathan

    22/09/2016 at 11:55 am

    My boss wanted me to put up a splash page in a day where we could collect user info before they had access to the content. I could not figure out a good solution to get rid of the modal window on the pardot form submit for the life of me. Then I found this. It absolutely saved me. Thanks!

Leave A Comment

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

About Me

I’m a Marketo & Pardot expert with a strong background in design and development. I specialize in email marketing, lead nurturing and CRM integrations for marketing and sales alignment. LEARN MORE

Most Commented
Popular Posts