How to Update the Instapage Pardot form

Owned by Jennifer Arvayo
Last updated: Feb 21, 2024
2 min read

  • Pardot Forms are displayed on Instapages within an iframe. The new form URL from Pardot must be placed within the HTML code on the iframe.

  • Pardot forms for Instapage should not use progressive profiling or dependent fields. The iframe will not adjust to support size changes like our website's progressive forms.

  • Pardot form templates and corresponding Template layouts were created to send specific data regarding the type of conversion to Google Analytics.

  • (Email Opps Team) Choose one of the following Pardot form templates to use. Update the messaging on the form, CTA button text, thank you page, completion items, etc.

[TEMPLATE] 2023 Pardot Instapage Form - Gated Resource 

[TEMPLATE] 2023 Pardot Instapage Form - Demo Request 

 

How to Update the HTML code in the Instapage iframe to reflect a new Pardot form.

Step 1: Copy the form link found in Pardot

image-20240221-192210.png

Step 2: Double-click in the iframe on Instapage to open the HTML code editor.

image-20240221-181418.png

Step 3: Paste in the new "PARDOT_FORM_URL" in the HTML code below and then place in the iFrame window.

<iframe class="inherit-height" src="PARDOT_FORM_URL" width="100%" scrolling="no" style="height: inherit;" id="myiframe"></iframe>