אינטגרציה ל-MyBusiness דרך CF7

כדי לבצע אינטגרציה ל-MyBusiness ולשלוח לידים, יש קוד jQuery שנקרא WebLead, שעבר התאמה והרחבה, כך:

add_action( 'wp_footer', 'mybusiness_ai_int' );

function mybusiness_ai_int() {
?>
<script type="text/javascript">
var wpcf7Elm = document.querySelector( '.wpcf7' );
var wpcf7Elmf = document.querySelector( '#wpcf7-f698-o2' ); // Floating (2nd) Contact Form

wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
var inputs = event.detail.inputs;

//console.log('inputs', inputs);
//console.log('Form ID',event.detail.contactFormId);

var formId = event.detail.contactFormId;
var payload = {};

if (formId == 77) {
payload = {
PhoneNumber: inputs[1].value,
Email: "Not Available",
Name: inputs[0].value,
Campaign: "Not Set",
LeadSource: "SREQ4C2uAV", //ספציפית ללקוח
Comments2: inputs[2].value,
};
};

if (formId == 9) {
payload = {
PhoneNumber: inputs[1].value,
Email: inputs[2].value,
Name: inputs[0].value,
Campaign: "Not Set",
LeadSource: "SREQ4C2uAV", //ספציפית ללקוח
Comments2: inputs[3].value + ' | הערות: ' + inputs[4].value,
};
console.log('Lastfield',inputs[3].value + ' | הערות: ' + inputs[4].value);
};

jQuery.ajax('https://apps.simbla.com/parse/functions/run_function?functionName=getlead', {
method: "POST",
data: JSON.stringify(payload),
dataType: 'json',
contentType: 'application/json',
headers: {
'X-Parse-Application-Id': "aaaaaaabd6b753ab4fd57c54625b97a7f8ad26fe"
},
success: function (data) {
console.log(data);
},
error: function (e) {
console.error(e.responseJSON);
}
});

}, false );

// Floating Contact Form
wpcf7Elmf.addEventListener( 'wpcf7submit', function( event ) {
var inputs = event.detail.inputs;
var payload = {};

payload = {
PhoneNumber: inputs[1].value,
Email: inputs[2].value,
Name: inputs[0].value,
Campaign: "Not Set",
LeadSource: "SREQ4C2uAV", //ספציפית ללקוח
Comments2: inputs[3].value,
};

jQuery.ajax('https://apps.simbla.com/parse/functions/run_function?functionName=getlead', {
method: "POST",
data: JSON.stringify(payload),
dataType: 'json',
contentType: 'application/json',
headers: {
'X-Parse-Application-Id': "aaaaaaabd6b753ab4fd57c54625b97a7f8ad26fe"
},
success: function (data) {
console.log(data);
},
error: function (e) {
console.error(e.responseJSON);
}
});

}, false );

</script>
<?php
}

את הקוד לעיל יש לשים תחת functions.php (פונקציות התבנית)

כאשר כפי שגם מצויין בהערות בקוד – יש להגדיר את הפריטים הבאים:

1. ה-ID של הלקוח (ספציפי לכל לקוח) ב-2 מוקדים
2. ה-LeadSource של "אתר" (ספציפי לכל לקוח) ב-2 מוקדים
3. ה-ID של הטופס המרחף
4. השדות – בהתאמה לכל טופס באתר

לקריאה נוספת:
https://contactform7.com/dom-events/
 https://pineco.de/catch-javascript-events-in-contact-form-7/