Adding a Marketo Form + Thank You page within a Web Personalization Campaign

Version 5


    You need to have the Web Personalization App to implement this case.

    Here is an explanation how you can add a Marketo Form into a Web Personalization (RTP) dialog campaign. When the web visitor completes the form, a thank you message is shown and the campaign disappears.

    NOTE: The Form sometimes may not appear in the Preview Campaign option. You can preview it as a Sandbox Preview campaign to test it. (See here.)

    Steps

    1. Add a Marketo Form into your Web Personalization Dialog campaign
    2. Set the Dialog campaign to never expire and transparent in style
    3. After the form is submitted, show a thank you for submitting page within the dialog
    4. Count Impression and Click metrics on the campaign in the Web Campaigns page

    Example

    Create Web Campaign

    1. Embed Form Code as Per Doc: http://docs.marketo.com/display/public/DOCS/Embed+a+Form+on+Your+Website
    2. Add Thank you message follow up page as per doc: http://developers.marketo.com/blog/show-thank-you-message-without-a-follow-up-landing-page/
    3. Set Dialog Campaign to Timeout Never.
    4. Code Added to HTML of Web Campaign:
    <!DOCTYPE html><html><head></head><body><script src="//app-sjl.marketo.com/js/forms2/js/forms2.min.js"></script><form id="mktoForm_1052"></form><script>MktoForms2.loadForm("//app-sjl.marketo.com", "777-JUM-540", 1052);</script> <script src="//<host>/js/forms2/js/forms2.js"></script><script>MktoForms2.whenReady(function (form){  form.onSuccess(function(values, followUpUrl){   form.getFormElem().hide();   document.getElementById('confirmform').style.visibility = 'visible';   return false;});});</script><div id="confirmform" style="visibility:hidden;"><p><strong>Thank you for submitting your details.</strong></p></div></body></html>

    How the Web Campaign Displays
    (Dialog overlay disappears a few seconds after the Thank You message)

    Web Campaign Impression and Clicks Tracked in the Web Campaigns Page




     

     

     

     

    Additional Resources on this topic:

    1. Embedding Marketo Forms on your website: http://docs.marketo.com/display/public/DOCS/Embed+a+Form+on+Your+Website
    2. Developers Docs
      1. http://developers.marketo.com/documentation/websites/forms-2-0/
      2. http://developers.marketo.com/blog/show-thank-you-message-without-a-follow-up-landing-page/