Setting up a Countdown Timer
Countdown timers show your customers how long is left on a sale, directly on the product page. A timer can be added to any schedule that has both a start and an end date/time, and it displays on the scheduled products for the duration of the schedule.
Plan note: countdown timers are available on our paid plans.
There are two parts to setting one up: enable the timer on your schedule, and add the timer block to your theme (a one-time job).
1. Enable the timer on your schedule
When creating or editing a schedule, tick Show a countdown timer on the product page in the Countdown timer section. The timer will count down to the end of the schedule.
2. Add the Countdown Timer block to your theme
Go to the Blocks page in the app and open the Countdown Timer tab:
- Select the theme you want to add the timer to (your live theme is marked).
- Click Add Countdown Timer to Theme. If the block is already on that theme, the button will show Already Installed instead.
- You'll be taken to the theme editor, where you can position the timer on your product page and style it.
Having trouble with the button? You can also add the block manually in the theme editor — see this guide.
3. Customize the timer
In the theme editor you can style the timer to match your brand:
- Background — single colour or gradient
- Border — colour, size and corner radius
- Typography — font (or inherit your theme's font), colour and size
- Spacing — padding and margin
Why does the timer always show in the theme editor? That's intentional — a preview timer displays in the editor even when no schedule is running, so you can style it at any time. On your actual storefront, the timer only appears on products with an active schedule that has the countdown timer enabled.