How to add a countdown timer to a page or product card
Drag the Countdown block from Add Blocks onto any store page or landing page, pick one of its 14 designs and set its Target Date & Time. Product cards use a separate Exclusive Countdown that you set on the product itself.
Steps
- Open Online Store → Theme Settings for a store page, or open your landing page from Landing Pages.
- Click the + icon in the left rail (Add Blocks), search for Countdown and drag it where you want it, for example between the price and the order form on the Product page.
- Hover the block in the list to see its Available Variants (Design 1 to Design 14: boxes, an urgency strip, progress rings, a flip clock, an offer banner, a neon display, a coupon ticket and more). Every design uses the same settings; switching design keeps the date but resets the styles.
- Select the block, open the pencil Settings tab, set Target Date & Time, turn on Repeat if the timer should restart after it ends, and choose Label Color, Numbers Color, Background Color and Border Color. Designs with a heading (the strip, banner, bar and ticket) also have a Title field; leave it empty to show "Offer ends in".
- Keep the time when the visitor reloads only matters for timers created by the AI page generator, which count down a duration rather than to a date. When it is on, a visitor who reloads the page sees the same timer continue instead of restarting.
- Click Save. Saving stores the edit; visitors only see it when the page is Published (top-bar toggle).
Countdown on product cards
- Go to Products → Manage Products and edit the product.
- In the settings sidebar turn on Mark as exclusive offer and set the Exclusive Countdown date and time (optionally Repeat), then save the product.
- This countdown appears on the product card in your store grids, not inside the page body.
Countdown on a post-purchase upsell
Each upsell in the Upsell Booster app has its own countdown (ending time, colours, unit labels, Repeated Countdown every 30 minutes). See How does the post-purchase upsell offer work for customers?.
Common problems
- The timer reached zero and just shows zerosthat is the end state; turn on Repeat to restart it, or remove the block when the offer is over.
- My AI-generated page's timer restarts on every visitselect the block and turn on Keep the time when the visitor reloads.
- I want the timer on my home-page product cardscards do not use the Countdown block; set Mark as exclusive offer and Exclusive Countdown on each product.
- I saved but customers do not see the timermake sure the page is Published. On a multilingual store, changes apply only to the language you were editing.