WP Popups

The most complete WordPress popup builder plugin

You are here: Home / Docs / WP Popups Trigger Rules

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.
Note: In order to access all 6 trigger rules, you’ll need to purchase WP Popups. WP Popups Lite, the free version  available at WordPress.org, only comes with 4 triggers.

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.

Remember: Your popup will display as soon as at least one trigger condition is met. It does not wait for all conditions to be met.