WP Popups Trigger Rules

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:

1. % 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.
2. 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.
3. Exit intent – the popup will appear when a user tries to leave the page.
4. 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.
5. 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.
6. 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:

1. Open the WP Popups template builder for the popup that you want to add a trigger to.
2. Click on the Settings tab.
3. 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:

1. When a user scrolls down 50% of the page
2. 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.