A countdown timer displayed directly in the discount widget creates a sense of urgency for customers, encouraging them to complete their purchase sooner. It also helps clear excess inventory quickly and boosts average order value—customers rush to add more items to qualify before time runs out. 

Here are the steps and pro tips to help you create an embedded countdown timer on your discount widget in G: Volume Discounts & Free Gift.

1. Step 1. Create an offer

Please refer to the guide to create an offer here. 

2. Step 2: Add the countdown timer

Option 1: Quick add on the preview pane

Option 2: Move to the Advanced tab of offer configurations

3. Step 3: Countdown timer (Embed) settings

3.1. General configurations

Banner Content

1. Title: e.g. Hurry up! 
2. Subtitle: e.g. Sale ends in: 
3. Footer: e.g. Only 16 left in stock

Pro tips: Title, subtitle, footer can be hidden by clicking the eye icons.

Timeout Message 

1. This message will be displayed when the offer expires.
   
2. E.g. Sale has ended!

Show close icon 

1. Check the box to allow customers to close the banner during the countdown.
   
   

Translation 

Choose a language for translation. These are the languages published in your store. 

1. To manage or add more, click the here button. Type in your translation for this language. 
2. If you leave these fields unedited, the widget will show the default text as in the above image.

Widget position

1. Above Offer: Countdown timer stay at the top of the offer widget
2. Below Titles: Countdown timer stay right below of the offer widget’s titles

1. Below Offer: Countdown timer stay at the bottom of the offer widget
   

3.2. Countdown configurations

Time type – choose among 2 options

Fixed time

1. Set total minutes for countdown - automatically converted to readable time format. e.g. 1,000 min (= 16 hrs 40 min)
2. The timer starts when the customer loads the page and counts down for the exact number of minutes you set. Ideal for session-based or flash offers. 

Countdown to a specific date

1. Set the end date and end time for countdown.
2. The timer counts down to a fixed calendar date and time, the same for every visitor. Best for store-wide sales or scheduled promotions.

When countdown ends

1. Restart – timer automatically starts again from the beginning (useful for repeating flash offers).
2. Hide – the entire widget disappears when time is up.
3. Show timeout message – displays the custom message you set (e.g. Sale has ended!). You can set this message in the General tab.

1. Do nothing – the timer reaches zero but stays visible at 00:00:00.

Time format: choose among 3 options

1. Days : Hours : Minutes : Seconds (recommended for longer sales)
2. Hours : Minutes : Seconds (most common for daily or flash offers)

1. Minutes : Seconds (creates maximum urgency for short timers)

Time labels - customize labels for the time format

1. Example: change “Days” to “D” or “Hours” to “Hrs” to fit your design.
   
   

Design - Please refer to the guide of design options of discount offers here.

4. Edit or Remove the countdown timer

Open the "Advanced" tab, click Remove or Edit. 

Now you know how to add a countdown timer (embedded in the discount widget) to create real urgency, boost conversions, and increase your Shopify store’s average order value in just a few clicks. If you have any questions on this, please contact us via support@tapita.io