Configure countdown timer &date for a coming-soon product
Learn how to set up a countdown timer and date on the product and collection pages to indicate a product's upcoming availability. With this feature, you can display a timer and launch date, keeping customers informed about when the product will be available directly from app backend settings.
Setup on Product Page:
Navigate to the Settings -> Navigate to the Product Page tab.
Enable the Product Availability Message checkbox.
Copy the provided short-code.
Paste the short-code into the desired text area field on the product page.
Save the changes by clicking on the Save & Publish button.
Setup on Collection Page:
Go to the app settings -> Navigate to the Collection Page tab.
Expand the timer templates
Choose one of the radio button options to display the countdown timer.
How's it looks
Following these steps will allow you to display a countdown and date on coming-soon products on both the product and collection pages of your store.
Steps:
Setup on Product Page:
Navigate to the Settings -> Navigate to the Product Page tab.
Enable the Product Availability Message checkbox.
Copy the provided short-code.
Paste the short-code into the desired text area field on the product page.
Save the changes by clicking on the Save & Publish button.
Setup on Collection Page:
Go to the app settings -> Navigate to the Collection Page tab.
Expand the timer templates
Choose one of the radio button options to display the countdown timer.
How's it looks
Following these steps will allow you to display a countdown and date on coming-soon products on both the product and collection pages of your store.
Updated on: 25/03/2025
Thank you!