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.)
<!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> |
Additional Resources on this topic: