Popup Triggers

Popup Triggers are events that make a popup appear, like adding an item to the cart or time spent on the page.

Popup Triggers are actions or conditions that decide when a popup is displayed to visitors. Setting triggers ensures the popup appears at the right moment, enhancing user experience and driving conversions. Triggers can be based on user behavior, such as when they show intent to leave the site, scroll through the page, or add an item to their cart.

Types of Trigger Conditions

  • Exit-Intent

  • Scroll

  • Add to Cart

  • Time-Based

  • Click

  • Idle Timeout

Exit-Intent

Trigger the popup when a visitor shows intent to leave your site, such as moving the cursor toward the browser's address bar or closing the tab.

Exit-Intent

Scroll

Shows a popup when the user scrolls down a specified percentage of the page, ensuring it targets engaged visitors.

  • Adjust Scroll Percentage: Set the percentage in the settings. The popup activates once the threshold is crossed.

Adjusting Scroll Percentage

After saving, it will be automatically enabled.

Scroll

Add to Cart

You can trigger the Add to Cart popup by specifying the ID or Class of the button or element the visitor clicks on. The popup will appear after the visitor clicks on any of the following IDs or Classes

  • CLASS: single_add_to_cart_button

  • CLASS: add_to_cart_button

  • CLASS: ajax_add_to_cart

  • CLASS: elementor-widget-wc-add-to-cart

Add to Cart - Classes

After saving, it will be automatically enabled.

Add to Cart

How to find the class name of the "Add to Cart" button in your e-commerce store?

  1. Go to any product page on your website.

  2. Click on the product to navigate to its details page.

  3. Click on the "Add to Cart" button.

  4. Right-click on the page and select "Inspect".

  5. Locate the HTML code for the "Add to Cart" button within the opened Developer Tools.

  6. Right-click on the highlighted code, representing the button, and choose "Copy" to copy the class name. To know more watch a video How to find the class name of the Add to Cart Button

Time-Based

Trigger the popup after X seconds of page engagement. This helps target users who have spent time on the page and may be interested in offers.

Setting Up Seconds

After saving, it will be automatically enabled.

Time Based

Click

Trigger the popup with a click on specific elements using their class or ID. This allows for more targeted popups based on user interaction.

Class or ID in Click

After saving, it will be automatically enabled.

Click

Idle Timeout

Displays a popup after a period of inactivity, engaging visitors who aren’t interacting with the page.

  • Set Idle Time: Define the timeout duration in seconds

Add Seconds - Idle Timeout

After saving, it will be automatically enabled.

Idle Timeout

Best Practices for Using Triggers

  • Combine Triggers: Use multiple conditions to make popups more relevant.

  • Avoid Overuse: Too many popups can overwhelm visitors and reduce engagement.

  • Test Trigger Effectiveness: Use A/B testing to determine the best timing and conditions.

Conclusion

Popup Triggers are essential for delivering the right message at the right time. By leveraging triggers like Exit-Intent, Scroll, Add to Cart, Time-Based, Click, and Idle Timeout, you can create personalized experiences that engage users and improve conversion rates. Set triggers thoughtfully to ensure your popups provide value without disrupting the user journey.

Last updated

Was this helpful?