Marketo Integration

What does the Marketo integration do?

The Marketo integration in the Studio allows you to track individual page views of Studio experiences and add Marketo forms directly from the Studio. By using our built-in integration, you can:

Easily add formatted Marketo forms to any Studio experience
Have specific actions triggered within Studio based on a form submission
Send pageviews for any individual (known or anonymous) to your Marketo instance

How do I setup the Marketo integration for both activity tracking and form selection?

Follow the below steps to get the Marketo integration set up in the Studio. If you don’t have access to Marketo in the Integrations tab in the Studio— be sure to reach out to your Account Manager.

Login to your Marketo account and navigate to "Admin"
Under 'Users and Roles', create a role that only has the 'API Access' checkbox selected.
Once this role is created, you can head back to the ‘Users and Roles’ screen. Once there, select ‘Invite New User’ under the ‘Users’ tab.
Fill out the necessary information in “Step 1: Info”
In the Permissions section, select “API Only” and click next until you exit the dialogue
Navigate back to the Admin menu and select “LaunchPoint”
Click on “New” > “New Service” and fill in the display name (e.g. “Ceros API Service”)
Under service select “Custom”
Add a description for the service, and select the recently created API only user from the dropdown list
Once created select “View Details” to get the “Client Id” and “Client Secret”. Save both of these items as we will use them in a later step.
Finally, navigate back to the Admin menu and select “Munchkin”
Copy the “Munchkin Account Id”

You’re now ready to set up the integration within the Studio. Navigate to the Studio Admin and login to your account.

Navigate to Settings > Integrations in the left-hand panel
Toggle “Marketo” integration button
Paste your Munchkin Account ID, Marketo Client Id, and Marketo Secret and hit save

Note: If you want to apply to all existing experiences, toggle the checkbox on.

How do I setup the Marketo integration on a single experience?

ONLY Page View Tracking:

Click on the Project containing the experience you’d like to track in Marketo
Click the Integrations cog icon on the specific experience
Paste your Munchkin Account ID and hit Save

Page View Tracking and Form Integration:

Click on the Project containing the experience you’d like to track in Marketo
Click the Integrations cog icon on the specific experience
Paste your Munchkin Account ID, Marketo Client ID, and Marketo Secret and hit Save

Note: by setting up your Marketo integration at the account level, you’ll automatically have your experiences tracked in Marketo when they are created.

How do I add a Marketo form?

Once the Marketo integration is all set up, a Marketo icon will appear in the studio toolbar. This is where you can launch the Form Chooser which enables you to browse, search and preview existing Marketo Forms. To add forms to the Studio:

Locate the Marketo Form Chooser in the toolbar
When you locate your form, click “Add” to bring that particular form into the Studio
Preview and test the form.

If you need to make edits to a form after it is already on the canvas, you’ll need to make these changes in Marketo. The Studio and preview will need to be refreshed to have those changes reflected.

Note: You also have the option to pull in Marketo forms using the Embed Object tool. If you choose this method, you’ll need to manually add this snippet of code to the custom HTML before publishing:

<script src=”//app-sj14.marketo.com/js/forms2/js/forms2.min.js”></script>

On Form Submit Interactions

Another valuable feature of the Marketo integration in the Studio is the ability to add a number of different interactions to the form that will happen when the form is submitted. When the form is selected on the canvas you will see the actions that are possible from the Interactions tab of the Inspector Panel.

There are many different interactions you can add, but a popular use for this feature is creating a custom follow-up or “Thank You” message right in the Studio to match the rest of your content using Studio elements and interactions! You can use text, graphics, shapes, and of course add animations to those elements.

When the form is selected on the canvas you will see the actions that are possible from the Interactions tab of the Inspector Panel.

Common approaches to this would be to position the follow-up message behind the form, and add a hide interaction to the form to reveal the message on submit, or have the message hidden, and show it on top of the form on submit.

Enable and disable pages to created Gated Content

You can create Gated Content within the Studio by using Enable/Disable page Interactions.

After designing all of your pages, disable the pages you want to be gated by clicking the arrow in the page selector and selecting ‘Disable’.
Once disabled, the page will appear greyed out in the page navigator. Disabled pages will not be navigable until an interaction enables them- e.g. On form submit > Enable page x.
With the form still selected, navigate to the Interaction panel and set up an “On Submit” > “Enable Pages”.
Enter individual page numbers, separated by a comma, and/or a range of pages into the Enable page field.
Click update.

Note: All of the other interactions, such as page navigation, show, hide, etc. will behave just as they normally would. Click here to learn more about Studio interactions.

When your form is live

Forms are live in your experience preview as well as your published experience. If you enter information and submit the form in the experience preview, the information will still be sent to Marketo.

Disconnecting your Marketo Account

You can disconnect Studio from your Marketo account at any time by deactivating the toggle in the Integrations panel. Users will no longer be able add or replace forms in the Studio. The form chooser will no longer be available. Users will still be able to move, edit, preview and publish forms that are already existing in any experiences.