How-to: Adding the Countdown Timer to Home or Collection page

By default the sale timer is shown on the product page only. However, with a few steps you can also show it on collection or home page, when your sale is active.

Step 1: Enabling the Countdown Timer

1. Create Your Sale: Start by creating your sale in Disco. During this process, make sure to enable the "Show countdown timer" checkbox.

   

Step 2: Locating Your Sale ID

1. Navigate to Campaigns: After creating the sale, go to Disco, then click on Campaigns.

2. Edit Your Campaign: Find your sale and click on Edit.

   
   

   

3. Copy the Sale ID: In the address bar of the browser, you’ll see a URL like this: ../discount-planner-by-productessentials/edit/8f336858-236d-4ed7-b1dc-b7d906a16ba6 . The alphanumeric code at the end is your sale ID (8f..-..-..ba6 ). Copy it.

   

Step 3: Adding the Countdown Timer to Your Theme

1. Access Theme Editor: Navigate to your store theme editor by going to Online Store > Themes > Customize.
2. Select Location: Choose where you want the countdown timer to appear, for example, the home page.
3. Add the Countdown Timer Section:
   • Under Template, click Add section.

   • Select Apps, then choose Disco Countdown Timer.

     

4. Configure Timer Settings:
   • Click on Disco Countdown Timer to access its properties on the left side.

   • Insert the copied Sale ID into the designated field.

     

     
     
5. Save Your Changes: Press save to finalize and display your countdown timer.

Final Steps:

• Check Display: After saving, view your store's homepage to see the countdown timer in action.
• Adjust if Needed: If the timer isn't displaying as expected, revisit the steps or contact support for assistance.

By adding a countdown timer, you can effectively enhance the appeal of your sales, encouraging prompt action from your customers.