# 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.

- Type: HTML
- Runs: Site-wide footer
- Category: [Page Builders & Themes](https://wpide.com/library/category/page-builders/)
- Tags: elementor, forms, analytics, gtm
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/elementor-form-submit-datalayer/

## Code

```html
<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 use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Elementor Forms: Send Submissions to the dataLayer" in its snippet library and add it in one click; or create a new HTML snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/