Put a Marketo Form on a Non-Marketo Page Using an Iframe

[#1]

If you want to put a Marketo form your own website but would like to keep progressive profiling and prefill, this solution is for you.

Note

These instructions apply to Forms 1.0 only.  These will not work in Forms 2.0.

Learn how to:

• Create a Form
• Create a Landing Page
• Add Your Form to Your Landing Page
• Add The Iframe to Your Web Site

Create a Form

1.1   Create a Marketo form with all the fields you would like to have on your page, see Create a Basic Form for details.

Create a Landing Page

2.1   Create a Marketo landing page using the blank template, see Create a Landing Page for details.

Add Your Form to Your Landing Page

3.1   Add the form you created above to the landing page, see Add a form to a Landing Page for details.

3.2   Select your form in the landing page editor.

3.3   Set Top and Left to 0 in the Property Sheet.

3.4   Drag the corner of the form box out ever so slightly (just a few pixels).

3.5   Now write down the height and width from the Property Sheet, you will use these values later for your iframe.

Reminder

Approve the landing page.

Add The Iframe to Your Web Site

4.1   Update the URL in the code below with the URL of the approved landing page that has your form on it as well as the height and width.

<iframe src="http://go.example.com/marketoform.html" width="289" height="192" frameborder=”0”></iframe>

4.2  Add the code to your website and it should start working immediately.