Elementor Popup GTM Event Listener

Elementor Popup

Overview

Elementor's Popup Builder allows creating popups triggered by page scroll, time on page, exit intent, or other conditions. This listener hooks into Elementor's jQuery events to track popup display and close events.

Events fired: show_Popup, close_Popup Variable: popupID

Why Use This Listener

Elementor popups are commonly used for lead magnets, special offers, and newsletter sign-ups. Tracking impressions vs. conversions helps you measure the effectiveness of each popup design.

Tracked Events

Installation

<!-- GTM Custom HTML Tag: Elementor Popup Listener -->
<script>
jQuery(document).ready(function($) {
  jQuery(document).on('elementor/popup/show', function(event, id, instance) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      'event': 'show_Popup',
      'popupID': id
    });
  });
  
  jQuery(document).on('elementor/popup/hide', function(event, id, instance) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      'event': 'close_Popup',
      'popupID': id
    });
  });
});
</script>

Fire on: DOM Ready. Requires jQuery (included with Elementor/WordPress).

Data Layer Output

Popup Shown

{
  "event": "show_Popup",
  "popupID": "12345"
}

Popup Closed

{
  "event": "close_Popup",
  "popupID": "12345"
}

Triggers to Create

Variables to Capture

Combined With Elementor Forms

When a form exists inside the popup, combine this listener with the Elementor Form listener. The popup show → form submit sequence gives you a complete conversion funnel.

GA4 Mapping

Debugging

Related Listeners

• Elementor Form
• Poptin
• OptinMonster

Frequently Asked Questions

Q: How do I track Elementor popup views in Google Tag Manager? A: Add a Custom HTML tag in GTM that listens for the elementor/popup/show jQuery event. The listener pushes a show_Popup event to the dataLayer with the popupID. Create a Custom Event trigger in GTM for show_Popup, then attach it to your GA4 event tag. Set the Custom HTML tag to fire on DOM Ready - jQuery must be loaded first, which Elementor and WordPress include by default.

Q: What is the elementor/popup/show event? A: elementor/popup/show is a jQuery event that Elementor Pro fires on the document whenever a popup becomes visible to the user. It passes two arguments - id (the numeric popup ID) and instance (the popup widget instance). There is also an elementor/popup/hide event that fires when the popup is dismissed. Both events require Elementor Pro with the Popup Builder feature enabled.

Q: How do I fire a GA4 event when an Elementor popup opens? A: First, install the Custom HTML listener tag that converts elementor/popup/show into a show_Popup dataLayer event. Then create a Data Layer Variable for popupID and a Custom Event trigger for show_Popup. Finally, create a GA4 Event tag (e.g., view_promotion) with popup_id as an event parameter mapped to your popupID variable, and set show_Popup as its trigger. You can filter by specific popup IDs in the trigger conditions if needed.