Popup Triggers
Popup Triggers are events that make a popup appear, like adding an item to the cart or time spent on the page.
Last updated
Popup Triggers are events that make a popup appear, like adding an item to the cart or time spent on the page.
Last updated
Triggers are actions or conditions that determine when a popup should be displayed to a visitor. By setting up triggers, you can control the timing and context of the popup, ensuring it is shown at the most effective moment to engage users. 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.
Using the right triggers ensures that the popup is shown at the optimal time, improving user experience and increasing the likelihood of conversions, such as completing a purchase or signing up for a newsletter.
Exit-Intent
Scroll
Add to Cart
Time Based
Click
Idle Timeout
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.
Display the popup after the visitor scrolls down X% of the page. This ensures that the popup appears only for engaged users.
After saving, it will be automatically enabled.
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
After saving, it will be automatically enabled.
How to find the class name of the "Add to Cart" button in your e-commerce store?
Go to any product page on your website.
Click on the product to navigate to its details page.
Click on the "Add to Cart" button.
Right-click on the page and select "Inspect".
Locate the HTML code for the "Add to Cart" button within the opened Developer Tools.
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
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.
After saving, it will be automatically enabled.
Trigger the popup with a click on specific elements using their class or ID. This allows for more targeted popups based on user interaction.
After saving, it will be automatically enabled.
How to capture class names for multiple products:
Visit the product main page on your website.
For each product, click on the "Add to Cart" button.
Right-click on the button and select Inspect.
In the Developer Tools, locate the HTML code for the "Add to Cart" button.
Right-click on the highlighted code and choose Copy to copy the class name.
To know more watch a video How to capture class names for multiple products
Trigger the popup after a period of visitor inactivity. This engages users who have not interacted with the page for a set time.
After saving, it will be automatically enabled.
