How to Use Pardot Form Handlers

In:

Pardot form handlers allow you to use your own 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 1 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:

pardot-form-handler-create-form-handler

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.

pardot-form-handler-map-fields

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

pardot-form-handler-advanced-settings

Create the form HTML

Now that the form handler is created, the form HTML needs to be created in order 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.

pardot-form-hander-copy-endpoint-url

Basic HTML structure

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

  • 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 will create some form validation that will 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.



Questions?

Email me, send me a tweet @jennamolby, or leave a comment

Related Posts

  • 24/10/2018
    How to Create a Net Promoter Score Survey in Pardot

    Learn how to build a net promoter score (NPS) survey directly in Pardot. I will show you how to create an NPS survey that asks the recipient to give you a score from 1 – 10 using an in-email rating that directs them to a Pardot landing page to collect more information.

  • 10/10/2018
    How To Use UTM Parameters to Capture Lead Source in Pardot Part 2

    In part 1, I covered how to use UTM parameters to capture lead source when you are embedding a Pardot form on a Pardot landing page. In this post, I will cover how to implement the same method using an iFramed form on a web page.

  • 25/07/2018
    2 Free Pardot Landing Page Templates You Can Use for Your Next Event

    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.

30 comment(s)
  • Meenal

    17/08/2017 at 4:29 am
    Reply

    Hi Jenna, Thanks a lot for such an informative article. Please see my query below: I included a form in Landing page and the action of that form is the end-point URL of the form handler. When I submit the form, it does not take me to the "Success Location(a thank you page)" but takes me to the login page of pardot. Also, the prospect's fields are not updating based on the field mappings I have done.

    • Jenna Molby
      to Meenal

      17/08/2017 at 9:21 am
      Reply

      Hi Mennal, Please send a link to the page with your form to [email protected] and I can help you troubleshoot. Cheers, Jenna

  • Annie

    10/08/2017 at 10:07 am
    Reply

    Hi Jenna, I'm trying to set different completion actions (downloading an asset) depending on a drop down selection. I have multiple assets and I would like to be able to let visitors select an option in the drop down and depending on their selection, they receive the chosen asset when they hit submit. Can this be done using form handlers?

    • Jenna Molby
      to Annie

      10/08/2017 at 3:02 pm
      Reply

      Hi Annie, Completion actions don't take a prospect to a different landing page based on a form field. If you're using a form handler you will have to add some Javascript to include this logic. Feel free to email me at [email protected] if you need some guidance with this. Cheers, Jenna

  • Balint

    14/07/2017 at 2:23 am
    Reply

    This is all nice, but until forms created via form handler cannot be pre-filled by Pardot, or use progressive profiling I think. So it all lacks the major upsides of using Pardot. Any way to make those work with form handlers?

    • Jenna Molby
      to Balint

      14/07/2017 at 9:24 am
      Reply

      Unfortunately, not without a lot of custom development and the use of the API.

  • Ivan Lucas

    21/06/2017 at 7:29 pm
    Reply

    hi Jenna, I've been trying to create a select options using Form Handlers but I was not able to make this happen it seems Form Handlers allow me only to add basic fields. Do you have any idea? thanks!!

    • Jenna Molby
      to Ivan Lucas

      22/06/2017 at 10:22 am
      Reply

      Hi Ivan, do you receive an error message when you try to submit the form, or does the data not go into Pardot?

    • Ivan Lucas
      to Jenna Molby

      22/06/2017 at 5:20 pm
      Reply

      Actually the Form Handlers has only input text and email. There is no select, checkbox inputs...I could not find them.

    • Jenna Molby
      to Ivan Lucas

      23/06/2017 at 9:30 am
      Reply

      Hi Ivan, You have to define that in your HTML the text and email type relate to the data coming into Pardot.

    • Kunal Hemrajani
      to Jenna Molby

      30/08/2017 at 11:56 pm
      Reply

      Hi Jenna, Was trying to do something similar with the checkbox and passing checkbox values to pardot using form handlers. Does your comment mean we would need to setup fields for all the checkbox values on the form handler? As it shows up text only on form handlers, how would I be able to map the checkbox value on the site to the checkbox value on pardot. Thanks

    • Jenna Molby
      to Kunal Hemrajani

      31/08/2017 at 5:18 pm
      Reply

      Hi Kunal, yes, the form fields would need to be created in Pardot. The mapping can be done in Pardot when you setup the form handler. The name of the field when you setup the form handler is the name of the field in the HTML.

    • Max
      to Jenna Molby

      24/04/2018 at 3:06 am
      Reply

      Hi Jenna, thanks for all the information. I have an additional question to this topic. If I have mapped a checkbox field on the form with a a corresponding Pardot custom field and a prospects selects the checkbox, which value will be written into the custom field in Pardot (or where do I define that value)? Thanks and kind regards

    • Amy
      to Jenna Molby

      08/08/2018 at 7:44 am
      Reply

      Hi, I'm currently trying to work with checkboxes through a Form Handler as well. My form is submitting fine and it all looks good, but Pardot only seems to capture one of the mulitple checkboxes that are selected. I set up a basic form with this same Pardot field for testing, and it seems like each checkbox has a unique name - whereas the Form Handler asks for a single name, so in my HTML each option that goes with a question has the same name. Any idea what I'm doing wrong or what else I need to include to get any selected field with a certain name to ALL map into a field?

  • Valon

    21/06/2017 at 1:57 pm
    Reply

    Hello Jenna, I was thinking to use Form Handlers that I learned how to use it through your tutorial, do you have any way of tracking via some kind of UTM parameters on the link (or similar) visitors, to know which are the more successful channels according to forms that are submitted. Best, -V

    • Jenna Molby
      to Valon

      21/06/2017 at 2:08 pm
      Reply

      Hi Valon, So happy you found my post helpful. I have another tutorial here https://jennamolby.com/how-to-use-utm-parameters-to-capture-lead-source/ which will walk you through the steps of tracking UTM parameters.

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