Pardot Knowledge Base

WordPress Plugin

Last Updated: Apr 11, 2016 | Print this Article
 
The Pardot WordPress Plugin lets you to easily drop forms and dynamic content into your WordPress pages and posts.

With a single login, your self-hosted WordPress installation will be securely connected with Pardot. You'll be able to track visitors and embed forms without touching a single line of code.

Use the widget provided by the plugin to place a Pardot form or dynamic content in any WordPress sidebar. You can also embed your Pardot forms or insert dynamic content into a page or post using a shortcode or the Pardot button on the WordPress Visual Editor's toolbar. The plugin adds the Pardot tracking code (the campaign for this tracking code is determined when you set up the plugin) on all your WordPress pages where the plugin is in use.

Note: The Pardot WordPress plugin (as with all WordPress plugins) is only available for sites that use WordPress.org, not WordPress.com.

Installation

  1. Download Pardot's WordPress plugin.
  2. Upload pardot-for-wordpress to your /wp-content/plugins/ directory or go to Plugins > Add New in your WordPress Admin area and search for Pardot.
  3. Activate the plugin through the 'Plugins' menu in WordPress.
  4. Navigate to Settings > Pardot Settings to enter your email, password, and user key (available in Pardot by clicking your email address and then going to Settings).
  5. Select your campaign. The campaign you select will dictate which Pardot campaign's tracking code will be added to your site.
  6. Click Save Settings.

Settings area
Settings area

Using the Plugin

Once you have installed and activated the plugin, you will see a Pardot button in the Visual Editor toolbar when you edit a post or page:
Pardot button in the Visual Editor toolbar
Pardot button in the Visual Editor toolbar

When you click the Pardot button, you will be able to select a Pardot form or dynamic content to embed:

Choose from any form or dynamic content
Choose from any form or dynamic content

There will also be Pardot forms and dynamic content dropdowns displayed when you edit a widget:

Use forms in a widget
Use forms or dynamic content in a widget

Here's an example of a Pardot form used in a WordPress widget: 
A form widget (with corrected styling)
A form widget (with corrected styling)

You can even use two forms on the same page (one in the body and one in a widget):

A page can have two forms! Here, one is in the body and one in a widget.
A page can have two forms! Here, one is in the body and one in a widget.

Frequently Asked Questions

Can I use the plugin with WordPress Multisite?
Yes. The plugin works normally with WordPress Multisite.

How can I use the shortcodes without the Visual Editor?
View the shortcode documentation on the plugin's FAQ.

How do I change my campaign? Simply choose another campaign in Settings > Pardot Settings and click 'Save Settings'.

How do I adjust the point value for a particular page view?
While the plug-in adds the Pardot tracking code across your entire website and the default point value for a page view can be modified by editing your Scoring Rules, you can utilize Page Actions to change the score for a viewing a particular page on your site.

Some of my form is cut off. What should I do?
Since every WordPress theme is different, embedded forms won't always automatically fit. You'll want to make a Pardot Layout Template specifically for your WordPress theme:
  1. Go to Forms in Pardot. Find and edit the form that needs updating.
  2. Click ahead to the 'Look and Feel' step of the wizard and select the 'Styles' tab.
  3. Set 'Label Alignment' to 'Above' and click 'Confirm and Save.'
  4. Click the link to the layout template being used by the form.
  5. Edit the layout template and add the following to the <head> section of the template:
[html]&amp;lt;style type="text/css"&amp;gt; #pardot-form input.text, #pardot-form textarea { width: 150px; } &amp;lt;/style&amp;gt;[/html]

A width of 150px is just a starting point. Adjust this value until it fits on your page and add additional styles as you see fit. For styling help, reference our Basic CSS for Forms page.

I just added a form or dynamic content, and it's not showing up to select it yet. Go to Settings > Pardot Settings >Reset Cache.
This should reinitialize and update your Pardot content.

I cannot authenticate, and I've confirmed that my username, password, and user key are correct. If you have IP Security enabled on your Pardot account, you will need to whitelist your server's IP address (where your WordPress installation is hosted).

How do I integrate with Comments? See the comments section in Integrating Pardot with WordPress for more information.

How do I integrate with my WordPress site search form? See the site search section in Integrating Pardot with WordPress for more information.

Release History

December 9, 2014
1.4
Adds an option to embed HTTPS forms (activate it in Settings > Pardot), adds the "querystring" parameter to the shortcode, makes the form embed code filterable, allows custom overrides for various directory configurations, updates branding, and fixes some bugs.

April 17, 2014
1.3.10
Improve WordPress 3.9 compatibility (Tiny popup titles; update Chosen)

January 28, 2014
1.3.7, 1.3.8, 1.3.9
Fixes a small bug with a JS library being called in the wrong place, improves asset selection, fixes an asynchronous dynamic content bug, and enhance password authentication encoding.

October 1, 2013
1.3.6
Adds support for 400+ campaigns, form, and dynamic content blocks, and updates branding.

June 26, 2013
1.3.5
Fixed a bug where pardotform class might be applied to closing iframe tag (thanks palpatine1976!), optimize code to remove some debug messages, improve campaign retrieval for over 200 campaigns.

May 6, 2013
1.3.4
Fixed a bug where tracking code might show the wrong ID.

May 6, 2013
1.3.3
Accounts for a minor API change in the tracking code; adds support for 200+ campaigns..

April 30, 2013
1.3.2
Fixed a bug with shortcode exists fatal error.

April 30, 2013
1.3.1
Fixed a bug with has shortcode fatal error.

April 30, 2013
1.3
Use new asynchronous loading for Dynamic Content; adds ability to specify height, width, and class on dynamic content element.

January 3, 2013
1.2
Adds ability to specify height, width, and class on the form, and adds class 'pardotform' to every iframe for easier styling.

December 10, 2012
1.1.5
Adds some helpful links to the Reset Cache button, minor UI tweaks, updated images.

November 26, 2012
1.1.4
Adds support for 200+ forms and dynamic content items, and fixes TinyMCE modal bug when no forms or dynamic content are present.

November 9, 2012
1.1.3
Checks for mcrypt and falls back safely if not (fixes blank admin screen bug).

November 1, 2012
1.1.2
Clear cache when resetting all settings; be more forgiving with login whitespace; make some security improvements.

September 27, 2012
1.1.1
Make 'noscript' default to Default Pardot Content.

September 26, 2012
1.1.0
Added dynamic content shortcodes, a title field to form widget, and a 'Reset Cache' option.

September 14, 2012
1.0.3
Added form caching for faster rendering and less requests.

September 11, 2012
1.0.2
Fix a caching issue that was causing the most recently-used form to render on all posts/pages; extended API cache timeout.

September 10, 2012
1.0.1
Fix bug with form order in content.

August 31, 2012
1.0
Initial release. Hooray!

Need more? Start a conversation with other Pardot users in our Success Community