Triggering your Popup widget on scroll to a specific element

Do you want your Popup widget to appear after a user has scrolled over a specific element on your page? We'll show you how to easily set this up 😊

1

Locate the Unique ID of the trigger element
First, find the unique ID of the element that will trigger your Popup widget. Right-click on the page with this element and select Inspect:

2

Inspect the element
Use ↖ in the upper left corner of the console to inspect the element.

In our example, we are inspecting the Buy Now button:

Here is the unique button ID that we need to copy:

3

Go to the widget editor
Once you have copied the ID, go to the Settings tab in your widget's configurator → Triggers:

4

Turn on the trigger

Enable the On Scroll to Element trigger and insert the ID you have just copied to HTML Element ID:

5

Publish the changes
Click Publish to make the changes go live: That's it. In our example, the Popup widget will appear once the Buy Now button is scrolled over:

If you want to learn more about other triggers available in Popup, check out this article - Using triggers in your Popup widget 😊