Integrating with Pardot

pardot_logo.png

Instapage has over 40 integrations for digital marketers to connect forms and pass leads as it can be seen here: https://d.pr/SAXPas. In the integrations list, you may recognize one of the biggest marketing automation vendors is absent — Pardot. That doesn’t necessarily mean Instapage can’t integrate with Pardot, though.

To connect the dots, Webhooks enable both software to talk to one another without a formal integration. With Webhooks as our partner, Instapage can integrate with Pardot. For more on the Webhooks integration, you can check out our article here: https://d.pr/LZvsvQ

For the steps below, we begin with a completed Instapage landing page.

After your landing page form is ready, log in to your Pardot account and hover over the “Marketing” menu. An extended list will appear, then hover over the “Forms” option. In this newly extended menu, select “Form Handlers:”

pardot-integration-form-handlers.png

On the page that opens click on the blue “+ Add Form Handler” button:

pardot-integration-add-form-handler.png

On the next page you will see a set of options to configure:

pardot-integration-create-form-handler.png

At this stage:

  • Name your form handler.
  • Select a folder where you want to place the new form handler.
  • Add a tag, if necessary.
  • Choose which campaign the lead should be a part of.
  • Enable the options from the three checkboxes, if necessary.
  • Leave the “Success Location” and “Error Location” as “Referring URL”

Lower on the page you will see the “Completion Actions” section where you must select an option. For example, which list to add the new leads:

pardot-integration-form-completion-action.png

In the final section, you will see the form fields, which must be added and mapped to the equivalent of each field in your Instapage form:

pardot-integration-add-form-field.png

In this example, we created three fields inside Instapage:

pardot-integration-instapage-form.png

First, you have to edit the default email field that already is in the list and type in the “External Field Name” field, the exact name of the email field from Instapage side (upper case, spaces, and symbols are important):

pardot-integration-external-field-name.png

After you saved the changes and the pop-up closed, click on the “+ Add New Field” button to add the next field:

pardot-integration-add-next-field.png

In the pop-up that opens, type “First Name” on the “External Field Name:”

pardot-integration-first-name-external-field-name.png

  • For “Prospect Field,” select the “First Name.”
  • “Data Format” should remain as “Text”
  • Uncheck the “Required” checkbox. (Only the email field needs to be set as required on Pardot side.)

Repeat the same steps for the next field from the Instapage side. In our current example, you will end up with this field mapping inside the form handler (below).

Once all the fields have been mapped, click on the blue “Create form handler” button:

integrating-pardot-mapped-fields.png

After the form handler is saved successfully, you will see the summary and the “Endpoint URL” section, click on the “https” button. Copy the endpoint URL and go back to the Instapage app.

Now, while being in Instapage on your main Dashboard, go to the main integrations list by clicking Settings on the lower left, then clicking Integrations. In the list of integrations, scroll down, find Webhooks and paste the URL given by Pardot:

webhook_pardo2_copy.png

Then go back to the page to continue integrating. Select the Integrations tab in the slideout menu for the page, then go to Form Integrations and select Webhooks:

la.gif

A modal with the Webhook setup will open. In step two you can enter a server’s token authorization key, but this is not necessary for the Pardot integration. You can click “CONTINUE.”

At step three, you will have to select through which method the Webhook data should be sent. Use the “POST” method for the Pardot integrations:

webhook_-_method_step.png

In the field mapping step, click “CONTINUE” if the field names from both Instapage and the Webhook are exactly the same:

webhook_-_fields_step.png

In step five, session data, you can click “SKIP THIS STEP” in the bottom-left if you don’t need this data:

webhook_-_session_step.png

In case you need the session data, make sure to also map the fields inside the Pardot Handler before taking the Webhook.

And that’s it; you’re done!

webhook_-_finish_step.png

You can now publish your page or update your changes if the page is already live.

Note: Make sure to test the integration with different email addresses because if you submit the form multiple times with the same email address the integration will flag the email as a spam.

Note: All fields need to have a label/name in order for the integration to work. Please do not leave the label empty or with just space characters. You can pick the 'hide label' option for some field types.

Note: While we try to keep all of our instructional articles that involve third-party services up to date, sometimes they make changes to their platform of which we are not aware and, as a consequence, the user interface may differ from the provided screenshots.