Hi Umair,
We're also using a 3rd party for our website and landing pages (Wordpress and Unbounce). When you create a form, you have the option of capturing the embed code:
When you click "Embed Code" you get a script of the form to place directly in Wordpress.
e.g. (with some info changed):
<script src="//app-ab##.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_####"></form>
<script>MktoForms2.loadForm("//app-ab07.marketo.com", "###-XXX-###", ####);</script>
The one issue you'll run into is when creating a form, Marketo wants you to choose what should happen after someone fills it out. In order to keep from having to create one form for every action, you can add a line to the script and override the next page path.
e.g.:
<script src="//app-ab##.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_####"></form>
<script>MktoForms2.loadForm("//app-ab07.marketo.com", "###-XXX-###", ####, function(form){
//Add an onSuccess handler
form.onSuccess(function(values, followUpUrl){
//Take the lead to a different page on successful submit, ignoring the form's configured followUpUrl.
location.href = "http://nextpage.com";
//return false to prevent the submission handler continuing with its own processing
return false;
});
});
</script>
Lastly, make sure you have your munchkin tracking code on each page so you can track and log activities in Marketo!
.png)