Popup Controls
Exit intent and email capture popup with dual modes, canvas preview, scroll lock, and SPA-safe ownership keys.
MarketingPopup is a multi-mode overlay controller that renders your designed popup as a portal over the page. Four modes cover the main marketing use cases. Email Capture shows automatically after a configurable delay, with a cookie that prevents repeat displays across sessions. Exit Intent fires when the user’s cursor moves toward the top of the browser, with adjustable sensitivity. Country shows on first visit when no market is set and dismisses itself the moment a market is selected. Wishlist shows as a toast notification whenever a product is added to favourites and auto-dismisses after a configurable delay. Each mode has its own trigger settings, animation, and remembers its shown state independently. A backdrop, positioning, and optional mobile design slot are also configurable. The component is SPA-safe — per-mode ownership keys prevent multiple instances of the same mode from fighting each other across page navigations in Framer.
Property Controls
Mode
emailCapture
The popup behaviour mode. Email Capture = timed auto-show. Exit Intent = fires on cursor exit. Country = shows until a market is selected. Wishlist = toast on favourite.
Desktop Design
—
Your popup design for desktop. Connect any Framer component. For Country mode, place AP_MarketSelector inside.
Mobile Design
—
Optional separate design shown on mobile when Enable Mobile Slot is on.
Preview in Canvas
false
When on, renders the popup in the Framer canvas so you can see and style it in context.
Lock Page Scroll
true
Prevents the page from scrolling while the popup is open. Always off for Wishlist toast mode.
Mobile
—
Enable Mobile Slot toggle and Breakpoint (px) at which the Mobile Design swaps in.
Trigger (Email Capture)
—
Auto-show delay (3s–30s), Show Once toggle, and Remember For duration in days. Only shown in Email Capture mode.
Animate In (Email Capture)
slideUp
Entry animation for Email Capture mode. Options: Fade, Slide Up, Slide Down, Scale.
Trigger (Exit Intent)
—
Sensitivity (Low/Medium/High), Disable on Mobile toggle, Show Once toggle, and Remember For duration. Only shown in Exit Intent mode.
Animate In (Exit Intent)
scale
Entry animation for Exit Intent mode. Options: Fade, Slide Up, Scale.
Country Options
—
Allow Skip toggle, Skip Label text, and Remember For duration in days. Only shown in Country mode.
Animate In (Country)
scale
Entry animation for Country mode. Options: Fade, Slide Up, Slide Down, Scale.
Wishlist Options
—
Auto Dismiss toggle and Dismiss After duration in ms. Only shown in Wishlist mode.
Animate In (Wishlist)
slideLeft
Entry animation for Wishlist toast. Options: Fade, Slide Up, Slide Down, Slide Left, Scale.
Sizing
—
Width mode (None / Relative % / Max Width px) and Height mode (Fit / Screen).
Position
—
Horizontal and vertical alignment of the popup within the overlay, plus padding on each side.
Backdrop
—
Show Backdrop toggle, backdrop color, blur toggle, and Click to Dismiss toggle. Hidden in Wishlist mode.