How to use a countdown timer on Shopify

What does a countdown timer do on a Shopify store?

A countdown timer displays the time left until a deadline, usually the end of a sale. On a product page it sits near the price and answers the question a hesitant shopper is asking: if I wait, will this still cost the same tomorrow?

Common deadlines are a sale ending, a launch starting or a same-day shipping cutoff. In every case the timer is only as good as the deadline behind it. If the deadline is real, the timer is useful information. If it isn't, the timer is a pressure tactic, and shoppers who notice it have a reason to doubt everything else on the page.

When is a countdown timer honest, and when is it misleading?

A timer is honest when it counts down to something that will actually happen, at the same moment for every shopper. It's misleading when the deadline is invented. The US Federal Trade Commission's 2022 staff report Bringing Dark Patterns to Light lists the "baseless countdown timer": a fake countdown clock that goes away or resets when it times out. In the EU, the Unfair Commercial Practices Directive includes falsely stating that a product will only be available for a very limited time among the practices it considers unfair in all circumstances (Annex I, point 7).

Rules differ by country, so treat this as a general guide rather than legal advice. The practical test is simple: if the price stays the same after the timer hits zero, don't show a timer.

Where should you place a countdown timer?

Put the timer where the shopper makes the decision, next to the price it refers to. For a product sale, that means the product page, close to the price and the add to cart button. A few guidelines help:

• Product page first. The timer should refer to the price on the same screen. A store-wide banner can announce a sale, but the product page is where shoppers check whether this item is included.
• Variant-aware. If only some sizes or colors are on sale, the timer should show only for those variants.
• One timer per page. Two timers with different deadlines on one page confuse shoppers.
• Mobile layout. Check that the timer doesn't push the price or the add to cart button out of view on a phone.
• Clear labels. Write the labels in your store's language, and make sure the end time in your ads uses the same time zone as the timer.

How do you add a countdown timer to a Shopify theme?

An app can add a countdown through a theme app extension, which you add in the theme editor without editing theme code and which is removed automatically when the app is uninstalled (theme app extensions). Extensions appear in one of two ways (apps in your theme):

• App embeds float or display as an overlay, or add code without being visible. They can be used with any theme version, and you switch them on from the App embeds panel in the theme editor.
• App blocks go exactly where you place them in a section, such as under the price on the product template. They only work with compatible Online Store 2.0 themes.

1. From your Shopify admin, open the theme editor for your live theme.
2. For an app embed, click the App embeds icon in the sidebar, switch the countdown on, and save.
3. For an app block, open the product template, click Add block, choose the countdown from the Apps section, move it under the price, and save.
4. Preview a product that is on sale and one that isn't, on desktop and on mobile.

What should a countdown timer be connected to?

The biggest practical risk is a timer and a price managed in two different places. If you set the timer's end in one app and change prices somewhere else, they drift apart: the timer says two hours left while the price has already gone back up, or it reaches zero while the sale price stays live. Both look like fake urgency to the shopper, even when it was an honest mistake.

The safer setup is a timer that reads its end time from the sale itself and checks that the product is still on sale before it appears. Before you launch any timer, ask:

• Does the timer end at the same moment the price changes back?
• Does it stay hidden on products and variants that aren't part of the sale?
• What does it show after zero: nothing, or a fresh countdown?
• If someone edits a sale product's price by hand during the sale, does the timer still appear?

How does the SalePilot Countdown work?

Sale Scheduler by SalePilot includes a storefront countdown timer tied to the sales it schedules. It appears on product pages only, while the variant being viewed is on a live SalePilot sale with an end time, and it counts down to the moment that sale restores prices.

Sales started with Start after I review have no end time, so they never show a countdown; scheduled sales and recurring runs can. The timer follows the shopper's variant choice through common theme events, the variant selector and the ?variant= URL, although exact behavior can depend on the theme. When it reaches zero, it hides.

It appears only when all of these are true. In any other case, including errors, it stays hidden:

• The countdown is enabled in the app.
• The sale has finished applying prices and its end is still in the future.
• The variant was updated successfully and hasn't been restored yet.
• The variant's live Shopify price still matches the SalePilot sale price, so a price edited elsewhere doesn't keep a timer.

How do you set up the SalePilot Countdown?

The design is set in the app, and the placement in the theme editor. The countdown is available on every plan, including the free allowance.

1. Schedule a sale with an end using Schedule start and end, or start a recurring sale. Our guide on how to schedule a sale on Shopify walks through it.
2. In the app, open Countdown, enable it, and choose one of 9 styles: Clean Card (the default), Urgency Bar, Minimal Inline, Rounded Badge, Compact Mobile, Bold Urgency Ribbon, Luxury Black Gold, Flash Sale Banner or Editorial Chips.
3. Set the 5 colors (background, text, digits, accent and border) and the labels. Each label takes up to 120 characters, so you can write them in your store's language. Choose desktop, mobile or both, and check the live preview.
4. Use the link on the Countdown page to open the theme editor. Turn on the SalePilot Countdown app embed for a quick setup, or add the app block to the product template for exact placement, then save.
5. Open a product that's on sale and switch between variants to check it. After the sale ends, check that it's gone.

The small "Limited time" pill on the widget is always in English and can't be edited. If your storefront uses another language, check how it looks next to your own labels before the sale starts.

Which countdown timer mistakes should you avoid?

Most countdown problems come from a deadline that isn't real or isn't consistent. Avoid these:

• Evergreen timers that restart for each visitor or each day.
• Extending the deadline after the timer reaches zero. If you extend a sale, say so plainly instead of resetting the clock.
• Timers on products that aren't discounted, or on variants that aren't part of the sale.
• A timer for a sale with no planned end. If the price isn't scheduled to change, there's nothing to count down to.
• Different deadlines in the timer, the banner and the email.
• Very short sales without a plan for the last minutes. Our flash sale guide covers timing for sales measured in hours.