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 skill 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 Skill’ button. This will open a box that shows you all of the possible skills you can add to your eCommerce site. Search for the skill by typing ‘timer’ or scroll until you find the one called “Show 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 skill 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.

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 skill will show up in the preview window on the right.

Content Tab

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 skill 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.

Why (A/B testing) – Moved!

This tab have been moved to the ‘Learn’ dropdown at the side menu.


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 skill is helping you out.

why menu bar for promo bar

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

Leave a Reply

Your email address will not be published. Required fields are marked *