How to create & connect the SalesForce Pardot Form to Contact Form 7

How to create and connect the salesforce pardot form to contact form 7 form

While developing a website, I came across this requirement to connect Salesforce Pardot forms to the WordPress website I was working on. I had to do a little research on how to connect Salesforce Pardot forms to WordPress.

The solution I came up with is to use Contact Form 7 plugin with the Forms: 3rd party integration plugin and connect them to Salesforce Pardot using Pardot form handlers.

So here is the step-by-step tutorial for connecting Pardot forms to WordPress using Contact Form 7.

How to create form handlers in the Pardot dashboard

First, you need to log in to your salesforce account and log in to your Salesforce Pardot account. Then, in the Pardot dashboard go to Marketing > Forms > Form Handlers. You’ll come up with a page like below.

From this page click on Add Form Handler. It will lead you to the create form handler page which looks like this.

Now give a name for the form. Next, select the folder in which you need to save your form. You can add tags if you need. Then select the Campaign or else if you don’t have one you can create a campaign. Then You need to select the tracker domain too. Also, you need to select “Enable data forwarding to the success location”.

In other fields, you can leave them as it is. And when you scroll down you’ll see a section called Completion Actions. You can add them if you want them or leave them.

Then, comes the section where you create your handlers.

This section is called Form Fields. Here you can create your handlers. email handler is already created for you. The important thing is to remember all the names of the fields that you create. Because you’ll need those names later when you connect the handlers to Contact Form 7.

Now you can edit or Add New Fields using the marked buttons

When you click on one of them you’ll get pop-up windows like this to create your handlers. I’ll show you what I’ve created one by one.

So, these are all the field handlers that I created for this form. All of them are marked as required fields.

Now you can click on the Create form handler button at the bottom of this page.
If you did the above steps correctly you’ll end up on a page like this. Now from this page copy the Endpoint URL you need to connect the CF7 form to Pardot.
You don’t have anything else to do in Pardot now the rest you need to do in WordPress.

How to connect Contact Form 7 with Pardot form handlers

To do this, you need to download two plugins for your WordPress website. First, log in to your WordPress website dashboard and navigate to the plugins section. From there, click on add new plugins and search or download and install Contact Form 7 plugin and forms 3rd party integration plugin.

After installing these plugins and activating them. Let’s create the form in Contact Form 7.

From the WordPress dashboard select Contact and click on add new to create your contact form.

Now you need give a nice name for your form and then, add the required fields for the form. A good practise is to wrap up each field with a div element so that you can customize the form using CSS later.

In my case, this is the code that I’ve created for the form.

<div class="fname"><label> First Name <span style="color:red;">*</span>
[text* first_name id:first_name class:first_name] </label></div>

<div class="lname"><label> Last Name <span style="color:red;">*</span>
[text* last_name id:last_name class:last_name] </label></div>

<div class="wemail"><label> Work Email <span style="color:red;">*</span>
[email* work_email id:work_email class:work_email] </label></div>

<div class="w_company"><label> Company <span style="color:red;">*</span>
[text* company id:company class:company] </label></div>

<div class="jtitle"><label> Job Title <span style="color:red;">*</span>
[text* job_title id:job_title class:job_title] </label></div>

