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