Hi there, thanks for the quick reply. Here is the embed code
<form id="mktoForm_1038"></form>
<script>MktoForms2.loadForm("//app-sj16.marketo.com", "825-DUM-524", 1038);</script>
And here is the custom JS I tried as well. The idea here is that I transplant the data from a styled form on our page (dummy_form) into a Marketo form and submit. This is the implementation I will eventually have to go with as we have to attach some custom hidden fields to the form, but in this example I am not attaching any hidden fields, only filling out the existing form fields. When trying this method, I made sure to comment out the above official snippet in case there was any conflict. Here is a pastebin link if you would rather view it formatted / syntax highlighted.
function validateAndSubmit(dummy_form){
var valid = true;
if( !validator.checkAll( dummy_form ) ) {
valid = false;
console.log('validation failed');
}
if( valid ) {
console.log('validation success');
MktoForms2.loadForm("//app-sj16.marketo.com", "825-DUM-524", 1038, function(form){
form.vals({
'FirstName': dummy_form['First Name'].value,
'LastName': dummy_form['Last Name'].value,
'Email': dummy_form['Email Address'].value,
'Phone': dummy_form['Phone Number'].value,
'Company': dummy_form['Company Name'].value,
'Website': dummy_form['Website'].value
});
form.onSuccess(function(values, followUpUrl) {
// prevent redirect to any followup URL
console.log('form submitted');
return false;
});
});
MktoForms2.whenReady(function (form) {
console.log(form);
console.log(form.vals());
form.submit();
});
}
}
No matter which method I use (the copy pasted HTML/JS snippet, or my own implementation), here is the error I get: http://puu.sh/n4aFR/876adcd145.png
Here is a screenshot of the console logs produced by the custom JS implementation. You can see the Marketo form object being printed out, the form.vals() printing out just fine, but then the 500 error like above. As you can see, the required fields (munchkinId and formid) are set: http://puu.sh/n4aB9/0e1ab271f0.png
Thanks in advance
Can't replicate this with your form.
Try it yourself here: MktoForms2 :: Form Forwarding URLs (nation.marketo.com/thread/5830)
Yeah, that works for me. It also works on a Marketo landing page. However, here is that exact form on my site, not working.
Does it have anything to do with the fact I am developing this locally (on localhost)? That ideally shouldnt effect anything, but it might be?
.png)