Elementor Forms: Send Submissions to the dataLayer
Pushes an "elementor_form_submit" event with the form name to the Google Tag Manager dataLayer each time an Elementor Pro form is sent successfully, for conversion tracking.
Opens WPIDE on
Code
<script>
window.addEventListener('DOMContentLoaded', function () {
if (!window.jQuery) { return; }
window.jQuery(document).on('submit_success', function (event) {
var form = event.target;
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'elementor_form_submit',
form_name: form && form.getAttribute ? (form.getAttribute('name') || '') : '',
form_id: form && form.querySelector ? ((form.querySelector('input[name="form_id"]') || {}).value || '') : ''
});
});
});
</script>Notes
In Tag Manager, create a Custom Event trigger named elementor_form_submit; the form_name variable holds the form's name.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.