Marketo forms integration

Connect Webflow forms directly to Marketo to populate and update leads in your CRM.

This video features an old UI. Updated version coming soon!
Webflow’s “Map form to Webflow” modal displays fields to map to a Marketo form.

Bypass third-party solutions to link Marketo to your Webflow forms, and instead take your forms to the next level with our Marketo integration. You can tightly integrate your site with your marketing automation platform to auto-populate Webflow form submissions in your CRM. This integration uses Marketo’s new Submit Form API, which mirrors an actual Marketo form submission, including anonymous lead association, web activity tracking, and the ability to use “Fills Out Form” triggers in smart campaigns.

Note: This feature is only available to Webflow Enterprise customers. If you or a client are interested in learning more, please contact our enterprise team.

In this lesson you’ll learn:

  1. How to connect Marketo to Webflow
  2. How to map individual forms to Marketo

How to connect Marketo to Webflow

To connect Marketo to your Webflow team, you need to: 

  1. Create a new custom installed service in Marketo
  2. Copy your Marketo IDs
  3. Add the Marketo integration to your team account

Create a new custom installed service in Marketo

If you don’t already have a user set up with API access only, you’ll need to create one so you can reference it in your custom installed service: 

  1. Log in to Marketo
  2. Click the Admin tab
  3. Select Users & Roles from the left hand panel under Security
  4. Press Invite New User and fill in the email, first and last names
  5. Press Next
  6. Choose Access API as the Role and check API Only 
  7. Press Next and press Send to create the new user
Marketo’s “Admin” button is highlighted.
Marketo’s “Users & Roles” section is highlighted under its Security settings.
Marketo’s “Users & Roles” section is highlighted under its Security settings, along with the “Invite New User” button. 
Step 1 of Marketo’s “Invite New User” modal displays fields to enter an email address, first and last names and a reason. 
Step 2 of Marketo’s “Invite New User” modal should have “Access API” checked and “API Only” checked.
Alt: Step 3 of Marketo’s “Invite New User” modal lets you create the new user by pressing the “Send” button. 

After your new user has been created, you can create a new custom installed service that references your new user: 

  1. Log in to Marketo
  2. Click the Admin tab
  3. Select LaunchPoint from the left hand panel under Integration
  4. Click New under Installed Services and choose New Service
  5. Give it a Display Name (e.g., “Webflow form integration”) and choose Custom from the Service dropdown menu
  6. Give it a Description (e.g., “Webflow form integration”) 
  7. Choose the new user you created previously under the API Only User dropdown menu
  8. Press Create
Marketo’s “LaunchPoint” section is highlighted under its Integration settings.
Under Marketo’s “LaunchPoint” section, the “New Service” button is highlighted under “Installed Services.” 
Marketo’s “New Service” modal displays fields to enter a display name, choose a service, write a description and select the API only user. 

Copy your Marketo IDs

When connecting your Marketo integration, you’ll need to include the following 3 Marketo IDs in your setup:

Munchkin Account ID

To copy the Munchkin Account ID from Marketo:

  1. Log in to Marketo
  2. Click the Admin tab
  3. Select Munchkin from the left hand panel under Integration
  4. Copy the Munchkin Account ID from the Tracking Code section (e.g., “123-WFU-456”)
Marketo’s “Munchkin” section is highlighted under its Integration settings.
Marketo’s “Munchkin Account ID” is highlighted. 

Client ID

To copy the Client ID from Marketo: 

  1. Log in to Marketo
  2. Click the Admin tab
  3. Select LaunchPoint from the left hand panel under Integration
  4. Click View Details on your custom installed service
  5. Copy the Client ID (e.g., “1a2c3d4e-u196-21n5-p894-j89mn6x90775”)
Marketo’s “LaunchPoint” section is highlighted under its Integration settings.
The “View details” link of a Marketo installed service is highlighted. 
Marketo’s “Details” modal of an installed service shows the “Client ID” highlighted. 

Client Secret

To copy the Client Secret from Marketo: 

  1. Log in to Marketo
  2. Click the Admin tab
  3. Select LaunchPoint from the left hand panel under Integration
  4. Click View Details on your custom installed service
  5. Copy the Client Secret (e.g.,”PUMtjMarVnewKLikV2WzL7m4dkTPpokE”)
Marketo’s “LaunchPoint” section is highlighted under its Integration settings.
The “View details” link of a Marketo installed service is highlighted. 
Marketo’s “Details” modal of an installed service shows the “Client Secret” highlighted. 

Add the Marketo integration to your team account

After you’ve copied your 3 Marketo IDs, you can add the Marketo integration to your team.

Go to your team account: 

  1. Visit the Teams dashboard
  2. Select the team to connect to Marketo
Webflow’s “Select a Team” section displays links to any teams you may be a part of. 

Add the Marketo integration:

  1. Click the Integrations tab and scroll down to the Marketing automation integrations section at the bottom of the page
  2. Click “Add Marketo integration
  3. Add your Client ID, Client Secret, and Munchkin Account ID keys to the corresponding fields in the integration modal
  4. Press Add Marketo integration to save your settings
