Add an Announcement Bar With a Countdown and Coupon Code

You can add an announcement bar to Shopify in two ways: your theme’s built-in bar, or an app. The theme bar is enough for text and a link. For a live countdown and a coupon code shoppers can copy, you need an app. Either way, set up the discount in Shopify first, so the bar never promises something checkout won’t honor.

This guide walks through one sale from start to finish: create the code, build the bar, test it, and take it down on time. If you still need to decide what to say in the bar, start with our announcement bar ideas. For how a bar fits with popups, reviews and stock alerts, see the social proof guide for Shopify.

Theme bar or app: which one do you need?

Pick based on what the bar has to do. The Shopify Help Center describes the theme bar as a text message with an optional link. A theme can have one announcement bar section with up to 12 announcement blocks, and you can turn on Auto-rotate announcements (Shopify Help Center). It does not mention a countdown or a coupon field.

If your sale has no countdown, the theme bar plus a shareable discount link is often all you need. Add an app when the deadline itself is the message.

How do you set up the discount code first?

Create the discount before you touch the bar. The bar should describe a code that already works.

1. In your Shopify admin, open Discounts and create a discount code.
2. Set the value, the products or collections it covers, and any minimum purchase.
3. Set the start and end dates. Shopify uses the time zone selected in your Shopify admin for these times (Shopify Help Center).
4. Decide on limits, such as one use per customer. Put any limits on the page the bar links to.
5. Save, and write down the exact code and end time. You will need both in the bar.

Use a code that is easy to read and type, such as FALL20. Avoid characters that look alike, such as O and 0, because many shoppers will type it by hand.

Get a shareable discount link

Shopify can also turn the code into a link that applies the discount for the shopper. In Discounts, open the discount, click Promote, select Get a shareable link, choose the destination and click Copy link (Shopify Help Center).

The link follows the format /discount/CODE. To land shoppers on your sale collection instead of the home page, add a redirect, for example /discount/FALL20?redirect=/collections/sale. The same Help Center page notes that the discount must be active and must not have been created by a third-party app.

How do you add a coupon code to the theme announcement bar?

This route needs no app and works in any theme that has an announcement bar section.

1. From your Shopify admin, go to Online Store and click Edit theme next to your theme.
2. In the Announcement bar section, click Add Announcement.
3. In Text, write the offer, the code and the end date. For example: “20% off all candles with code FALL20. Ends Sunday, Nov 9 at midnight ET.”
4. In the link field, paste your shareable discount link with the redirect.
5. Click Save.

Shoppers who click the bar arrive on the sale collection with the discount already set to apply at checkout. Shoppers who don’t click can still type the code. Write the end date and time zone into the text, because a theme bar can’t count down on its own.

If you rotate several announcements, put the sale first. Shoppers who leave the page quickly may only see the first message.

How do you add a countdown and coupon code with Sam FOMO?

Sam FOMO includes a Promo Bar: a full-width strip at the top or bottom of every page with a message, an optional countdown, a button and a coupon code. The app is free to install and rated 4.6★ from 17 reviews on the Shopify App Store.

1. Install the app and turn on the Sam Boost Sales app embed (install guide).
2. Open Notifications, click Create notification, scroll to Promotions and click Add on Promo Bar.
3. Under Bar, choose Top bar (all pages) or Bottom bar (all pages), then write the Message. You can use bold and links for the key words.
4. Open Countdown and add a countdown timer. Pick a countdown type (see the table below) and set the end.
5. Open Button & coupon. Add a button such as “Shop now” with a link to your sale collection. Turn on the coupon code and pick either your own code or one of your Shopify discount codes.
6. Turn on the option to apply the code when shoppers click the button. Keep the button link on a page in your store.
7. Under Visibility, choose the pages and devices, and exclude products that are not part of the sale.
8. Under Colors, match the bar to your store. Keep strong contrast between the text and the background.
9. If you sell in more than one language, fill in Translations.
10. Check the preview, then click Save.

The promo bar guide shows each screen. The code shows in the bar so shoppers can copy it, and the button can apply it for them.

Which countdown type fits the bar?

The countdown section offers the same three types as Sam FOMO’s Countdown Timer. Match the type to how your offer really ends.

A fixed date fits almost every coupon bar. For a deeper look at the other two, read how to add a countdown timer to Shopify.

Custom code or Shopify discount code?

Both show in the bar the same way. The difference is how the code gets there.

• One of your Shopify discount codes: you pick it from a list of your discounts, so there is no typo risk. Use this whenever the code lives in Shopify Discounts.
• Your own code: you type it in. Copy it exactly from the discount, and remove it from the bar yourself when the offer ends.

How do you test the bar before it goes live?

Test as a shopper, on a phone and a laptop, before you announce the sale anywhere else. A broken code is worse than no code.

1. Read the bar on a phone. The offer, the code and the countdown should fit without cutting off the code.
2. Copy the code. Paste it somewhere to confirm it copied exactly.
3. Click the button or link. You should land on the sale page, and the discount should show in the cart or at checkout.
4. Type the code by hand in a fresh browser session. It should apply to the products the bar promises.
5. Check an excluded product. If you excluded products from the bar, open one and make sure the bar doesn’t show there.
6. Compare the end times. The countdown should hit zero at the same moment the discount ends in your store’s time zone.

Keep one test order or draft checkout open with the discount applied. It is the quickest way to answer “my code didn’t work” emails during the sale.

What should happen when the countdown hits zero?

The offer should end at the same time. Then the bar should change.

The FTC’s 2022 staff report on dark patterns named “countdown timers designed to make consumers believe they only have a limited time to purchase a product or service when the offer is not actually time-limited” (FTC). A timer that runs out while the code keeps working fits that description. So does a timer you restart for the “same” sale next week.

Use this end-of-sale checklist:

• At the end time, confirm the discount shows as expired in Shopify Discounts.
• Within an hour, turn off or replace the bar. Swap in an evergreen message, such as your shipping threshold.
• If you extend the sale, say so plainly: “Extended: 20% off through Monday.” Don’t quietly reset the timer.
• Next day, check your support inbox for code problems and note them for the next sale.

False urgency: when countdown timers cross the line covers the rules in more detail.

How do you know if the bar is helping?

Look at what the bar is supposed to do: send shoppers to the sale and get the code used.

1. Code usage: in Shopify Discounts, see how many orders used the code during the sale.
2. Bar clicks: in Sam FOMO, Analytics shows impressions, clicks and click-through rate, and Performance by popup type breaks them down by type (analytics guide).
3. Support emails: count “where do I enter the code?” and “code not working” messages. Fewer is a sign the bar is clear.

Change one thing per sale, such as moving the code earlier in the message or switching from a top to a bottom bar. Compare similar periods, not a holiday weekend against a quiet one.

If you also collect emails with a discount, keep the two offers apart. Running a bar code and a different email popup code at the same time confuses shoppers about which one to use.

The short version: create the discount, then the bar. Show the code, count down to the real end, test it like a shopper, and take it down the moment it stops being true.