Hi All,
We are testing hidden Marketo form submissions from a non-marketo (Laserfiche) form.
Unfortunately, the Marketo form does not submit when the Laserfiche form does, and I can't see any error codes in devtools console.
I've followed some previous posts and code from @SanfordWhiteman and also managed to run it by our Marketo partner, but we are stuck at the moment, and before passing it on to their dev team, I was hoping I might get some help here.
The Marketo hidden form has no fields and only a submit button.
The Marketo campaign is set up as follows:
The Laserfiche form is available here - https://lf.etcltd.com.au/Forms/marketo
The code we are using has been wrapped in JS since that is a requirement of the Laserfiche form. See code below:
<script>$.getScript("//my.etcltd.com.au/js/forms2/js/forms2.min.js", function () {
$('.marketo-form .cf-custom').html([
'<form id="mktoForm_426" style="display:none"></form>',
'',
'<form id="hidden-form">',
' <input name="firstName" type="text">',
' <input name="lastName" type="text">',
' <input name="email" type="text">',
' <input name="mobilePhone" type="text">',
' <input name="company" type="text">',
' <input name="eTCSite" type="text">',
' <input name="eTCEnquiry" type="text">',
' <input name="eTCReferrer" type="text">',
' <input name="industry" type="text">',
' <input name="action" type="submit">',
'</form>',
].join('\n'));
MktoForms2.loadForm("//my.etcltd.com.au", "337-AQV-428", 426);
MktoForms2.whenReady(function (mktoForm) {
var customFormData = {
formSelector: "#form1", // HTML form id on page (inspect via dev tools )
fieldMap: [
{
marketo: "FirstName",
custom: "Field29", // HTML form field name (inspect via dev tools label class for) repeat for all custom below
},
{
marketo: "LastName",
custom: "Field30",
},
{
marketo: "Email",
custom: "Field31",
},
{
marketo: "MobilePhone",
custom: "Field32",
},
{
marketo: "Company",
custom: "Field33",
},
{
marketo: "eTCSite",
custom: "Field34",
},
{
marketo: "eTCEnquiry",
custom: "Field35",
},
{
marketo: "eTCReferrer",
custom: "Field37",
},
{
marketo: "industry",
custom: "Field38",
},
],
};
document
.querySelector(customFormData.formSelector)
.addEventListener("submit", function (e) {
var customForm = e.target,
mktoFields = {};
// iterate over fields on custom form to create MktoForms-compat object
customFormData.fieldMap.forEach(function (field) {
mktoFields[field.marketo] = customForm.querySelector(
"input[name='" + field.custom + "']"
).value;
});
// add to Marketo form
mktoForm.addHiddenFields(mktoFields);
// submit Marketo form
mktoForm.submit();
// stop custom HTML form submission
e.preventDefault();
});
});
});
</script>
Any assistance would be appreciated!
Thanks, Megan.
.png)