Note: Currently, it’s not possible to edit the integration information once you have saved it, so be sure to document your settings prior to saving the integration. To update your integration, you will need to delete and replace it.
Webflow’s “Integrations” tab of a team’s settings is highlighted. 
Webflow’s “Add Marketo integration” button is highlighted in the Marketing automation integrations section of a team’s Integrations tab. 
Webflow’s “Add Marketo integration” modal is shown with fields where the Marketo Client ID, Client Secret, and Munchkin Account ID can be entered. 

Delete your Marketo integration

Go to your team account: 

  1. Visit the Teams dashboard
  2. Select the team that contains the Marketo integration you want to delete

Delete the Marketo integration:

  1. Click the Integrations tab and scroll down to the Marketing automation integrations section at the bottom of the page
  2. Press “Delete” next to the integration you want to remove
  3. Type “DELETE” to confirm and press the Delete button
A “Delete” button is highlighted in the Marketing automation integrations section to illustrate how to delete a Marketo integration. 
The “Delete Marketing integration” modal appears after pressing the delete button. 

How to map individual forms to Marketo

When somebody fills out the Webflow form on your site, each Webflow form field that you’ve mapped to a Marketo form field automatically pulls the submitted form data into your corresponding Marketo fields’ values. In other words, this integration shares mapped fields’ submitted data between your Webflow form and your Marketo form. You can map your form and manage it with the following steps:

  1. Publish your form and create a test submission
  2. Map your Webflow form to Marketo
  3. Test your mapped form
  4. Update your form integration settings
  5. Delete your form integration

Publish your form and create a test submission

Before you can map your dynamic Webflow forms to a global Marketo form, you need to:

  1. Make your form in Webflow if you don’t have one already
  2. Publish your project containing the form you want to connect to Marketo (or republish your project if you already have a form in use)
  3. Fully fill out and submit your form on your live site to create a test submission
Important: Even if you have already published your form, you will need to republish it to have the integration function as intended.

Learn more about forms.

Map your Webflow form to Marketo

After you have created a test submission from the form you want to connect to Marketo, and after you have added the Marketo integration to Webflow, you can map the form to Marketo. 

Note: Currently, it’s not possible to edit the form integration information once you have saved it, so be sure to document your settings prior to saving the integration. 
  1. Go to the project settings of the project that contains the form you want to connect to Marketo
  2. Click the Forms tab in the project and scroll down to the Form integrations section at the bottom of the page
  3. Click “Map New Form
  4. Choose Marketo from the Marketing platform dropdown menu
  5. Select your form from the Marketo form name dropdown menu
  6. Choose your corresponding Webflow form from the Webflow form name dropdown menu
  7. Map your Webflow form fields to Marketo lead fields (e.g., a “FirstName” field in Webflow maps to a “firstName” field in Marketo — you don’t have to map all your fields if you don’t want to)
  8. Press Connect form to connect your Webflow form to Marketo
Good to know: When mapping form fields, you’ll need to make sure your Marketo form contains any Webflow form field as a corresponding field in the Marketo form itself. You can add these corresponding fields in your Marketo form by selecting your matching Marketo form, opening it up, editing it, and adding any necessary fields in the Field Details section of your Marketo form.
Webflow’s “Forms” tab of a project’s settings is highlighted. 
Webflow’s “Map New Form” button is highlighted in the Form Integrations section of a project’s Forms tab. 
Webflow’s “Map form to Webflow” modal displays fields to map to a Marketo form. 

Test your mapped form

You can test your integration after you’ve mapped your Webflow form to your Marketo form to make sure it’s pulling data into Marketo as you’d like: 

  1. Open your live site, fully fill out, and submit your form
  2. Log in to Marketo
  3. Click the Marketing Activities tab
  4. Locate your Marketo trigger that starts a Flow linked to the Marketo form submission

Update your form integration settings

If you want to update your form integration settings, you need to create a form test submission:

  1. Publish your project that contains the form you want to connect to Marketo
  2. Fill out your form
  3. Submit it

After you have created a test submission from the form you want to connect to Marketo, you can map the form to Marketo: 

  1. Go to the project settings of the project that contains the form integration you want to update
  2. Click the Forms tab in the project and scroll down to the Form integrations section at the bottom of the page
  3. Follow the steps in Delete your form integration
  4. Follow the steps in Map your Webflow form to Marketo

Delete your form integration

If you need to delete a form integration: 

  1. Go to the project settings of the project that contains the Marketo form integration you want to delete
  2. Click the Forms tab in the project and scroll down to the Form integrations section at the bottom of the page
  3. Press “Delete” next to the form integration you want to remove
  4. Type “DELETE” to confirm and press the Delete button
A “Delete” button is highlighted in the Form Integrations section to illustrate how to delete a Marketo form integration.
The “Delete form integration” modal appears after pressing the delete button.


Try Webflow — it's free
No items found.
This video features an old UI. Updated version coming soon!