\n\/\/app-sjint.marketo.com\/js\/forms2\/js\/forms2.js<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n\n\n2. THE DOMAIN OF YOUR SCRIPT SOURCE<\/strong><\/p>\n\n\n\nThe domain value in the MKTO example is:<\/p>\n\n\n\n
\n
\n\n\n\/\/app-sjint.marketo.com<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n\n\n3. YOUR MKTO ACCT ID<\/strong><\/p>\n\n\n\nThe ACCT ID value from the MKTO example is:<\/p>\n\n\n\n
\n
\n\n\n\n162-LBR-557<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n\n\nUpdate Ion widget code<\/strong><\/h4>\n\n\n\nNow that you’ve identified the three items needed, update the placeholders in the Ion widget code below with the appropriate values. No other modifications should be made to the Ion widget code.<\/p>\n\n\n\n
<script src=\"YOUR SCRIPT SOURCE (#1)<\/strong>\"><\/script>\n\n<div id=\"mktoFormWrapper\"><\/div>\n\n<script type=\"text\/javascript\"> \n\n(function (runtime) {\n\n var mktoFormID = \"##formID\";\n\n var mktoFormElm = document.createElement('form');\n\n mktoFormElm.setAttribute(\"id\", \"mktoForm_\" + mktoFormID);\n\n var formPosition = document.getElementById('mktoFormWrapper');\n\n formPosition.appendChild(mktoFormElm);\n\n MktoForms2.loadForm(\"THE DOMAIN OF YOUR SCRIPT SOURCE (#2)\", \"YOUR MKTO ACCT ID (#3)<\/strong>\", mktoFormID, function(form) {\n\n\/\/onSuccess handler\n\n form.onSuccess(function(values, followUpUrl) {\n\n \/\/ override followUpUrl if another URL is set in ion\n\n var thankYouPageURL = \"##thankyou_url\";\n\n if (thankYouPageURL.length > 0) {\n\n top.location.href = thankYouPageURL;\n\n return false;\n\n }\n\n return true;\n\n });\n\n }); \n\n})(ixp.runtime);\n\n<\/script><\/pre>\n\n\n\nAdd widget code to your Ion library<\/strong><\/h4>\n\n\n\nIn Ion, navigate to Libraries > Widgets and click on the green plus sign to add a new widget. We recommend labeling the widget something like Embed Form and storing it in a category called Marketo. Paste the widget code above into the editor with the proper values for script source, domain of script source and account id.<\/p>\n\n\n\n
Before saving, go ahead and set the form id as required text and Next Page as a required action, like the example below:<\/p>\n\n\n\n
Add the widget to your ion experience<\/strong><\/h4>\n\n\n\nNavigate into the page where you’d like to embed the Marketo form. Drag the widget icon from the Basics palette onto your page and select your new Marketo > Embed Form widget. Next, under Variables in creative studio, enter the form id from your Marketo embed code and select the ion page you seek to redirect to.<\/p>\n\n\n\n
Voila! Your Marketo form is now embedded in your Ion experience! You can even add Ion rule logic to your Marketo form. For example, rules can be used to mark as converted, tag or conditionally redirect respondents.<\/p>\n\n\n\n
Funnel Dialogue Data into Marketo<\/strong><\/h4>\n\n\n\nIf you\u2019re garnering valuable information prior to form submission, these data points can be funneled into your Marketo form widget with a bit of customization. You\u2019ll need to add hidden fields to your Marketo form to receive these data points. Your Marketo embed widget will be updated to save these Ion data points into the corresponding Marketo form fields.<\/p>\n\n\n\n
Please reach out to our Support Team for assistance with this last step if needed.<\/p>\n","protected":false},"excerpt":{"rendered":"
If you\u2019d like to embed Marketo forms on your Ion experiences, check out this post to easily repurpose your Marketo embed code into a reusable ion widget. Taking these steps will enable you to […]<\/p>\n","protected":false},"author":9,"featured_media":6076,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[2175,2078],"tags":[2173,2200,2208,2218],"class_list":["post-3198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ion-integrations-the-advanced-capabilites","category-the-advanced-capabilites","tag-advanced","tag-data-management","tag-ion-integration","tag-marketo"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=3198"}],"version-history":[{"count":4,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3198\/revisions"}],"predecessor-version":[{"id":8630,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3198\/revisions\/8630"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/6076"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=3198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=3198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=3198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2021\/08\/image-2.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2021\/08\/image-3.png\")
<\/figure>\n\n\n\n