Countdown timer

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.

Settings
Type
Description

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.


Notes

  • 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.

Last updated