Countdown timer
Last updated
Last updated
The Countdown Timer block creates urgency by visually displaying a ticking timer counting down to a specified date and time. Ideal for limited-time offers, product launches, or flash sales, this block includes customizable messages, styling, and behavior for when the timer ends.
End date
text
Sets the expiration date using format YYYY-MM-DD
. Timer uses the store’s primary timezone.
End time
text
Specifies the time the countdown ends. Use HH:MM
format in 12-hour time.
AM/PM
radio
Determines whether the end time is in the morning AM
or evening PM
.
End of timer message
richtext
Text shown after the timer ends. Supports HTML.
Hide block after end of timer
checkbox
When enabled, the timer block will be hidden once the countdown ends.
Digits size
select
Controls the font size of the countdown numbers: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Date size
select
Sets the font size for any paragraph text. Applies only to text fields using paragraph tags: Extra small
, Small
, Medium
, Large
, or Extra large
.
Text
richtext
Optional text shown with the timer. Supports rich formatting.
Heading size
select
Controls the size of heading-style text in the block: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Colors
Background
color
Sets a custom background color. Use 'transparent' to revert to the theme’s color scheme.
Text
color
Sets the color of all text content in the block.
Layout
Text alignment
select
Aligns the timer and text content Left
or Centered
.
Padding
Bottom
range
Adds spacing below the block.
The timer countdown ends based on the specified date, time, and AM/PM setting in your store's timezone.
Customize both the visual presentation (fonts, sizes, alignment, colors) and behavioral response after expiration.
Ideal for creating urgency and increasing conversions during time-sensitive campaigns.