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
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.
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.
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.
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.
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
After saving, it will be automatically enabled.
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.
Need More Help?
We’re here to make things easier for you!
Email Us: Reach out anytime at support@retainful.com.
Schedule a Call: Still stuck or need a hands-on walkthrough? Book a quick session with our support team, and we’ll guide you step-by-step.
