Countdown timer

Set up a Countdown timer section to trigger the FOMO effect to boost conversions and sales.

Create urgency and boost conversions with the Countdown Timer section. This section helps you highlight limited-time offers, flash sales, or new product drops with a live countdown and optional promotional text or background media.

Ideal for homepages, sale banners, or product launches.

How to add a Countdown timer section to your Shopify store

Steps

1. In the theme editor (Customize) > click Add section.

2. Select Countdown timer.

3. Make necessary changes.

4. Save the settings.

How to edit a Countdown timer section

Section settings

Settings

Setting	Description
Countdown position	Align the countdown: Left, Center, or Right.
Text alignment	Align the heading and text content.
Background image	Upload a custom background or choose from free images.
Image overlay opacity	Add a dark overlay to improve text contrast. Adjust from 0% (no overlay) to 100% (fully opaque).

Background video

Setting	Description
Show background video	Enable to display a video behind the content.
Video type	Choose from Shopify-hosted or external (YouTube/Vimeo).
Shopify-hosted video	Upload a video file directly via Shopify Files.
External video URL	Paste a link to a YouTube or Vimeo video.

Blocks settings

You can add 5 types of blocks to the Countdown timer section:

• Heading

• Subheading

• Text

• Countdown timer

• Button

Countdown timer

Add a countdown timer and adjust the end time of the event.

The Countdown type offers two modes:

• Evergreen: A repeating countdown that resets after a specified duration (e.g., every month).

  • This is useful for recurring sales, daily deals, or subscription cycles.

The Evergreen setting is only available in Zest version 9.0.0 and above. ✨

See Changelog.

• Fixed time: A one-time countdown that ends at a specific date and time.

  • Ideal for limited-time promotions, event registrations, or product launches.

The countdown timer can be displayed in different Styles: Minimal/ Highlight

Minimal

Highlight

The Number size and Number spacing can be adjusted to improve readability and aesthetics:

• Small

• Medium

• Large

If you choose the Evergreen countdown, you must specify the Duration for when the timer should reset.

Duration determines how often the countdown restarts.

If you choose the Fixed time countdown, you need to specify when the countdown should end.

Enter the exact date and time in the Ends time field when the countdown should stop.

Date formats accepted:

Name	Format	Example
24 hour format	YYYY/MM/DD HH:MM	2023/10/04 23:30
12 hour format	YYYY/MM/DD HH:MM AA	2023/10/04 11:30 PM

Heading

Subheading

Text

Button