Trigger rules help you control the timing for when your popup displays. For example, you could display your popup immediately on eligible visits. Or, you could set a 5-second delay or wait until a user starts scrolling down the page.
In this article, you’ll learn how each trigger works and how to set a trigger for your popup.
WP Popups Includes 6 Trigger Rules
WP Popups includes 6 different trigger rules that you can use for your popups:
- % of page height – the popup will display when a user has scrolled down a certain percentage of the page. For example, if you set this to 50%, the popup will appear when a user scrolls halfway down the page.
- Class triggering – the popup will display when a user clicks a link or a button with the popup’s CSS class. This lets you create a two-step popup, where the popup only appears after a user clicks something. Learn more about how to set this up.
- Exit intent – the popup will appear when a user tries to leave the page.
- Scrolled down pixels – the popup will appear after a user scrolls down a certain number of pixels. It’s similar to % of page height, but using a fixed pixel count instead of a percentage.
- Seconds after page load – the popup will appear after an X second delay. For example, if you enter 5 seconds, the popup will appear 5 seconds after a user loads the page, regardless of whether they’ve starting scrolling or performed any actions.
- Trigger when an element with class name is visible – the popup will appear when an element with a certain CSS class becomes visible in a user’s browser.
How to Add a Trigger to Your Popup
To add a trigger to your popup:
- Open the WP Popups template builder for the popup that you want to add a trigger to.
- Click on the Settings tab.
- Select the Triggers section.
There, you can use the drop-down to select a trigger to add to your popup:
Using Multiple Triggers
WP Popups lets you add multiple triggers to your popup by clicking the + AND button:
When you use multiple triggers, your popup will appear as soon as at least one of the conditions is met.
Here’s an example. Let’s say you add two triggers:
- When a user scrolls down 50% of the page
- 8 seconds after page load
If a user scrolls down 50% of the page in the first 4 seconds, the popup will still trigger at the 50% mark because the first condition was met.
Similarly, if a user opens the page but doesn’t scroll at all, the popup will still display 8 seconds after page load because the second condition was met.