Skip to main content

Trigger Popup

Trigger the popup for your customer in different moments- it's up to you when!

Written by Chiara

We just introduced a new Behaviour for GeoPopup, that makes you choose when the popup will be triggered. This option is very useful because oftentimes you would want to trigger popups not when user enters the page, but when they are about to exit, when they scroll the page, when they spend some time on the page or when they click on a specific element.

You can see in the screenshot below the different moments when you can trigger the popup.

If you need more help with setting the GeoPopup, please have a look at this step by step guide with screenshots, or contact support through the widget on the bottom right of the screen!

Trigger modes

Enters the page

The popup appears as soon as the page loads. Use this for immediate messages or announcements.

About to exit (Exit Intent)

The popup triggers when the visitor's cursor moves towards the top of the browser window, indicating they are about to leave. Effective for reducing bounce or offering a last-minute incentive.

Scrolls the page

The popup fires once the visitor has scrolled 25% of the page height. This ensures a minimum level of engagement before the popup appears.

After X seconds

The popup appears a set number of seconds after the page loads. Enter the number of seconds in the value field next to this option. Note: this is separate from the Delay Time setting — Delay Time adds an additional pause before any trigger fires, while After X seconds defines when the trigger itself activates.

Clicks on a page element

The popup opens when a visitor clicks an element on your page. You must enter the CSS class name of the target element in the field provided. Multiple class names can be separated by commas. Example: my-cta-button, open-popup. The class must already exist on your page element (e.g. <button class="my-cta-button">...</button>).

Hovers over a page element

The popup opens when a visitor hovers their cursor over an element. As with click triggering, you must enter the CSS class name of the target element. Multiple class names can be separated by commas. Example: promo-banner, hover-trigger.

Did this answer your question?