A Complete Guide to Popup Triggers
Popup triggers determine when and how a popup appears on your website based on user behavior. FireBox supports multiple trigger types, such as page load, scroll depth, and exit intent, allowing you to control when your popup is displayed.
This guide explains what triggers are, how to add them to your popups, and best practices for using them effectively.
What is a Trigger?
A trigger point is the condition that causes your popup to appear. Instead of displaying popups randomly, triggers help you control their behavior based on user interactions, such as scrolling down a page, clicking a button, or attempting to exit the site.
For example, an Exit-Intent Trigger detects when users move their mouse toward the close button or address bar, displaying a last-minute offer to keep them engaged.
Supported Trigger Points
FireBox provides a variety of trigger points to help you display popups based on user behavior. Each trigger has a specific use case, allowing you to customize your campaigns for better engagement.
| Trigger Name | Description | Availability |
|---|---|---|
| Page Ready | Fires when the page has loaded without waiting for resources such as images, to finish loading. | Free |
| Page Load | Fires when the entire page has loaded, including all resources such as stylesheets and images. | Free |
| Click | Displays the popup when a user clicks on a specific element. | Free |
| Hover | Triggers the popup when a user hovers over a specified element. | Free |
| Exit-Intent | Fires when the visitor intends to leave the page by tracking their mouse movements. | Pro |
| Scroll Depth | Fires when the visitor reaches a specified scroll depth in percentage or pixels. | Pro |
| Element Visibility | Fires when a specified element enters the viewport after the user scrolls. | Pro |
| Floating Button | Displays a button that can be positioned anywhere and triggers the popup when clicked. | Pro |
| Idle | Triggers the popup when the visitor has been inactive for a set amount of time. | Pro |
| External Link Click | Fires when the visitor clicks a link that leads to an external website. | Pro |
| AdBlock Detect | Displays a button positioned anywhere and triggers the popup when clicked. | Pro |
| Manually | Launch a popup using a custom action or JavaScript. | Free |
How to Add a Trigger Point
Setting up a trigger in FireBox is simple:
- Open the campaign editor
- Scroll down to the FireBox settings below the Gutenberg Editor
- Go to Behavior -> Trigger Point
- Choose a trigger point that fits your use case.
- Once you select a trigger point, more settings related to that trigger point appear below. Adjust any necessary settings, such as delay time, scroll percentage, or element selectors.
Save your changes and test the popup to ensure it works as expected.
Tips on Using Triggers
- You can select only one trigger per campaign. This keeps popups predictable and prevents conflicts between different trigger types.
- Regardless of the selected trigger, all popups can be triggered by clicking using HTML attributes. This means you can set up a popup with a Scroll Depth Trigger but also manually trigger it via a button using a simple HTML attribute.
- You can have multiple popups on the same page with different triggers. For example, you can have an Exit-Intent popup for abandoned cart recovery and a Scroll Depth popup for newsletter signups, each triggering at different times.
- Popup triggers are not available when the Campaign Format is set to Embed. The Embed format is designed to place the campaign inside an article or page so triggers are disabled.