Try Zest freeContact support

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

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

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

Last updated

Was this helpful?