WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Pardot

Integrate Pardot with WordPress: easily track visitors, embed forms and dynamic content in pages and posts, or use the forms or dynamic content widget

How can I use the shortcodes without the Visual Editor?

Two simple shortcodes are available for use.

Form Shortcode

[pardot-form id="{Form ID}" title="{Form Name}" class="" width="100%" height="500"]

Use [pardot-form] with at least the id parameter. For instance, [pardot-form id="1" title="Title"] renders my Pardot form with an ID of 1.

Optional parameters:

The title parameter is included when using the toolbar button, but it's not required for display. There is no default.

The class parameter allows you to add additonal classes to the iframe element. There is no default, but the class pardotform is now automatically added, regardless of any additional classes.

The width parameter will set the width of the iframe in pixels or percentage. For example, "500", "500px", and "80%" are all valid. The default is 100%.

The height parameter will set the height of the iframe in pixels only. For example, "500" or "500px" are valid. The default is 500px.

Dynamic Content Shortcode

[pardot-dynamic-content id="{Dynamic Content ID}" default="{Non-JavaScript Content}"]

Use [pardot-dynamic-content] with at least the id parameter.

The default parameter is used for accessibility. Whatever is placed here is wrapped in <noscript> tags and is shown only to users who have JavaScript disabled. By default, it will automatically be your "Default Content" as designated in Pardot. So,

[pardot-dynamic-content id="1" default="My default content."]

would render something like:

<script type="text/javascript" src="http://go.pardot.com/dcjs/99999/99/dc.js"></script><noscript>My default content.</noscript>

...which would show the dynamic content to users with JavaScript enabled, and 'My default content' to users with it disabled. Note that, due to the way the WordPress Visual Editor works, HTML tags for the parameter will be URL encoded to avoid strange formatting.

How do I change my campaign?

Simply choose another campaign in Settings > Pardot Settings and click 'Save Settings'.

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:
<style type="text/css">
    #pardot-form input.text, #pardot-form textarea {
        width: 150px;
    }
</style>

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 and click 'Reset Cache'. This should reinitialize and update your Pardot content.

Requires: 3.7 or higher
Compatible up to: 3.9.2
Last Updated: 2014-4-17
Downloads: 4,081

Ratings

4 stars
4.8 out of 5 stars

Support

2 of 3 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,1,1
100,1,1 100,1,1