Header GroupCountdown Timer

⏱️ Countdown Timer

The Countdown Timer (Header) section lets you display a clean, minimal countdown — perfect for promotions, launches, limited offers, or seasonal sales.

It appears like an announcement bar and helps create urgency without feeling aggressive.


🎨 1. Style

This part controls how the countdown looks.

• Color scheme

Choose the color scheme that matches your store or theme style.

• Content alignment (desktop only)

You have three alignment options:

  • Space between – pushes the text to one side and the countdown to the other
  • Center – centers both the text and the countdown
  • Space evenly – distributes equal spacing between elements and edges

✍️ 2. Content

This is where you add what the countdown is about.

• Text

Add your announcement — for example:

“Flash Sale — Ends Soon!”
“Free Shipping Until Midnight”
“Black Friday Offer Ends In…”

• End date

Set when the countdown finishes.

Format: YYYY-MM-DD
Time zone: UTC

Example: 2025-05-10

• End time

Set the exact time the countdown stops.

Format: 24-hour (HH:MM)
Time zone: UTC

Example: 18:30

• Hide when expired

Enable this if you want the bar to automatically disappear after the countdown ends.

No manual removal needed — it simply hides when finished.


📏 3. Section padding

Control spacing above and below the countdown bar so it fits your layout nicely.

  • Top padding
  • Bottom padding

👍 Best practice tips

  • Use short, clear text — avoid long paragraphs
  • Always match the countdown color with your theme style
  • Don’t keep expired countdowns visible (enable Hide when expired)
  • Use countdowns only for real promotions to keep trust

This section helps increase conversions by adding urgency, while staying simple and lightweight.

Last updated on
;