Popup Builder

Popup Builder — Triggers

All 7 popup triggers — Page Load, Scroll Depth, Scroll to Element, Exit Intent, Inactivity, Click, Hover — combinable, with CSS-selector targeting for Click/Hover.

3 min read Updated July 28, 2026

A popup’s trigger is the moment it opens. Tiger Elements gives you seven triggers, and you can turn on any combination — the popup responds to whichever one fires first. Every trigger is a simple on/off switch, with a small setting or two where it needs to know how far, how long, or which element to watch.

Requires: Tiger Elements Pro. In the Free plugin this feature appears as an “Upgrade to Pro” card.

Where: open a popup in the editor and switch to the Triggers tab.

The seven triggers

On Page Load

Opens the popup once the page has finished loading. Set a Delay in seconds (default 0, in half-second steps) so the popup doesn’t slam into the visitor the instant they arrive — a 2–5 second pause feels far less jarring and is kinder to page-experience scores.

On Scroll Depth

Fires when the visitor has scrolled a chosen percentage down the page. Set Scroll Depth (%) from 1 to 100 (default 50). Great for content offers that should only appear once someone is genuinely reading.

Scroll to Element

Fires the first time a specific element scrolls into view. Enter a CSS Selector (ID or Class) such as #footer or .pricing-table. Uses an intersection observer, so it triggers exactly as the element enters the viewport.

On Exit Intent

Fires when the visitor’s mouse leaves through the top of the browser window — the classic “about to leave” gesture. No settings; just switch it on. Perfect for a last-chance discount.

On Inactivity (Idle)

Fires when the visitor hasn’t moved the mouse, typed, scrolled, or tapped for a set period. Set Idle time in seconds (minimum 5, default 30). The idle timer resets on any activity.

On Click

Opens the popup when the visitor clicks a specific element. Enter a CSS Selector like .my-button or #cta-btn. This turns any button or link into a popup opener, and unlike the other triggers it can fire again on each click.

On Hover

Opens the popup when the visitor hovers a chosen element. Enter a CSS Selector such as .info-icon. Handy for tooltip-style reveals.

Combining triggers

Turn on as many as you like — the popup opens on whichever fires first. A popular pattern is Scroll Depth plus Exit Intent, so both an engaged reader and a departing visitor get their moment. Remember that triggers only decide when: the Conditions tab decides where a popup is eligible to appear, and the Targeting tab decides who sees it and how many times. All three work together.

Troubleshooting

My popup never opens.

Confirm at least one trigger is switched on. A published popup with matching Conditions but no trigger has no event to open it. Also check that a Targeting rule (device, login state, or display cap) isn’t excluding you.

My Click or Hover trigger does nothing.

Check the CSS selector actually matches an element on the page — include the leading . for a class or # for an ID. The element must exist when the visitor interacts with it.

Frequently asked questions

Yes — turn on as many as you like; the popup opens on whichever fires first.

You give it a CSS selector (an ID or class, e.g. .info-icon) in the trigger’s settings.

It relies on mouse movement toward the browser chrome, so it is a desktop-oriented signal — pair it with a scroll or time-based trigger for mobile.

Still stuck?

We’re here to help

Can’t find what you’re looking for, or hit something that looks like a bug? Reach the support team or ask the community.