AnsweredAssumed Answered

Wordpress Elementor Forms and Munchkin Cookie - lead tracking

Question asked by Irfan Qureshi on Aug 5, 2019
Latest reply on Aug 5, 2019 by Sanford Whiteman

Like • Show 0 Likes0
Comment • 2

Hi!

Figured I'd ask this here along with asking the Wordpress Plugin Devs. The questions is about merging anonymous visitor activity to a lead after a non-Marketo form fill.

I'm using a Wordpress Page Builder, Elementor. It comes with it's own Form module which allows a decent set of integrations except Marketo.

Right now, when someone fills out the form, i post the data via webhook to zapier which then creates a lead in Marketo and adds it to list in a campaign. However, what I'm missing is the munchkin cookie lead association to conduct lead tracking.

Since this is a non-Marketo form, I imagine I need to use an AssociateLead call?

Any advice is appreciated. It would be nice to hear from someone who has managed to connect anonymous visitor activity when a visitor fills out a non-Marketo form.

2 people also have this question

Outcomes

Irfan Qureshi Aug 5, 2019 9:04 AM

So, I figured out a solution using the code published by Kenny E in his post: Make a Marketo Form Submission in the background

Essentially, I created a hidden Marketo form that submitted in the background. This meant that any activity conducted by the anonymous visitor is now attributed correctly to them as if they actually filled in a Marketo form.

I did have to modify the code a bit.


<script src="//app-lon02.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_1554" style="display:none !important"></form>
<script type="text/javascript">
 MktoForms2.loadForm("//app-lon02.marketo.com", "XXX-XXX-XXX", XXXX);
 // $('#test-form').submit(function( event ) {
document.addEventListener("DOMContentLoaded", function(){
 $('#form-button').on('click', (e) => {
 var marketoForm = MktoForms2.allForms()[0];
 let obj = {
 //These are the values which will be submitted to Marketo
 "Email": $('#Insert-Form-Field-ID').val(),
 "FirstName": $('#Insert-Form-Field-ID').val(),
 "LastName": $('#Insert-Form-Field-ID').val()
 };
 marketoForm.addHiddenFields(obj);
 console.log('dump obj:', obj);
 marketoForm.submit();
 });
});
</script>

Actions

Sanford Whiteman @ Irfan Qureshi on Aug 5, 2019 10:52 AM

Your code has a race condition, though.

In the event that someone submits your visible form before the Marketo form is ready, it will throw an error. Anything that depends on the Marketo form must be wrapped in MktoForms2.whenReady.

(Also, I assume the Email Address field is required on your Marketo form, otherwise every click on the visible form's submit button, regardless of whether the form data is valid, will result in a new lead in Marketo.)

Actions

2 Replies

Irfan Qureshi Aug 5, 2019 9:04 AM
Mark Correct
Correct Answer
So, I figured out a solution using the code published by Kenny E in his post: Make a Marketo Form Submission in the background

Essentially, I created a hidden Marketo form that submitted in the background. This meant that any activity conducted by the anonymous visitor is now attributed correctly to them as if they actually filled in a Marketo form.

I did have to modify the code a bit.
```
<script src="//app-lon02.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_1554" style="display:none !important"></form>
<script type="text/javascript">
 MktoForms2.loadForm("//app-lon02.marketo.com", "XXX-XXX-XXX", XXXX);
 // $('#test-form').submit(function( event ) {
document.addEventListener("DOMContentLoaded", function(){
 $('#form-button').on('click', (e) => {
 var marketoForm = MktoForms2.allForms()[0];
 let obj = {
 //These are the values which will be submitted to Marketo
 "Email": $('#Insert-Form-Field-ID').val(),
 "FirstName": $('#Insert-Form-Field-ID').val(),
 "LastName": $('#Insert-Form-Field-ID').val()
 };
 marketoForm.addHiddenFields(obj);
 console.log('dump obj:', obj);
 marketoForm.submit();
 });
});
</script>
```
Like • Show 1 Like1
Actions
- Sanford Whiteman @ Irfan Qureshi on Aug 5, 2019 10:52 AM
  Mark Correct
  Correct Answer
  Your code has a race condition, though.
  
  In the event that someone submits your visible form before the Marketo form is ready, it will throw an error. Anything that depends on the Marketo form must be wrapped in MktoForms2.whenReady.
  
  (Also, I assume the Email Address field is required on your Marketo form, otherwise every click on the visible form's submit button, regardless of whether the form data is valid, will result in a new lead in Marketo.)
  Like • Show 0 Likes0
  Actions

Wordpress Elementor Forms and Munchkin Cookie - lead tracking

Outcomes

Related Content

Recommended Content