Add an announcement bar

You can add an announcement bar to your online store to highlight important information about your business, such as the following information:

  • any shipping delays or regions not accepting international shipments
  • any new or updated policy pages
  • any promotions being offered at this time, such as sales or new gift cards

Some themes have a built-in announcement bar feature, while others require you to download an app to display an announcement bar.

Check if your theme has an announcement bar feature

To check if your theme has an announcement bar feature, use one of the following methods:

  • Go to Online Store > Themes, and then click Customize. If your theme has an announcement bar, then Announcement bar is displayed in the list of sections or within the "Header" settings.
  • Refer to your theme’s documentation. If you use a Shopify-supported theme, then refer to Free themes from Shopify.
  • Contact your theme developer. If you use a Shopify-supported theme, then contact Shopify Support.

If your theme has a built-in announcement bar feature, then follow your theme’s documentation to add it to your online store. If you’re using a Shopify-supported theme, then refer to Free themes from Shopify.

If your theme doesn’t have an announcement bar feature, or the built-in feature doesn’t have the settings that you want, then you can download a banner app.

Add an announcement bar

You can have only one announcement bar section in your theme, but you can add up to 12 announcement blocks to your announcement bar.

Steps:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Click Customize next to the theme that you want to customize.

  3. In the Announcement bar section, click Add Announcement.

  4. In the Text field, enter your announcement text.

  5. Optional: Click the Link field, and then do one of the following:

    • Enter a URL to direct your customers to a specific location.
    • Use the dropdown menu to select a page from your online store.
  6. Click Save.

Edit your announcement bar

There are three different ways that you can customize your announcement bar:

  • Style: Choose a color scheme to change the background and text color of your announcement bar.
  • Function: Add a language selector, a country or region selector, and social media icons to your announcement bar.
  • Animation: Add multiple announcements. Choose to have your announcements automatically rotate, or let your customers go through your announcements using the chevron buttons manually.

Steps:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Click Customize next to the theme that you want to customize.

  3. Click the Announcement bar section.

  4. Optional: To add a language selector to your announcement bar, select Enable language selector.

  5. Optional: To add a country or region selector to your announcement bar, select Enable country/region selector.

  6. Optional: To add social media icons to your announcement bar, select Show icons on desktop.

  7. Optional: If you have multiple announcements and you want to rotate them automatically, then do the following:

    1. Select Auto-rotate announcements.
    2. In the Change slides every slider, select the frequency of how often your announcements rotate.
    3. Click and drag the ⋮⋮ icon to move an announcement into a different order.
  8. Click Save.

Hide or delete an announcement bar

You can hide or delete an announcement bar that you don't want to display on your online store. Hiding an announcement bar removes it from your online store without deleting it, and you can unhide it to display it on your online store again. Deleting an announcement bar is a permanent action that can't be undone.

Steps:

Desktop
  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click the Announcement bar toggle to display a list of your announcement bars.

  4. Remove the announcement bar by using one of the following methods:

    • To hide an announcement bar, hover your mouse pointer over the announcement block, and then click the eye icon.
    • To delete an announcement bar, click the announcement bar that you want to delete, and then click Remove block.
  5. Click Save.

iPhone
  1. From the Shopify app, tap the button.
  2. In the Sales channels section, tap Online Store.
  3. Tap Manage all themes.
  4. Find the theme that you want to edit, and then tap Customize.
  5. Tap Edit.
  6. Tap the Announcement bar toggle to display a list of your announcement bars.
  7. Remove the announcement bar by using one of the following methods:
    • To hide an announcement bar, hover your mouse pointer over the announcement block, and then tap the eye icon.
    • To delete an announcement bar, tap the announcement bar that you want to delete, and then tap Remove block.
  8. Tap Save.
Android
  1. From the Shopify app, tap the button.
  2. In the Sales channels section, tap Online Store.
  3. Tap Manage all themes.
  4. Find the theme that you want to edit, and then tap Customize.
  5. Tap Edit.
  6. Tap the Announcement bar toggle to display a list of your announcement bars.
  7. Remove the announcement bar by using one of the following methods:
    • To hide an announcement bar, hover your mouse pointer over the announcement block, and then tap the eye icon.
    • To delete an announcement bar, tap the announcement bar that you want to delete, and then tap Remove block.
  8. Tap Save.

Download an announcement banner app

  1. Go to the Shopify App Store.
  2. Search for an app using banner message or announcement bar.
  3. Click an app to display the app listing page.
  4. When you're satisfied with the app details, click Add app.

To add the banner to your store, follow the app's installation instructions and any documentation from the app’s developers.

Can’t find the answers you’re looking for? We’re here to help.