# 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

1. Open **Online Store → Theme Settings** for a store page, or open your landing page from **Landing Pages**.
2. 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.
3. 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.
4. 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".
5. Click **Save**. Saving stores the edit; visitors only see it when the page is **Published** (top-bar toggle).

### Countdown on product cards

1. Go to **Products → Manage Products** and edit the product.
2. In the settings sidebar turn on **Mark as exclusive offer** and set the **Exclusive Countdown** date and time (optionally **Repeat**), then save the product.
3. 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?](https://help.dropify.shop/en/checkout/upsell-offers/).

## Common problems

- The timer reached zero and just shows zeros → that 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 visit → select the block and turn on **Keep the time when the visitor reloads**.
- I want the timer on my home-page product cards → cards 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 timer → make sure the page is **Published**. On a multilingual store, changes apply only to the language you were editing.

## Related
- [How to add urgency elements: stock counter, live visitors, delivery timer](https://help.dropify.shop/en/guides/add-urgency-elements-stock-visitors-delivery-timer/)
- [Add, move, copy and delete blocks on a page](https://help.dropify.shop/en/guides/add-move-copy-and-delete-blocks/)
- [How does the post-purchase upsell offer work for customers?](https://help.dropify.shop/en/checkout/upsell-offers/)
- [Theme edits, menu, or logo changes aren't showing on the live store](https://help.dropify.shop/en/store_theme/theme-changes-not-saving-or-showing-live/)