How To Install The Exit Intent Trigger Component

The Exit Intent Trigger detects when visitors are about to leave your page and triggers popups at the perfect moment to boost conversions. This component works exclusively with PageOverlay to display your popup content. This guide covers installation, configuration, and troubleshooting for optimal exit intent detection.

Quick Start

Make sure the PageOverlay component is active on the page - Insert PageOverlay at page level (outside frames) and set Active to "YES"
Insert Exit Intent Trigger at page level - Add the component at page level (outside frames)
Configure sensitivity - Set sensitivity (10-200px from top of page)
Add popup content - Place your popup content in the Popup Content slot
Test in preview mode - Move your mouse to the top of the page to test

Prerequisites

The Exit Intent Trigger requires PageOverlay to function properly:

// PageOverlay must be installed and active for Exit Intent Trigger to work
// PageOverlay must be positioned at page level (outside any frames)
// Both components work together - neither works without the other

Important Setup Notes:

Both PageOverlay and Exit Intent Trigger must be positioned at page level (outside frames)
Component is automatically disabled on mobile devices

Properties

Property	Description
Show on Canvas	Display the overlay on Framer canvas for customization
Popup Content	Slot for your popup content (frame, component, etc.)
Overlay Color	Background color of the overlay
Blur Amount	Amount of background blur effect (0-40px)
Sensitivity (px)	Distance from top of page to trigger (10px = closer to top, 200px = further from top)
Scroll Lock	Lock page scrolling when overlay is active
Close Btn Position	Position of close button (inside/outside popup)
Close Btn Inset	Distance of close button from popup edge
Close Btn Size	Size of the close button (20-80px)
Close Btn BG	Background color of close button
Close Btn Icon	Color of close button icon
Animation	Animation effect when popup appears
Content ID	Unique identifier for cookie management
Show Frequency	How often to show popup (session, browser, time-based, always)

Troubleshooting

Issue: Trigger doesn't activate when mouse leaves top of page

Check that sensitivity is set appropriately and PageOverlay is active. Try increasing sensitivity value.

Issue: Popup doesn't appear

Ensure PageOverlay component is installed at page level and Active property is set to "YES". Check that popup content is added to the Popup Content slot. For testing purposes, set cookie settings to "Always Show".

Issue: Component doesn't show on mobile devices

This is normal behavior - the component is automatically disabled on mobile devices even though it may appear in the Framer canvas. Exit intent behavior doesn't work well on touch interfaces.

Issue: Popup appears too frequently

Adjust the Show Frequency setting to control how often the popup displays. Use "Once per Session" or time-based options to reduce frequency.

Issue: PageOverlay not working

Ensure PageOverlay is added directly to the page (not in a Framer template) and positioned at page level outside any frames.

Issue: Scroll lock not working

Ensure Scroll Lock is enabled in properties. Note that scroll lock may not work properly with Smooth Scroll components.

Issue: Close button not visible

Check Close Btn Size and Close Btn BG color settings. Ensure the button color contrasts with your popup background.

Component Doc

Quick start tutorial