All pages
Powered by GitBook
1 of 5

Countdown timer

Display a countdown timer to promote flash sales and events

Broadcast's Countdown section gives you the tools to create attention-grabbing promotions. With customizable countdown styles, showcase flash sales, limited-time offers, or pre-order launches and keep customers engaged and eager to buy.

Easily build promotions that you can place throughout your store:

Background image example
Solid background example
Add next to collections and other supporing sections

Section settings

Settings
Type
Description

Content

Background image

image_picker

Optional background image. Recommended size: 3200 x 1200px.

Timer

End date

text

Countdown target date. Format: YYYY-MM-DD. Uses store’s primary timezone.

End time

text

Countdown target time. Format: HH:MM in 12-hour format.

AM/PM

radio

Choose between AM or PM for the countdown time.

End of timer message

richtext

Message displayed once the countdown ends.

Hide section after end of timer

checkbox

Automatically hides the section once the countdown ends.

Digits size

select

Font size for countdown digits: Mini, Extra small, Small, Medium, Large, orExtra

Date size

select

Font size for date labels. Adjusts automatically based on base font size:Extra small, Small, Medium, Large, orExtra

Layout

Width

select

Controls the content container width: Full width padded, Normal, or Narrow.

Style

select

Content alignment: Splitor Centered. Split only works with full/normal width.

Desktop

Height

select

Height of the section on desktop. Choose from several fixed heights.

Mobile

Background image

image_picker

Optional mobile-specific background image (1200 x 1600px recommended).

Height

select

Section height on mobile devices.

Text alignment

select

Aligns text on mobile: Leftor Centered.

Colors

Color scheme

color_scheme

Controls the section’s color scheme using global presets.

Digits gradient

color_background

Gradient applied to the digits.

Overlay opacity

range

Adds a color overlay on the background for better contrast.

Overlay behind text only

checkbox

Restricts overlay to just the area behind text. Requires opacity > 0.

Padding

Top

range

Top padding in pixels.

Bottom

range

Bottom padding in pixels.

Section settings

Video Overview

This video demonstrates some of the settings and options, including gradients:

Video walkthrough for the Countdown timer section

Subheading

Settings
Type
Description

Subheading

text

Optional smaller heading above the title.

Heading

Settings
Type
Description

Heading

text

Main title text for the section.

Heading size

select

Controls the font size of the heading.

Advanced

Heading SEO tag

select

Semantic HTML tag for SEO purposes: H1–H6 or Automatic.

Text

Settings
Type
Description

Text

richtext

Paragraph or HTML content shown under the heading.

Text size

select

Font size for the paragraph. Works best with content marked as paragraph text.

Buttons

Settings
Type
Description

Text

text

Button label.

Link

url

Button destination URL.

Color

select

Button color style: Primary, Secondary, Black, or White.

Size

select

Button size: Small, Medium, or Large.

Style

select

Button style: Solid, Outline, or Text.

Show arrow

checkbox

Adds an arrow icon to the button.