Sometimes the perfect moment to show a popup isn't after a click.
It's after visitors have spent a few seconds exploring your site.
Maybe you want to display a newsletter signup after 10 seconds, reveal a coupon offer after users engage with your content, or show an announcement once visitors have had time to understand your product.
That's exactly what Timed Popup was built for.
Simply choose a delay, connect your popup design, and the component automatically displays it at the right moment. No custom code, no complex setup, and no external scripts.
Built 100% natively for Framer.
Getting started takes less than a minute:
Copy the 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.
Connect your popup design using the Popup Card slot.
Optionally connect a custom Close Button design.
Choose how many seconds to wait before showing the popup.
Customize placement, animations, backdrop, frequency settings, and close behavior from the property panel.
Preview or publish your site.
That's it.
The popup will automatically appear after the selected delay.
All popup demos shown in the preview are included with your purchase.
Simply remix, customize, and launch.
Most popup solutions focus on triggers and functionality but overlook the design experience.
Timed Popup includes a built-in Canvas Preview mode, allowing you to position and style your popup while designing.
When you're working on the rest of your page, simply disable the preview and the popup disappears from the canvas, keeping your workflow clean and distraction-free.
Connect any popup design including: Newsletter forms, Coupon popups, Announcement banners, Lead generation forms, Welcome messages, Cookie notices, Marketing offers
Choose exactly how long the popup waits before appearing.
Perfect for:
3-second welcome messages
5-second announcements
10-second lead capture forms
Long-delay promotional offers
Control how often the popup appears:
Always
Once Per Session
Show Once Ever
Custom Display Rules
Choose how visitors dismiss the popup:
Close Button
Backdrop Click
Escape Key
Auto Close Timer
Page Scroll
Position your popup anywhere:
Center
Top Center
Bottom Center
Top Left
Top Right
Bottom Left
Bottom Right
Customize:
Opacity
Scale
Position
Skew
Rotate X
Rotate Y
Rotate Z
With independent enter and exit animations.
Control:
Color
Opacity
Blur
Backdrop Animation
Automatic timed popup trigger
Custom delay timer
Newsletter popup support
Coupon popup support
Announcement popup support
Lead capture popup support
Marketing popup support
Welcome popup support
Fullscreen modal support
Custom popup placement
Independent enter and exit animations
Auto-close timer
Close on backdrop click
Close on Escape key
Delayed close button support
Page scroll lock
Frequency controls
Session memory support
Canvas Preview mode
Canvas-friendly workflow
Fully responsive
Zero-code setup
Production-ready
Built 100% natively for Framer
Newsletter Signup Popup: Capture email subscribers after visitors spend time on your site.
Coupon Popup: Display discount offers after a short delay.
Welcome Popup: Introduce new visitors to your brand.
Announcement Banner: Promote launches, updates, and important news.
Lead Capture Form: Offer free resources, demos, or consultations.
Product Promotion: Highlight a featured product after visitors engage with the page.
Event Registration: Encourage signups after visitors have explored your content.
Marketing Campaigns: Present offers at the perfect moment without requiring a click.
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
Soyeb
