Marketo Form Techniques: 5 Ways to Implement Marketo Forms on Your Website

In:

What’s the best way to implement Marketo forms on your website? In this post, you will learn 5 different ways to implement Marketo forms on your website and the pros and cons of each method.

Marketo Forms on Non-Marketo Landing Pages

Marketo provides HTML code that you can embed on your website when you setup a form using the Forms 2.0 editor. This is the most straightforward way to implement a Marketo form your website.

  • Advantages

    • Keep the same URL as your main website.
    • The form can be modified in the Marketo editor and the changes will appear on your website as soon as the form is approved.
    • Progressive profiling will work.
  • Disadvantages

    • Form pre-fill will not work.
    • Requires a developer to embed the form code on the page.
    • Form styling (CSS) will need to be added in Marketo.

Marketo Forms using the SOAP API

The SOAP API gives you access to leads, actions, and more. Use it for functions such as adding leads to your lead database from CRM systems, or extracting leads for your lead database for use in other systems.

Example
You have a web application for customer registration that captures new customer information. With a bit of programming, you can also have lead information for those users captured in Marketo.

  • Advantages

    • Great for complex websites or web applications.
    • Complete form customization (HTML, CSS, JavaScript).
    • Integrate the existing forms on your website with Marketo.
    • Ability to submit data to more than one database upon form submission.
    • Custom code can be created for progressive profiling and form pre-fill functionality.
  • Disadvantages

    • Back-end developer is required.
    • There is a limit to the number of SOAP API calls Marketo can handle (default 10,000/day).
    • The form can’t be modified in the Marketo editor. A developer is required if any fields need to be added/modified.

Marketo Forms using the Munchkin API

The Munchkin Javascript API allows you to integrate a third-party web system with your Marketo account. With some web development, you can capture new leads or update current leads with existing applications on your website.

Example
You have a web application for customer registration that captures new customer information. With a bit of programming, you can also have lead information for those user captured in Marketo.

** This technique requires the Munchkin tracking code to be implemented on the page. **

  • Advantages

    • Great for web applications or complex websites.
    • Complete form customization (HTML, CSS, JavaScript).
    • Integrate the existing forms on your website with Marketo.
    • Ability to submit data to more than one database upon form submission.
    • Custom code can be created for progressive profiling and form pre-fill functionality.
  • Disadvantages

    • Requires a front-end developer.
    • JavaScript can be blocked on the client side.
    • The form can’t be modified in the Marketo editor. A developer is required if any fields need to be added/modified.

Marketo forms using the REST API

The REST API gives you access to leads, actions, and more. Use it for functions such as adding leads to your lead database from CRM systems, or extracting leads for your lead database for use in other systems.

  • Advantages

    • Great for web applications or complex websites.
    • Complete form customization (HTML, CSS, JavaScript).
    • Integrate the existing forms on your website with Marketo.
    • Custom code can be created for progressive profiling and form pre-fill functionality.
    • The REST API is the primary focus for Marketo’s API development at this time.
    • Ability to submit data to more than one database upon form submission.
  • Disadvantages

    • Requires a back-end developer.
    • There is a limit to the number of REST API calls Marketo can handle (default 10,000/day).
    • The form can’t be modified in the Marketo editor. A developer is required if any fields need to be added/modified.

Marketo forms using the Forms 2.0 JavaScript API

The core functionality of a Marketo web form can be extended using Forms 2.0 JavaScript API. The forms 2.0 API allows you to add custom logic to your forms using javascript.

  • Advantages

    • Ability to add custom logic using Javascript.
    • Ability to submit data to mutiple databases.
    • No limit on how many calls you can make per day.
    • The form can be modified in the Marketo editor and the changes will appear on your website as soon as the form is approved.
    • Progressive profiling will work.
  • Disadvantages

    • Requires a front-end developer.
    • Form pre-fill won’t work.

Comparison

Still not sure what technique will work best for you? Here’s a comparison of all the functionaly for each implementation method.

Functionality Standard Marketo Form SOAP API REST API Munchkin API Forms 2.0 API
Keep the same URL as your main website
Progressive Profiling Custom Custom Custom
Form Pre-fill Custom Custom Custom Custom Custom
Form can be modified in the Marketo editor No No No
Complete form customization (HTML, CSS, JavaScript) Some
Integrate with existing forms No No
Submit data to more than one database No
Daily API Call Limit No No No
Custom logic Limited
Requires a back-end developer No No No
Requires a front-end developer No No


Questions?

Email me, send me a tweet @jennamolby, or leave a comment

Related Posts

  • 15/10/2020
    How to Use Flex Fields in Pardot

    Flex fields are custom fields that can be used over and over again to limit the number of one-time-only fields within Pardot and Salesforce. They contain data that is required temporarily to execute a specific event or campaign. Once the data is no longer needed, the fields can be reset to blank using an Engagement Program or Automation Rule

  • 04/10/2020
    How To Embed a Pardot Form on Your Website The Right Way

    Pardot offers 2 methods for embedding forms on your website; embedding using an iframe, and form handlers. While the embedded iFrame forms allow marketers to have control over updating and configuring the forms, using an iFrame isn’t always ideal for website usability. In this tutorial, I will show you how to take advantage of the Pardot iFrame forms and make it look great embedded on your website.

  • 23/09/2020
    7 Ways Pardot Users Can Use Chrome Developer Tools For Troubleshooting & Testing

    Chrome Developer Tools is widely used by developers to help edit pages on-the-fly and diagnose issues. Pardot users can use DevTools to troubleshoot and test landing pages and forms. In this post, I’ll show you 7 ways you can use DevTools, including how to identify errors on a landing page, how to customize the CSS of a form and how to view hidden form field values.

6 comment(s)
  • Milena

    11/04/2019 at 2:42 pm
    Reply

    I think one more way is to use a blank Marketo form that gets embedded and the fields matched to send into Marketo, this is what we are using now for already existing forms:)

  • Jared

    15/10/2018 at 11:47 am
    Reply

    Can you include a section (and column) for iframing blank landing page with a form? My understanding is that pre-fill works for this method but not, as you've noted, for the simple embed code.

  • Emily

    27/11/2017 at 3:25 pm
    Reply

    For the first scenario (Marketo Forms on Non-Marketo Landing Pages) one disadvantage listed is that "Form prefill won't work". Does that just mean it requires some custom development? Thoughts on pros/cons/security of using this: http://developers.marketo.com/blog/external-page-prefill/?

    • Jenna Molby
      to Emily

      28/11/2017 at 11:40 am
      Reply

      Hi Emily, Great question! No, I wouldn't recommend using the method outlined in that article for external pre-fill. This exposes your secret key to the rest of the world and therefore, a security issue.

  • Shadrack

    11/07/2017 at 7:17 pm
    Reply

    Well done. You save me a lot of searching.

  • Gina Caulkins

    30/01/2017 at 2:51 pm
    Reply

    The chart is very helpful, thanks for sharing!

Leave A Comment

Your email address will not be published. Required fields are marked *

About Me


Welcome to my blog, where I share, tips, tricks, thoughts and solutions that I learn in my daily life as a Marketing Operations leader.

Categories
Most Commented
Popular Posts