Promo Kit

Promo Kit gives your Framer site everything it needs to run a promotion, in a single component you set up in minutes.

Add a top announcement bar, a live countdown to your deadline, and a popup that appears at the right moment. Turn each part on or off, style it to match your brand, and schedule the whole thing so it switches on and off by itself. No code needed.

Use it for Black Friday, Cyber Monday, product launches, seasonal sales, webinars, waitlists, or any limited-time offer.

What you get

• Announcement bar: sticky or static, with text, link button and a close button that remembers the visitor's choice

• Countdown timer: days, hours, minutes and seconds to any date and time zone, with fully editable labels

• Smart popup: show it after a delay, after scrolling, or on exit intent (desktop)

• Show-once logic: each visitor sees the popup only once per period you choose

• Scheduling: set a start and end date, and the kit appears and disappears automatically

• Full styling: colors, fonts, spacing, image and overlay, all from the Framer properties panel

• Responsive from 320px up, with dark-theme friendly colors

• Accessible popup: Esc to close, keyboard focus handled, reduced-motion respected

• No external libraries and no console errors

How it works

1. Install the component with your Component URL.

2. Drop it into your project, ideally on your main layout so it appears on every page.

3. Turn on the modules you want and set your dates.

4. Edit text and colors in the properties panel.

5. Publish.

Good to know

• Exit-intent popups work on desktop only. On mobile, use the delay or scroll triggers.

• The bar and popup remember visitors with local storage, so clearing browser data resets them.

• In the Framer canvas the kit always shows so you can edit it. The schedule applies on the published site.

License & support

Single-use: one live Framer site. Agency (unlimited client sites): contact the creator. Updates included.