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
Step 2: Double-click in the iframe on Instapage to open the HTML code editor.
Step 3: Paste in the new "PARDOT_FORM_URL" in the HTML code below and place in the iFrame.
<iframe class="inherit-height" src="PARDOT_FORM_URL" width="100%" scrolling="no" style="height: inherit;" id="myiframe"></iframe>
