Add urgency and drive conversions with the Countdown timer section. Set your time, style your timer, and connect it to a product page, collection page, cart page—any template that suits your storefront.
Select a template to enhance with a countdown timer
Determine which template you want to enhance with a Countdown timer section.
Add this section to the
Single timer, all products
To have the same timer appear for all products, we recommend you position the section across multiple templates, such as the Default product, Default collection, and Cart.
Single timer, specific product(s)
To have a timer that only applies to a specific product or collection of products, we recommend you create a new template for that product or collection.
Multiple timers, specific products
To have multiple, distinct timers for separate products, we recommend exploring metafields and dynamic sources
Customize section settings
Click Countdown timer to open its settings.
Adjust section appearance
Control the appearance of the section with these features.
Select an option for Section height. The options are Small, Medium, Large, or Natural.
Click Select image to connect an image with the timer.
Select an option from the Image focal point dropdown to adjust how the image fits into its container.
Countdown timer background
Enable Show countdown timer background to include a background color for the timer numbers.
Disable to remove the background.
Set the timer
Identify the Year, Month, Day, Hour, and Minute for your timer's endpoint with the labeled fields.
For example, to have the endpoint as July 16th, 2023 at 2:30 pm:
Hide timer on complete
Enable Hide timer on complete to conceal the timer once it has been completed. Deactivate this to keep the expired timer visible.
Timer complete message
If you have Hide timer on complete disabled, add a message with the Timer complete message to provide context for the timer to customers.
Connect the timer to a specific product by clicking Select product.
This will display the same product for each template with this section set up.
Describe the countdown
Include a Heading and Text using the provided fields.
Connect a button by adding a Button link and Button label.
Select a Button style, then customize the Text and Overlay colors.