Skip to content
Countdown
Section overview
A Countdown section that displays a dynamic timer counting down to a specific date, ideal for limited-time offers and promotions.
Common use cases
- Product launches and pre-orders
- Limited-time sales and promotions
- Event countdowns
- Holiday and seasonal offers
Usage tips
- Set a realistic end date that creates urgency without misleading customers
- Pair the countdown with compelling copy explaining the limited-time offer
- For mobile, consider using the center alignment option for better visibility
- Avoid using too many countdown sections on the same page as it may reduce their impact
Section settings
| Setting | Description |
|---|---|
| Countdown date | The target date for the countdown timer |
| Heading | The title displayed above the countdown |
| Content | Custom text content displayed below the heading |
| Button label | Text displayed on the optional button |
| Button url | Link destination for the button |
| Top spacing | The amount of space above the section (0-300px) |
| Bottom spacing | The amount of space below the section (0-300px) |
| Color scheme | The color palette applied to the section |
| Border color | Color of the section border |
| Button color | Color style for the section's button |
| Border position | Position of the border around the section |
| Horizontal alignment | Controls alignment of the section's content (left, center, or right) |
| Enable margin | Toggles horizontal margin for the section |
| Enable split | Enables a split-column layout for the header and countdown |
| Visibility | Controls device visibility (all devices, mobile only, or desktop only) |
Block settings
This section does not contain any blocks.