Articles on: Events

How to Trigger a Popup by Scrolling

Scroll Triggered event is an eye-catching tool to control the popup showing while scrolling the website.

It is not a separate popup type, but a functionality, which you can find inside of any popup type when the extension is added. To be able to use this functionality you need to create any popup and add the function there using "Events" section.

Scrolled triggered event becomes available with the Scroll Triggered extension. It can be purchased either within the bundles or as a single extension.

Once purchased it should be installed like this:
• In case of the bundle click here.
• In case it was purchased as a single extension click here.

The key tool of the Scroll Triggered Popup is the Events section.



Create popup of any type, navigate to the Events section and select On Scroll.



Define the scrolling with the following conditions:

Distance - You can define after how much distance scrolling the popup should appear. Pixels, percentages, etc. can be used.



Element - You can add the CSS class of the element upon scrolling which the popup can be shown.



Scroll to top - This option allows triggering the popup when scrolling from the bottom to the top.

Scroll to top option could be used as an exit intent alternative for Mobile Devices.


That's it! Now you know how to use the Scroll popup event with all its options.

Updated on: 03/05/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!