Enable or Disable Countdown Timer on Product Pages
The Countdown Timer, also called Countdown Clock, lets you display a countdown message on the product detail page. This feature can help create urgency and encourage customers to complete their purchase sooner.
In BurgerShop Theme Editor, you can turn the countdown timer on or off, choose where it appears, and customize the text shown next to the timer.
On this page
- What is the Countdown Timer?
- Access Countdown Timer settings
- Enable the Countdown Timer
- Disable the Countdown Timer
- Choose the timer position
- Edit countdown text
- Set text position
- Preview and save changes
- Best practices
What is the Countdown Timer?
The Countdown Timer is a product page element that displays a running countdown near the product information area.
Depending on your settings, it can appear:
- Under the product price
- Above the Buy now button
Example display:
00 : 19 : 36 : 53 left to buy
Note
The Countdown Timer is a display feature in the product page theme settings. It helps create urgency, but it does not automatically change product price, inventory, discount, or checkout rules.
Access Countdown Timer settings
You can manage the Countdown Timer from the Theme Editor.
Steps:
- Log in to your BurgerShop admin.
- Go to Online store.
- Select Themes.
- Open the theme you want to edit.
- Click Custom theme or Customize.
- In the page selector at the top, choose Product detail.
- In the left sidebar, open Sections.
- Under Main content, click Other information.
- Find the Countdown timer setting.
Enable the Countdown Timer
Turn on the Countdown Timer if you want the countdown clock to display on product pages.
Steps:
- Go to Product detail > Sections > Other information.
- Find Countdown timer.
- Turn on the toggle.
- Choose where the timer should appear.
- Edit the timer text if needed.
- Click Save.
After saving, the countdown timer will appear on product detail pages based on your selected position.
Disable the Countdown Timer
Turn off the Countdown Timer if you do not want to show urgency messaging on product pages.
Steps:
- Go to Product detail > Sections > Other information.
- Find Countdown timer.
- Turn off the toggle.
- Click Save.
After saving, the countdown timer will no longer display on product detail pages.
Choose the timer position
The Position setting controls where the countdown timer appears on the product page.
Available options
| Position | Description |
|---|---|
| Under price | Displays the countdown timer below the product price |
| Above “Buy now” | Displays the countdown timer above the Buy now button |
Steps:
- Enable Countdown timer.
- Under Position, select:
- Under price
- Above “Buy now”
- Review the product page preview.
- Click Save.
Recommendation
Use Above “Buy now” if you want customers to notice the timer before taking action. Use Under price if you want the product information area to look more compact.
Edit countdown text
The Text field controls the label displayed with the countdown timer
Steps:
- Enable Countdown timer.
- Find the Text field.
- Enter the message you want to display.
- Review the preview.
- Click Save
Set text position
The Text position setting controls whether the text appears before or after the countdown timer.
Available options
| Text position | Description |
|---|---|
| Front | Displays the text before the timer |
| Back | Displays the text after the timer |
Steps:
- Enable Countdown timer.
- Under Text position, select Front or Back.
- Review the preview.
- Click Save.
Preview and save changes
After changing Countdown Timer settings, preview the product page before publishing.
Steps:
- In Theme Editor, switch to Product detail.
- Review the countdown timer position and text.
- Use the desktop and mobile preview buttons.
- Confirm that the timer is easy to read.
- Click Save.
- Click Publish if needed.