Countdown

Section overview

The Countdown section displays a countdown timer for limited-time offers or promotions, with customizable content and an optional image.

Common use cases

• Showcasing time-limited promotions or sales

• Announcing upcoming product launches or events

• Creating urgency for special offers

• Highlighting seasonal campaigns with end dates

Usage tips

• Set a realistic and accurate countdown date in the proper format (MM/DD/YYYY)

• Pair the countdown with clear, compelling content explaining the offer

• Consider mobile users by adjusting block widths appropriately for different devices

• Use color schemes that align with your brand while ensuring text remains legible

Section settings

Setting	Description
Countdown date	The target date for the countdown timer (format: MM/DD/YYYY)
Top spacing	Controls the padding space above the section (0-300px)
Bottom spacing	Controls the padding space below the section (0-300px)
Color scheme	Choose from preset color themes or select custom
Custom color	Define a custom background color when "custom" is selected
Text color	Choose default, force light, or force dark text
Border color	Select subtle or strong border colors
Button color	Choose from various button styles (primary, secondary, etc.)
Enable color fade	Enables smooth color transitions when scrolling
Border position	Choose where borders appear (none, top, bottom, or both)
Vertical alignment	Controls how blocks align vertically (top, middle, bottom)
Horizontal alignment	Controls how blocks align horizontally (left, center, right)
Enable margin	Toggles margin around the section content
Visibility	Controls section visibility across device types

Block settings

Countdown

The primary block that displays the countdown timer along with optional heading, content, and call-to-action button.

Block limit: 1

Setting	Description
Heading	Title text displayed above the countdown
Content	Rich text content to describe the offer or promotion
Button label	Text displayed on the call-to-action button
Button url	Link destination when button is clicked
Desktop width	Controls block width on desktop devices (1/12 to 12/12)
Mobile width	Controls block width on mobile devices (1/12 to 12/12)
Horizontal alignment	Controls content alignment within the block (left, center, right)

Image

An optional visual element to accompany the countdown timer.

Block limit: 1

Setting	Description
Image	The image to display alongside the countdown content
Desktop width	Controls image width on desktop devices (1/12 to 12/12)
Mobile width	Controls image width on mobile devices (1/12 to 12/12)