Countdown
Days/hours/minutes/seconds countdown with end-state behavior.
Updated 2026-05-09
A live countdown to a specific date/time, with a configurable end-state and a CTA button.
Settings
| Setting | Notes |
|---|---|
| Eyebrow | Small label above heading |
| Heading (prefix / italic / suffix) | Three-piece heading |
| Sub-text | Body text |
| Target date | YYYY-MM-DD |
| Target time | HH:MM (24h) |
| Timezone offset | Hours from UTC (e.g., 3 for Istanbul, -5 for NYC) |
| Hide entire section after timer ends | Auto-hide when expired |
| Expired text | Message shown when timer ends (if not hiding the section) |
| Button label + link + style | Optional CTA |
| Layout | inline / stacked |
| Stacked alignment | left / right (when layout = stacked) |
| Show labels | Toggle Day/Hour/Min/Sec labels |
| Separator | none / colon / dot |
| Digit size | small / medium / large / x-large |
| Background image | Optional + overlay opacity |
Behavior
- Counts down in 1-second ticks
- When zero: either hides the section (server-side) or shows the expired message + hides the timer
- The "hide section" check happens server-side so the section never flashes briefly visible after refresh
Tips
- Set the timezone offset to match your store's timezone, not the customer's. Otherwise the countdown is wrong for everyone outside your timezone.
- For an "Drops in 24 hours" message, use the
inlinelayout with separator = colon. - Use background imagery to reinforce the campaign (sale art, product hero).
Need a hand? Contact support.