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
License
Single Use License — Use in unlimited client projects with full commercial rights. No redistribution.
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.
---
Need Help? Visit framerhub.io/support for documentation and video tutorials.
