Countdown timer

Create urgency or buzz around sales events or promotions.

What is a countdown timer?

This section is a calendar-style count down from a specific date and time set by the merchant. It can be used to create urgency or buzz around sales events or promotions.

It can either be an independent section or added as an additional block within the popup and slideshow sections. 

How to set up the Countdown timer section

Steps

  1. Open the Theme Editor and add the Countdown timer section to the page.
  2. Within the Countdown timer block, date and time information can be set.
    End date: The date must follow the specific format YYYY-MM-DD.  For example 13th May 2024 would read 2024-05-13. If the End date is left blank, then the timer will count down to midnight of the current day.
    End time: This text must follow the 24 hour clock format, e.g. 17:00. To use an end time, an End date must be inserted, otherwise the timer will continue to count down to midnight, regardless of what is entered here.
    End text: This is optional text that will be shown when the date and time have elapsed.
  3. The timer can be hidden when the date and time have elapsed. Refer to the Countdown timer FAQs for more details.

The Countdown timer can be customized further by choosing from the seven different Count sizes and custom colors settings available to suit the style you're going for.

How to set up the countdown timer in the popup section

Steps

  1. Open the Theme Editor and add the Pop-up section to the page.
  2. Add the Countdown timer block. Following same instructions as outlined in the How to set up a countdown timer section above.
  3. Add the relevant date and time.
  4. In the Count size setting, there are five sizes that can be selected.

How to set up a countdown timer in the slideshow section

Steps

  1. Open the Theme Editor and add the Slideshow section to the page.
  2. Select Add Slide or click on an existing Slideshow block.
  3. In the Countdown timer settings, the date and time can be selected as outlined in the How to set up a countdown timer section instructions above. Ensure that the Show countdown timer checkbox is ticked.

FAQs

How does the countdown timer work in different time zones?

The timer will work in the time zone that the store is operating in.

How long will the 'End text' message show for?

The End text will show indefinitely, until new date and time data is entered.

Why does my timer display 0:0:0:0?

This is likely due to the format of the date or time being entered incorrectly. Double check that the date format is YYYY-MM-DD and the time follows the 24 hour clock HH:MM. Refer to the How to set up the Countdown timer section for more.

What happens when the timer ends?

There are three possible scenarios. If the End text has been entered, then this will show. If the Hide the timer when the date and time elapses setting is selected, then only section content excluding the timer will show show. If neither of these are used, then the timer will simply remain as 0:0:0:0.

Sign up for Shopify today for $1

Can't find what you're looking for?

Our support staff are here to answer your queries, so don't hesitate to write to us!

Contact us