ConvertedU Marketing Library Webinar Blog

Need help? You've come to the right place

What's New Getting Started Building Integrating Publishing

Using Copy/Paste to Connect Leadpages to Pardot

While Leadpages does not officially integrate with Pardot, you can use our Copy/Paste option to add custom form code to your pages. Learn how below!

Additional code and support for configuring Pardot with Leadpages is available to Advanced customers. 

Step-by-Step Instructions

Step 1: Create a custom form template in Pardot.

NOTE: You may have set this up in your Leadpages technical onboarding session. If that's the case, you can skip to Step 2. 

In your Pardot account, navigate to Marketing  Forms › Layout Templates

Then, click Add Layout Template and name it—something like “Leadpages Form Template,” for instance. 

1a: Add the JavaScript code to your Form Template’s “Layout” tab.

You’ll be able to get this code and set it up in Pardot during your Leadpages technical onboarding session. 

It should be pasted just before the closing body tag: </body>, as shown below.

The option to “include default CSS stylesheet” should be left checked. Click the Create layout template button to save. 

Step 2: Assign the new layout template to your form. 

Create a new form in Pardot (or edit an existing one). In the form wizard, navigate to the third section—Look and Feel. Then, choose your Leadpages form layout as the template for the form. Customize your Submit Button Text and then click Confirm & Save.

Step 3: Publish your form to your Leadpage.

In your saved form’s overview in Pardot, click View HTML Code. Then copy the entire embed code from the corresponding field.

Once your code is copied, you’ll want to paste it in to Leadpages with a few adjustments. First, you’ll need to adjust the iframe code to correspond with the security protocol of your page. Take a look at the URL of your Leadpage and note if it begins with http:// or https://.

Then, adjust your Pardot code to match that. For instance if your Leadpage is hosted on our servers it will be over https://, so you’ll need to adjust your Pardot HTML so the URL there begins with https://.

You may also want to consider adjusting the height value. By default, that value should be 500 (i.e. height="500"). Adjusting that value will allow you to remove extra “whitespace” around your form. 

If you’re using our Standard Builder…

You can use our Other Copy/Paste integration. In the edit mode of your page, click on any call to action button that opens a form, then choose Integration settings from the sidebar. Select “Other Copy/Paste” as your integration and paste in the code from Pardot. 

For more information on the copy/paste option, please see: About the Other Copy/Paste Option in Leadpages.

If you’re using our Drag & Drop Builder…

Place an HTML widget where you’d like your form to appear. This could be somewhere on your page, or in a Drag & Drop Leadbox. Then, click anywhere on the widget to make its popup appear and click HTML to open the code field. Paste your form’s code in that section and hit Save. 

Note that if you use your Pardot custom code in a Drag & Drop Leadbox, you’ll likely want to delete the default form widget before adding the HTML—as shown above. 

And that’s it! You’ve now set up your Pardot form with Leadpages. 


(Updated 05/27/16)

Please let us know if you have additional questions.

You can always file a support ticket if you have additional questions by clicking the Support button in your dashboard shown here or clicking here to file a support ticket.

Was this article helpful?
Powered by Zendesk