Framer component

Holiday Popup

Holiday Popup

Holiday Popup

Your holiday offer on a card that drops in and bounces into place, while snow falls across the page and settles on top of it. One tap copies the code, and a small gift button brings it back after it closes.

Your holiday offer on a card that drops in and bounces into place, while snow falls across the page and settles on top of it. One tap copies the code, and a small gift button brings it back after it closes.

The demo opens a few seconds after this page loads. Closed it? Click the gift button in the bottom left corner.

Three looks, or your own colors

Three looks, or your own colors

Winter Night, Candy Cane and Evergreen are built in. Pick Custom for your brand colors, and choose the fonts in the properties panel.

Holiday Popup in the Winter Night look: a navy card with a gold button and snow on top

Winter Night

Holiday Popup in the Candy Cane look: a red card with a white button and snow on top

Candy Cane

Holiday Popup in the Evergreen look: a cream card with a deep green button and snow on top

Evergreen

What’s inside

What’s inside

Snow that settles

Flakes drift across the page and pile up on top of the card. Copying the code shakes a little off. Turn the popup off for snowfall on its own.

One tap copies the code

A Copy button with a Copied state that screen readers announce. The main button copies the code too.

Opens at the right moment

After a delay, on exit intent, at a scroll depth, or only when someone clicks the gift button.

Kind to returning visitors

Opens on every page, once a session or every few days, and stops once someone copies the code.

Runs on a schedule

Set start and end dates. The popup and the snow hide when the sale ends, and the end date line is written for you.

Accessible by default

Visitors can pause the snow, focus stays inside the card, Esc closes it, tap targets are 44 px, and reduced motion turns the movement off.

Create a free website with Framer, the website builder loved by startups, designers and agencies.