How to add an announcement bar in Shopify

You can add an announcement bar to Shopify in about two minutes using the built-in Theme Editor — no code required — or you can install a dedicated app for dynamic messages like a free-shipping progress bar.

What an announcement bar is (and why it matters)

An announcement bar is a slim, full-width banner pinned to the top of your storefront that displays one store-wide message to every visitor. Because it sits above everything else and travels with the shopper from the landing page to the cart, it is one of the most reliable places to communicate an offer that changes behaviour.

The highest-leverage use is a free-shipping threshold: telling a shopper “you’re $12 away from free shipping” turns a vague incentive into a concrete, beatable target. According to a FedEx consumer survey published in October 2024, 81% of shoppers say they are willing to increase their spending in order to qualify for free shipping (FedEx, 2024: https://newsroom.fedex.com/newsroom/global-english/fedex-data-highlights-that-consumers-view-free-shipping-as-a-non-negotiable-for-cart-conversion).

Option 1 — Use the built-in Shopify theme section (no code)

Every Online Store 2.0 theme (Dawn, Sense, Refresh, Craft, and others) ships with an announcement-bar section built in. Here is how to enable it:

Step 1: Open the Theme Editor

In your Shopify admin, go to Online Store → Themes, then click Customize next to your live theme.

Step 2: Add the Announcement Bar section

In the left-hand sidebar, click Add section (usually near the top of the section list) and choose Announcement bar. If you already see it listed, it is already added — click it to configure it.

Step 3: Write your message

Type your message in the Text field. Keep it short — one clear sentence works best. You can add a link (for example, pointing to your sale collection or cart page).

Step 4: Set the color and style

Use the Color scheme picker to match your brand. If you want the bar to stick as visitors scroll down, look for a Sticky header or Sticky bar toggle, depending on your theme.

Step 5: Save and preview

Click Save, then open your live storefront in a new tab to confirm the bar appears. Check it on mobile too — narrow viewports sometimes truncate longer messages.

Limitations of the built-in bar

The theme section shows a static text message. It does not:

• Calculate how far a cart is from the free-shipping threshold in real time
• Rotate multiple messages automatically
• Let you target different messages to different pages or customer segments without code

For those use-cases, you need a dedicated app.

Option 2 — Use an app (dynamic messages, no theme edits)

Dedicated announcement-bar apps like BoostPop render directly onto your storefront without modifying your theme files. This means you can switch themes later without losing your bar, and you do not need developer access.

With BoostPop specifically:

1. Install BoostPop from the Shopify App Store — it is free to install.
2. In the BoostPop dashboard, create a new announcement bar and choose the Free-shipping threshold message type.
3. Set your free-shipping minimum order amount.
4. The bar will automatically show each shopper how far their current cart is from the threshold — updating live as they add items.
5. Publish and preview on your storefront.

The key advantage over the built-in option is the dynamic, per-cart calculation. Instead of “Free shipping on orders over $50,” shoppers see “Add $12.40 more for free shipping” — a specific, actionable message that drives add-to-cart behaviour.

Choosing the right approach

	Built-in theme section	App (e.g. BoostPop)
Setup time	~2 minutes	~5 minutes
Requires code	No	No
Dynamic cart math	No	Yes
Multiple rotating messages	Theme-dependent	Yes
Works after theme change	Needs reconfiguring	Yes — app-managed

If your goal is a single static message (a sale announcement, a shipping cut-off notice), the built-in section is all you need. If you want a bar that responds to each shopper’s cart in real time, an app is the right tool.

Quick tips

• Keep it short. One sentence is better than two. Shoppers read it in passing — if it is too long, they skip it entirely.
• Use a contrasting colour. The bar should stand out from your header; use your accent colour or a high-contrast background.
• Update it when conditions change. A free-shipping bar showing the wrong threshold, or a sale bar showing an expired offer, erodes trust.
• Test on mobile. Announcement bars can wrap awkwardly on small screens — always preview on a phone before publishing.