Skip to main content

Elementor Form GTM Event Listener

Track Elementor form submissions in Google Tag Manager using the submit_success event. Fire GA4, Google Ads, and Meta Pixel on elementorFormSubmitted.

elementorwordpressformsgtmga4lead-generationpage-builder

Event fired

elementorFormSubmitted

Elementor Form

Overview

Elementor's built-in Form widget is widely used across WordPress sites. This listener hooks into Elementor's jQuery-based submit_success event to push a elementorFormSubmitted event to the dataLayer only when the form submission succeeds.

Event fired: elementorFormSubmitted Trigger type: Custom Event

Why Use This Listener

Elementor forms submit via AJAX. GTM's built-in Form Submit trigger fires on button click, before success is confirmed. This listener fires after Elementor confirms the submission completed.

Common Use Cases

  • Track contact form, quote request, and newsletter sign-up conversions
  • Fire Google Ads conversion tags on Elementor form completion
  • Measure multi-form performance across your Elementor site
  • Build GA4 audiences from form submitters

How It Works

Elementor dispatches a jQuery submit_success event on the document after a successful form submission. The listener catches this and pushes elementorFormSubmitted to the dataLayer.

GTM Setup Guide

Steps

  1. Create Custom HTML tag, paste the code, fire on DOM Ready
  2. Create Custom Event trigger: elementorFormSubmitted
  3. Attach GA4, Google Ads, or Meta pixel tags to the trigger

Installation

html
<!-- GTM Custom HTML Tag: Elementor Form Listener -->
<script>
jQuery(document).ready(function($) {
  jQuery(document).on('submit_success', function(event, response) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      'event': 'elementorFormSubmitted',
      'formID': response ? response.data.id : ''
    });
  });
});
</script>

Note: The response object may contain form ID and other metadata depending on the Elementor version.

Data Layer Output

json
{
  "event": "elementorFormSubmitted"
}

Trigger Configuration

Trigger Type: Custom Event Event Name: elementorFormSubmitted

GA4 Mapping

GA4 EventParameterValue
generate_leadmethod"elementor_form"
generate_leadform_idDLV – Form ID (if available)

Debugging

ProblemCauseFix
No event firingjQuery not availableCheck jQuery loads before listener
Fires on failed submissionsWrong eventsubmit_success only fires on success
Multiple firesDuplicate containersRemove duplicate GTM snippets

Best Practices

  1. Use Elementor's Success Actions (built-in redirect/URL) to help confirm tracking works
  2. Combine with Elementor Popup listener if forms appear inside popups
  3. Test with Elementor's built-in form preview before publishing

Related Listeners