<div class="w_country"><label> Country <span style="color:red;">*</span>
[select* country id:country class:country include_blank "Afghanistan" "Albania" "Algeria" "Andorra" "Angola" "Antigua & Deps" "Argentina" "Armenia" "Australia" "Austria" "Azerbaijan" "Bahamas" "Bahrain" "Bangladesh" "Barbados" "Belarus" "Belgium" "Belize" "Benin" "Bhutan" "Bolivia" "Bosnia Herzegovina" "Botswana" "Brazil" "Brunei" "Bulgaria" "Burkina" "Burundi" "Cambodia" "Cameroon" "Canada" "Cape Verde" "Central African Rep" "Chad" "Chile" "China" "Colombia" "Comoros" "Congo" "Congo {Democratic Rep}" "Costa Rica" "Croatia" "Cuba" "Cyprus" "Czech Republic" "Denmark" "Djibouti" "Dominica" "Dominican Republic" "East Timor" "Ecuador" "Egypt" "El Salvador" "Equatorial Guinea" "Eritrea" "Estonia" "Ethiopia" "Fiji" "Finland" "France" "Gabon" "Gambia" "Georgia" "Germany" "Ghana" "Greece" "Grenada" "Guatemala" "Guinea" "Guinea-Bissau" "Guyana" "Haiti" "Honduras" "Hungary" "Iceland" "India" "Indonesia" "Iran" "Iraq" "Ireland {Republic}" "Israel" "Italy" "Ivory Coast" "Jamaica" "Japan" "Jordan" "Kazakhstan" "Kenya" "Kiribati" "Korea North" "Korea South" "Kosovo" "Kuwait" "Kyrgyzstan" "Laos" "Latvia" "Lebanon" "Lesotho" "Liberia" "Libya" "Liechtenstein" "Lithuania" "Luxembourg" "Macedonia" "Madagascar" "Malawi" "Malaysia" "Maldives" "Mali" "Malta" "Marshall Islands" "Mauritania" "Mauritius" "Mexico" "Micronesia" "Moldova" "Monaco" "Mongolia" "Montenegro" "Morocco" "Mozambique" "Myanmar, {Burma}" "Namibia" "Nauru" "Nepal" "Netherlands" "New Zealand" "Nicaragua" "Niger" "Nigeria" "Norway" "Oman" "Pakistan" "Palau" "Panama" "Papua New Guinea" "Paraguay" "Peru" "Philippines" "Poland" "Portugal" "Qatar" "Romania" "Russian Federation" "Rwanda" "St Kitts & Nevis" "St Lucia" "Saint Vincent & the Grenadines" "Samoa" "San Marino" "Sao Tome & Principe" "Saudi Arabia" "Senegal" "Serbia" "Seychelles" "Sierra Leone" "Singapore" "Slovakia" "Slovenia" "Solomon Islands" "Somalia" "South Africa" "South Sudan" "Spain" "Sri Lanka" "Sudan" "Suriname" "Swaziland" "Sweden" "Switzerland" "Syria" "Taiwan" "Tajikistan" "Tanzania" "Thailand" "Togo" "Tonga" "Trinidad & Tobago" "Tunisia" "Turkey" "Turkmenistan" "Tuvalu" "Uganda" "Ukraine" "United Arab Emirates" "United Kingdom" "United States" "Uruguay" "Uzbekistan" "Vanuatu" "Vatican City" "Venezuela" "Vietnam" "Yemen" "Zambia" "Zimbabwe"] </label></div>

<div class="rbutton">[acceptance acceptance id:acceptance class:acceptance optional] Yes, I would like to receive wavenet email updates on products, services, news, and events. I can unsubscribe by using the "unsubscribe" link at the bottom of each email. We will handle your contact details in line with our privacy policy. [/acceptance]</div>

<div class="SubmitButton">[submit id:watch_now class:watch_now "Watch Now"]</div>

After creating this form, click on save to save the form template. Now we need to connect the form with Pardot form handlers. Let’s see how you can do that.

Connecting Pardot form with Contact Form 7 using 3rd party integration plugin

First select Contact > 3rdparty Services from WordPress dashboard. You’ll come up with a page like this.

Scroll down to 3rd-party Service section and then give a nice name for the service name and then Add the EndPoint URL which you copied from Pardot forms to Submission URL. Then select the name of your form that you previously created from the Attach to Forms list.

Scroll further down until you find the Mapping section. from here you need map all the fields of your CF7 form with the Pardot form handler. As in the below image.

No need to change anything else. Now you can click on the save button and you are done. Now when you use your form on your WordPress website. All the Data will be directed to Salesforce Pardot.

This is the final result after some styling is done.

So this is how you connect the Salesforce Pardot form with Contact Form 7 to WordPress using form handlers. If you have any questions, leave a comment below.

(Visited 7 times, 1 visits today)
Dasun Sucharith

Dasun Sucharith

Experienced Founder with a demonstrated history of working in the information services industry. Skilled in Software Development, Web Development, Mobile App Development, Public Speaking, and Management. Strong business development professional with a Bachelor's degree in Electronic Engineering focused on Computer Systems Networking and Telecommunications from SLIIT.
Share on facebook
Share on twitter
Share on linkedin

Leave a Reply