Timer

The countdown component is used to create urgency by showing how much time is left until a specific event or offer ends. It’s commonly used for flash sales, product launches, or limited-time promotions.

This block is highly customizable and supports personalized messages, dynamic end times, and flexible styling.

How to set up

Settings	Type	Description
Countdown end date	text	Sets the final day for the timer using YYYY-MM-DD format.
End time	text	Specifies the exact end time in HH:MM format.
AM/PM	radio	Sets the period for the end time.
End of timer message	richtext	Optional message is shown after the countdown ends. If left empty, the timer hides.
Digits size	range	Adjusts the size of countdown digits.
Heading	text	Optional heading displayed above the timer.
Heading size	range	Controls the size of the heading text.
Heading style	select	Choose between heading or body font style.
Text	richtext	An optional paragraph under the heading. You can include bold text, emphasis, and links.
Text size	range	Control the paragraph text size.
Background color	color	Set the background color behind the timer.
Text	select	Choose Light or Dark text for readability.
Text alignment	select	Align content Left or Centered.
Padding bottom	range	Adjust space beneath the block.