Framer makes it easy to open a popup when someone clicks a button.
But what if you want a popup to appear automatically?
What if you need a timed popup after 5 seconds, a scroll trigger popup when visitors reach 50% of the page, or an exit intent popup before someone leaves your website?
That's where Smart Popup comes in.
Smart Popup removes Framer's click-only limitation and gives you complete control over when and how your popup appears. Whether you're creating a newsletter popup, coupon popup, announcement banner, cookie banner, lead capture popup, or a fullscreen framer modal, everything can be configured visually from the right-hand panel.
No code.
No custom scripts.
Just connect your design and choose the trigger.
Every popup demo shown in the preview is included with your purchase.
You'll receive all 4 pre-built popup demos, allowing you to quickly remix, customize, and launch without starting from scratch.
Use them as-is or modify them to match your brand and workflow.
Getting started with Smart Popup is simple:
Copy the Smart Popup component URL (provided after purchase)
Paste it into your Framer project and place it under your Desktop frame
Set the component position to "Absolute"
Set both Top and Left values to "0"
And Remove the default Z-Index style from Framer's right-side panel. Smart Popup manages layering through its built-in Popup Layout → Z-Index control, giving you full control directly from the component settings.
In the Popup Card slot, connect any Framer Frame or Component you've designed
Connect banners, coupon cards, announcement bars, newsletter forms, cookie notices, or any custom popup design
Optionally connect a custom Close Button design
Use Canvas Preview (enabled by default) to visualize the popup while designing
Configure triggers, animations, placement, frequency rules, and behavior directly from the property panel
If the setup feels overwhelming, don't worry. The included remix project contains a complete video walkthrough showing the entire setup process step by step, so you can get everything working quickly and confidently.
Most popup components sit directly on top of your design while you're working in Framer, making it difficult to select, edit, and build the content underneath.
Smart Popup solves this with a built-in Canvas Preview toggle.
Turn the preview on when you want to position and style your popup. Turn it off when you're designing the rest of your page, and the popup instantly gets out of the way.
This keeps your canvas clean and accessible, so you can continue designing without a large overlay blocking your content.
It's a small detail that makes a huge difference during everyday Framer workflows.
Smart Popup includes a powerful collection of controls organized into logical groups.
Connect any popup design including: Announcement banners, Coupon overlays, Newsletter forms, Cookie notices, Marketing popups, Fullscreen overlays
Attach your own custom close button design and position it anywhere.
Preview popup placement and appearance directly inside Framer.
Choose how the popup appears:
Time Delay Popup
Scroll Depth Popup
Exit Intent Popup
Triggers can be combined for advanced behavior.
Control how often the popup appears:
Always
Once Per Session
Show Once Ever
Custom Frequency Rules
Choose how visitors dismiss the popup:
Backdrop Click
Escape Key
Page Scroll
Auto Close Timer
Switch between:
Modal Layout
Full Width Banner Layout
Customize:
Width
Radius
Scale
Z-index
Position your popup anywhere:
Center
Top
Bottom
Left
Right
Corner Positions
Customize:
Color
Opacity
Blur
Animation
Create fully customized animations using:
Opacity
Scale
Position
Skew
Rotate X/Y/Z
Spring or Tween transitions
Control popup memory behavior and reset display history whenever needed.
Automatic framer popup triggers
Supports timed popup behavior
Supports scroll trigger popup behavior
Supports exit intent popup behavior
Create premium framer modals
Build custom framer overlays
Full-width announcement banner Framer support
Perfect for newsletter popup Framer workflows
Great for coupon popup Framer campaigns
Ideal for cookie banner Framer implementations
Advanced show once popup settings
Session-based popup controls
Custom display frequency rules
Independent enter and exit animations
Fullscreen overlay support
Auto-close functionality
Delayed close button appearance
Page scroll locking
Canvas preview mode
Fully responsive across desktop, tablet, and mobile
Production-ready with SSR-safe behavior
Zero-code setup
Newsletter Popup: Capture leads after visitors engage with your content.
Coupon Popup: Display discount offers using exit intent popup triggers.
Announcement Banner: Launch promotions, product updates, or company announcements.
Cookie Banner: Build GDPR-style consent notices using full-width mode.
Lead Capture Popup: Offer ebooks, downloads, demos, or free resources.
Marketing Popup: Create highly targeted campaigns based on user behavior.
Scroll Depth Popup: Display offers after users reach a certain section of the page.
Full Width Banner: Create sticky top or bottom banners that trigger automatically.
Welcome Modal: Introduce visitors to your brand with a polished opening experience.
Made with ❤️ by Soyeb
Refund Policy: Due to the digital nature of these components, all sales are final, and once delivered they cannot be returned, exchanged or refunded. Please review product details and demos before purchasing, and feel free to reach out if anything is unclear.
Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com