Published by: Lisa Glutting

What is a promo bar with a countdown?

A promo bar with a countdown is a timer on your eCommerce store that is counting down to a specific time or date. In this case it would be letting customers know how many days, hours, and minutes are left until the discount code expires.

Why use a promo bar countdown?

This widget is useful if you want to offer a discount to visitors of your eCommerce store. You can set it to countdown for 10 or 15 minutes with a code. Once the timer is up the code disappears and the customer is warned to checkout now before the offer expires. This sense of urgency and offer of a deal can help convert visitors into shoppers. Having a time crunch often makes visitors make their decisions faster and checkout when they perceive that they're getting a deal or saving money!

How to add a promo bar with a countdown

When you are on your dashboard you’ll want to click on the ‘+ Add Widget’ button. This will open a box that shows you all of the possible widgets you can add to your eCommerce site. Search for the widget by typing 'timer' or scroll until you find the one called “Countdown Promo Bar’.

How to edit and customize the promo bar with a countdown

Now comes the fun part-customizing your promo bar with a countdown timer to look and act the way you want it to! The widget is divided into 5 tabs including location, content, design, behavior, and conditions.

Location Tab

This tab lets you decide where to show the content in your Shopify pages. You can choose the page or pages for the timer to show on. The default is to show on all store sections, but you can show them only on certain parts of your store if you'd like.

Screen Shot 2020 06 17 At 2.26.14 Pm

The 'Location on page" selector allows you to choose where the promo bar will appear. You can use the drop-down to choose for them to appear: right after, right before, beginning of, end of, or replace a certain section on your site. You can select the URL to appear. Hover your mouse on your site and click to choose an element. Once a location is selected your widget will show up in the preview window on the right.

Content Tab

Screen Shot 2020 06 17 At 2.32.03 Pm

This tab lets you choose what content to show to your customers. It allows you to:

  • customize the countdown message
  • add a call to action button
  • enable/disable a close button
  • customize the timer template
  • open HTML editor
Edit the text, but make sure to leave %TIMER% and %DISCOUNT_CODE% alone, as when the widget is live these will populate with the correct information automatically. Enabling or disabling the close lets you decide whether to add a button to let customers close the promo bar or not. The timer template can be edited to show only hours, or exclude seconds depending on how you'd like the countdown to appear. You can also enable and disable a time-out message which displays once the time is up.

Design Tab

The 'Design' tab allows you to edit the appearance of the promo bar. You can choose pre-designed themes or pick your own colours, font size and so on here. For those store owners with CSS background, or those who have developers they can add their own custom CSS or change the templates to work more specifically for their needs.

Behaviour Tab

The 'Behaviour' tab allows you to set a discount code and either manage it externally or manage it through your eCommerce store. You can also enable/disable the timer portion of the message. Use this tab to set the timer to run to a specific date/time or have a time limit from when a customer first sees it. You can enable or disable the time-out message here and also select the date and time the promo bar with a countdown will run until.


This tab lets you decide when to show your promo bar with a countdown timer. You can set specific triggers and conditions on when to show it. You can have it trigger as soon as a page loads, and limit to only once per hour per shopper if you’d like. Or maybe you only want to show the countdown timer during the week - you can do that here too. You can also set a schedule to run the timer so that it starts or ends on a specific date and you don't have to worry about it. Simply enable the schedule and set your dates and times for the holiday countdown timer to start and finish. 

Screen Shot 2020 06 17 At 2.17.20 Pm

Why (A/B testing) - Moved!

This tab has been moved to the 'Research' dropdown at the side menu.

Research Ab Testing 1103x650

A/B testing will let you decide if you want to A/B test your Shopify testimonial notifications. It’ll allow you to enable or disable testing and also determine the percentage split of who to show the content to. The default is a 50/50 split, meaning 50% of the time customers see the testimonials, and the other 50% do not see the testimonials. This data can be used to compare to each other and determine whether the widget is helping you out.

Ab Testing Section E1609898603187

By default, this widget is turned off. You can enable it yourself and also find out more about A/B Testing through this article.

Get started

Get started in minutes

83% of customers need to see reviews before buying - Add reviews now!