Background form submits (sometimes) don't work.
Hey, all! I'm just about out of ideas on this and am hoping the community can spur some insight.
We use a Webflow site and are setup using native forms. Native forms submit back to Webflow and we can download a list of all form submissions. This has been my saving grace as it's the only way I know this is even happening. The issue is that about 8% of the time a site visitor submits a form and the Marketo background form submission never fires. Eek!
I checked for dependencies and tested different browsers and adblockers. I can resubmit these using the data captured by the native form handling and resubmit without error every time. I don't know that I've been able to reproduce the issue at all.
Any thoughts come to mind on how I might continue troubleshooting this?
<script src="//app-XXXX.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_9999" style="display: none !important"></form>
<script>
MktoForms2.loadForm("//app-XXXX.marketo.com", "XXX-HCT-XXX", 9999);
</script>
<script>
$("#optin-form-button").click(function (e) {
if ($.trim($("input#email").val()) != "") {
MktoForms2.whenReady(function (myForm) {
if (myForm.getId() == 9999) {
myForm.addHiddenFields({
Email: $("input#email").val(),
FirstName: $("input#fname").val(),
LastName: $("input#lname").val(),
});
myForm.submit();
myForm.onSuccess(function () {
return false;
});
}
});
}
});
</script>