How to Use Pardot Form Handlers

Refreshed and republished on June 23, 2020

This post was originally published on March 3, 2016 and has been revamped and updated for accuracy and comprehensiveness.

Pardot form handlers allow you to use your forms to post your data to Pardot. A Form handler is a great alternative to use instead of Pardot iFrame forms. They allow you to fully customize the look of your form and submit data to more than one database. In this tutorial, you will learn how to create a form handler from scratch.

Create a new form handler in Pardot

First you need to create a new form handler in Pardot under Marketing > Forms > Form Handlers.

Add the all the standard Pardot required information.

Give the form handler a name
Select a folder and add tags
Choose your campaign

Choose your other custom settings.

Kiosk/Data Entry Mode: Do you want the prospect to be cookied when they fill out the form?
Enable data forwarding to the success location: Does you data need to submit to another database other than Pardot?
Disable Visitor Activity throttling: Do you want to disable Pardot’s spam protection and generate a distinct visitor activity and auto-responder email for all form handler submissions?
Success &amp Error Location: Choose an Error page and a Thank you page URL.
Completion Actions: Add the any actions that should happen when a prospect fills out the form.

Here are the settings I have selected for this tutorial:

Add form fields

Add any fields you want to capture through your Pardot form handler.

TIP: Name the external field name the same as your prospect field name, but without the spaces, to avoid confusion in the next steps.

Optionally, you can add custom error message text under the advanced tab

Create the form HTML

Now that the form handler is created, the form HTML needs to be created to embed it on your website. In this tutorial, I will be going over basic markup. Feel free to add your own styling/structure that matches your website.

Copy the endpoint URL

Navigate to your Pardot form handler summary page and copy the endpoint URL.

Basic HTML structure

Here’s the basic structure to create a Pardot form using a Pardot form handler.


    First Name
    
    Last Name
    
    Email Address
    
    Company

Action: Must be the endpoint url for your Pardot form handler.
Method: Must = POST
Input: Add all the form fields you mapped while creating you Pardot form handler.
Name: Must equal the external field name you specified when you created the Pardot form handler.
Type: Specify the type (text, email, etc) to help with field validation.

Add Field Validation (Optional)

Optionally, you can add some front-end validation to your form. If you marked the fields as “required” when creating your form handler, Pardot would create some form validation to direct a user to another page. If you don’t want the prospect to leave the page, follow these instructions.

Add required=”required” to each of your required form fields. These should match what you specified in Pardot to avoid confusion.


    First Name
    
    Last Name
    
    Email Address
    
    Company

Troubleshooting tips

Is your data not making its way into Pardot? Here are some troubleshooting tips to help you diagnose the issue.

Try submitting the form with just email address required. If the prospect is created in Pardot without any issues, you might have a field type or a field mapping incorrect within your form handler.
Check Enable data forwarding to the success location. Try checking or unchecking the option for “Enable data forwarding to the success location” within your Pardot form handler settings. Depending on how you are connecting your form handler to your web form, this may or may not need to be enabled.
Double-check your field names are correct. The external field name you set within your form handler needs to be the EXACT SAME as what is in your HTML. Double-check that the HTML for your form fields is using the right name and remember, the name is different than an ID or CLASS.
Use the HTTPS endpoint if your website is HTTPS. Using an HTTP endpoint for your form handler when your website is HTTPS will cause the browser to give security warnings. Update the form handler endpoint to HTTPS to resolve the issue.

Pardot Form Handlers + WordPress

There are many different ways to use Pardot Form Handlers with WordPress. Here are some resources to help you get started with using Pardot Form Handlers with WordPress:

Questions?

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

76 Comments

Antara 7 years ago Reply

Thanks for the article! Can Pardot form handlers capture UTM parameters?
- Jenna Molby Post Author 7 years ago
  
  Yes, they can.
Amina tangi 7 years ago Reply

Hi Jenna,

I have already a form on my website, it already send information to another endpoint.
Can i just add another line on the code like this : action=”my form handler URL ” method=”post”, Or there is another way to map my website form with a form handler ?

Thank you
- Jenna Molby Post Author 7 years ago
  
  Hi Amina, It’s difficult to answer your question without seeing your code. Feel free to send an email to [email protected] with a link to your page and I can take a look. Cheers, Jenna
Ed Ribeiro 8 years ago Reply

Hi Jenna, first of all, I would like to say thank you very much for this amazing content you have here, I’m quite new to Salesforce and Pardot and I’ve learned a lot through your posts.

I’m struggling a bit with form handlers and it would be amazing if you could help. I’m creating a new form handler and trying to add a hidden field so I can get the page title where the form has been submitted, now the problem is that it’s not really working.

I looked through the documentaion and what I could find was this > https://help.salesforce.com/articleView?id=pardot_forms_add_honeypot.htm&type=5

Comments

I’m using this hidden field as a custom field (ID: PageTitle) and it’s already mapped with Salesforce. It works fine in an iframe but I just can’t get it right using form handlers.

So this is what I have insige my blog post:

Comments

First Name

Last Name

Email Address

Phone

Company

Country

Any thoughts?
Thank you!

Ed
- Jenna Molby Post Author 8 years ago
  
  Hi Ed, So happy you find my posts helpful! It’s difficult to troubleshoot your issue without seeing the form. Can you email the link to your page to [email protected]? Thanks, Jenna
Eric 8 years ago Reply

Could you provide an example of how a typical 1 – 5 radio button would look using form handler mapping with this method?
Sara 9 years ago Reply

How do you use a form handler when your actual form has a field for “Full Name” instead of breaking it down into “first name” and “last name?” Is your only option to change your actual form to have two fields? Or is there some way to allow the full name field?
- Jenna Molby Post Author 9 years ago
  
  Hi Sara, You can a field for “full name” instead, but you would need to add some javascript to the page containing your form handler to separate those two fields out.