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.