Setup
Step 1: Create the Popup
- Go to “Pages” → “Advanced” → “Popups”
- Click “Create Popup” and give it a name
- Select a base template if needed
Step 2: Configure Exit Intent
- Return to the page events builder for the page
- Click “Add Node” and select the “Exit Intent” node
- Add a “Popup” node and connect it to the “Exit Intent” node
When exit intent fires
- Desktop: the pointer leaves through the top of the window, toward the tabs or the address bar.
- Phones and tablets: a fast scroll up after the visitor has scrolled past 30% of the page, or switching to another tab or app.
- Not in the first 3 seconds after the page loads, and once per page view.
Open it on click
To open the same popup when a visitor clicks a link or button, adddata-ef-popup="Popup name" to it. See Popups and interactions from code.
Best Practices
- Keep your exit popup message compelling but not intrusive
- Offer genuine value (discount, bonus content, etc.)
- Test different popup designs and messages
- Don’t show exit popups on every page - be strategic
- Check the popup on a phone: it opens on a fast scroll up, so it should fit a small screen and close easily