Exit Popup
Slot Content — Design your popup as a separate frame, then connect it. This gives you full control over layout and styling.
Make it with Workshop
Build your own component with AI
Slot Content — Design your popup as a separate frame, then connect it. This gives you full control over layout and styling.
Make it with Workshop
Build your own component with AI
Demo : https://existpopup.framer.website/demo
Exit Popup — Smart Popup Component
Create engaging popups that appear exactly when you want them. Perfect for announcements, newsletter signups, exit offers, and promotional messages.Quick Tips
Exit Intent — Works best on desktop. Set sensitivity to 10px for reliable triggering when cursor moves toward browser controls.
Auto-Close — Enable progress bar so users know the popup will dismiss. The timer pauses on hover for better UX.
Corner Positioning — Great for non-intrusive announcements. Use Bottom Right for cookie notices.
Slot Content — Design your popup as a separate frame, then connect it. This gives you full control over layout and styling.
Features
Multiple Trigger Modes
Choose when your popup appears: after a time delay, when users try to leave (exit intent), or after scrolling a certain distance.
Auto-Close with Progress
Automatically dismiss popups after a set duration with an optional progress bar that pauses on hover.
Flexible Positioning
Display as a centered overlay with backdrop or position in any corner of the screen.
Smooth Animations
Four animation styles: Fade, Zoom, Slide Up, and Slide Down with customizable speed.
Slot-Based Content
Connect any Framer design as popup content — full creative freedom.
Use Cases
Newsletter Signup — Capture emails with a timed popup after visitors engage with content.
Exit Intent Offer — Show special discounts when visitors try to leave.
Announcements — Display important updates in corner positions without blocking content.
Cookie Consent — Auto-closing notification with progress indicator.
How to Use
Popup Content
Connect your popup design by dragging a frame into the slot.
When to Show (Trigger Settings)
- Trigger: After Time Delay, Exit Intent, or After Scrolling
- Delay: Wait time before showing (0-30 seconds)
- Exit Intent Sensitivity: Distance from top to trigger
- Scroll Distance: How far to scroll before popup appears
- Exit Warning: Show when visitor tries to leave the page
Auto-Close
- Enable: Close popup automatically after duration
- Duration: Time before auto-close (1-60 seconds)
- Progress Bar: Show countdown indicator
- Bar Position: Top or Bottom
- Bar Color: Customize progress color
Position
- Style: Center Overlay or Corner Position
- Corner: Top Left, Top Right, Bottom Left, Bottom Right, Center
- Edge Space: Distance from screen edges
- Show Backdrop: Dark background behind popup
- Backdrop Color: Overlay color
Animation
- Style: Fade, Zoom, Slide Up, Slide Down
- Speed: Animation duration (0.1-2 seconds)
Close Button
- Show Close Button: Display X button
- Hide if Auto-Close: Hide when using auto-close
- Position: Inside or Outside popup
- Distance: Spacing from corner
- Size: Button size
- Icon Size: X icon size
- Icon Color: X icon color
- Background: Button background color
Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.
Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!
Why Designers Love This
ExitPopup combines powerful trigger options with intuitive controls. No coding required — just connect your design and configure when it appears. The auto-close feature with pause-on-hover provides a polished user experience that feels native to modern websites.
