Help
Help CenterStore widgetsHow to create a countdown timer widget

How to create a countdown timer widget

Count down to a sale's end, show an order-by time for same-day shipping, or show an estimated delivery date on your store's pages.

A countdown gives shoppers a real reason to act now, whether that's a sale ending or tonight's shipping cutoff.

Updated October 3, 20264 min readStore widgets

TL;DR

Go to Store Widgets, click Create Widget and pick the countdown timer. Choose what it counts down to: a sale, a daily order cutoff, or an estimated delivery date. Pick a style and layout, click Publish, then add the Nudgesmart widget block in the theme editor and choose your timer in its Widget setting.

Step 1 · Create the widget

In Nudgesmart, open Store Widgets and click Create Widget. Pick the countdown timer.

Step 2 · Choose what it counts down to

Open the Settings section and pick an option in Countdown to.

  • Sale. Counts down in days, hours, minutes and seconds to the time you set in Ends at.
  • Cutoff. Shows how long is left to order today, based on your Daily cutoff (hour).
  • Delivery. Shows the order-by time plus an estimated delivery range. Set Processing days, then how long delivery takes at least and at most.

You can also add a Message above the timer, and choose what happens When it ends: hide the timer, or show your Text after it ends.

Step 3 · Pick a style and layout

Open the Design tab. Choose a Style, then a Layout.

  • Style. Seven looks: Match my theme, Minimal, Editorial, Card, Bold, Soft and Luxe.
  • Layout. One line of text, Boxes with a box per number, or a Full-width bar.

Step 4 · Publish and add it to your store

In the Status & publishing card, click Publish. Then add it to your store in the theme editor.

  1. In Shopify, go to Online Store → Themes → Customize.
  2. Open the page you want, such as a product page or your home page.
  3. Click Add block, then Apps, and pick Nudgesmart widget.
  4. Choose your timer in the block's Widget setting.
  5. Click Save.

You can also click Add to store in Nudgesmart to open the theme editor on the right page.

Tips

  • Times use your store's time zone. The sale end time, the daily cutoff and delivery dates all follow the time zone in your Shopify settings, not the shopper's.
  • Weekends and holidays. Turn on Skip weekends, and add the days you don't ship under Holidays. Cutoff and delivery dates skip them.
  • Changed your store's time zone? Open the widget and publish it again so the timer uses the new time zone.
  • Every shopper sees the same deadline. There's no per-visitor timer that restarts for each shopper. The countdown is always real.

Common pitfalls

  • The Publish button is greyed out. For a sale, choose when it ends. For a cutoff or delivery date, choose the daily cutoff.
  • The timer disappeared. The sale ended and When it ends is set to hide it. Set a new end time and publish again.

How to create a product tabs widget

Organise details like ingredients, shipping and care into tabs, pick one of three layouts, and add them to your product pages or any other page.

How to add a WhatsApp chat button

Add a floating WhatsApp button to every page of your store so shoppers can message you in one tap.

On this page

TL;DRStep 1 · Create the widgetStep 2 · Choose what it counts down toStep 3 · Pick a style and layoutStep 4 · Publish and add it to your storeTipsCommon pitfallsWhat to read next