How to Track Elementor Form Submissions Using Google Tag Manager (GTM)

Tracking Elementor form submissions is essential for measuring conversions and understanding user interactions. In this guide, I’ll show you a simple and reliable method to track form submissions using Google Tag Manager (GTM) and the data layer.

Step 1: Add Tracking Script to Your Website

First, we push a custom event to the data layer when an Elementor form is successfully submitted.

Add this script to your site:

<script>
jQuery(document).on('submit_success', function(event, response){
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
        event: "contact_form_submission"
    });
});
</script>

Where to add this code:

  • Elementor → Custom Code → Place before </body>
  • Or use plugins like WPCode or Code Snippets

This script listens for Elementor’s submission event and sends a custom event to GTM.

Step 2: Create a Trigger in GTM

Now, configure a trigger to capture the event.

  • Name: Contact Form Submission
  • Trigger Type: Custom Event
  • Event Name: contact_form_submission

This trigger will fire whenever the form is successfully submitted.

Step 3: Create a Tag

Next, send this event to your analytics platform (such as GA4).

  • Use your existing GA4 Event Tag
  • Event Name: contact_form_submission
  • Attach the trigger created in Step 2

This completes the basic tracking setup.

Optional: Track a Specific Form Only

If your website has multiple Elementor forms, you may want to track only a specific one.

Use the following script to filter by form name:

<script>
jQuery(document).on('submit_success', function(event, response){
    if (response.data && response.data.form_name === "Contact Form") {
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
            event: "contact_form_submission"
        });
    }
});
</script>

How this works:

  • Checks the form name inside Elementor
  • Triggers tracking only when it matches
  • Prevents duplicate or unwanted tracking

Conclusion

This method provides a lightweight and flexible way to track Elementor form submissions without modifying backend code.

  • Works with all Elementor forms
  • Easy to implement via GTM
  • Supports multi-form tracking with conditions

Tip: Always test your setup using GTM Preview mode to ensure the event fires correctly before publishing.

Related Posts