Exist Popup

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

Exit Popup 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.