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 itself to support size changes like our website's progressive forms do.
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 placed on in the Instapage within the form iframe
Pardot proides an iframe URL for these forms and it looks like this:
<iframe src="https://lp.relias.com/l/875791/2022-08-23/2xmz7m" width="100%" height="500" type="text/html" frameborder="0" allowTransparency="true" style="border: 0"></iframe>
The default height size doesn’t always work for our big demo forms and with this configuration, you may also see a scroll bar on the form. If you’d like to use the provided URL, you must add a command to it for it to function properly, see highlighted element.
<iframe src="https://lp.relias.com/l/875791/2022-08-23/2xmz7m" scrolling="no" width="100%" height="500" type="text/html" frameborder="0" allowTransparency="true" style="border: 0" id="myiframe"></iframe>
The minimum code that needs to be in the iframe (what most of the instapages use) is as follows: 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 then place in the iFrame window.
<iframe class="inherit-height" src="PARDOT_FORM_URL" width="100%" scrolling="no" style="height: inherit;" id="myiframe"></iframe>
...
...
...
...
Example Pardot Demo Form Completion Actions:
Add to CRM Campaign | Master - Demo Request - Requested Demo |
Change prospect custom field value | SFDC Demo Request Date to Submission Date |
Adjust score | +100 point(s) |
Change prospect custom field value | MQL Date to Submission Date |
Change prospect custom field value | Source to Marketing |
Change prospect custom field value | Source Detail to Demo Request |
Change prospect custom field value | Campaign (Attribution) to Master - Demo Request |
Conditional Parameters | If [Prospect custom field] [B2B or B2C] [is] [Myself/Personal Learning] |
Create Salesforce task | Subject: New Demo Request - Refer to Retail |
Add to list | |
Conditional Parameters | If [Prospect custom field] [B2B or B2C] [is] [My Company/Organization] |
Add to list | |
Add to list |
Add to CRM Campaign “DIGITAL CAMPAIGN NAME”