Countdown timer

A ticking timer counting down to a date you set, with an optional message and button.

What it’s for. Building urgency around a deadline so people act before the clock runs out.

When to use it. Anywhere a date matters: a homepage promo, a preorder page, an event page.

Ways to use it

• Preorder cutoff — heading “Lorcana Set 5 — preorders close in,” a target date of the cutoff, and a “Reserve yours” button.
• Set release drop — count down to the minute singles go live, then let the expired message read “Singles are live — shop now.”
• Tournament sign-up deadline — count down to registration close with a link to the event page.
• Sale ending — the default “Sale ends soon” headline over a background image of featured cards.

Tips

• Enter the target date as 2025-12-31T23:59:59 — year, month, day, then the time. The clock reads the visitor’s own device time, so close enough is fine.
• When the clock hits zero, the timer is replaced by your expired message (default: “This offer has ended.”). Turn on hide after expiry and the whole section disappears instead.
• Two looks: blocks (boxed days/hours/min/sec) or inline (one line of text). Blocks is the default.
• Add a background image and a dark overlay drops over it automatically so the numbers stay readable in white.

Settings

Timer

Button

Style

Spacing

Was this page helpful?

Spotted something wrong, or want to suggest an improvement? Email support → — your message goes straight to engineering.