Countdown timer widget

The countdown adds urgency without the flashing-timer feel: it shows the shopper when the deal on this product starts or ends. It reads the dates straight from your campaign’s schedule, so it can never disagree with when the discount actually begins or stops.

Starts in vs ends in

For a scheduled campaign that has not begun yet, the countdown shows "Starts in…" to build anticipation — while the discount itself, and every other widget, stays hidden until the sale actually starts. The moment the sale begins, the countdown flips in place to "Ends in…" (if the campaign has an end date), with no page reload. A campaign that is already running shows "Ends in…" straight away.

When it shows

• The block is added to your product template in the theme editor.
• A live campaign targets the product being viewed and has a start date in the future ("Starts in…") or an end date in the future ("Ends in…").

Campaigns without a start or end date never show a countdown, and the widget hides itself the moment the deal expires. No matching campaign means nothing renders.

How it behaves

• The page first renders the absolute end ("Ends July 20, 11:59 PM"), so the information is there even if scripts are blocked.
• It then upgrades to a relative countdown ("Ends in 2d 4h 12m"). It refreshes every 30 seconds by default, and every second when you turn seconds on or choose the digit-tiles style. Seconds are off by default; a block setting turns them on.
• It respects shoppers who prefer reduced motion, dropping to a once-a-minute refresh and never ticking every second, and it never flashes.
• Three visual styles are available in the theme editor: plain text, boxed text, and digit tiles.