Announcement bar

Display a high-visibility banner at the top of your store to highlight special offers, important updates, or quick navigation links, boosting engagement and keeping shoppers informed on every page.

Last updated 4 months ago

Overview

The Announcement bar section displays a prominent message or call to action at the top of your storefront. This makes it an excellent tool for highlighting special promotions, important updates, or navigation options that you want all visitors to see immediately. Its placement ensures high visibility and drives instant engagement.

⚠️ Important: Use the Announcement bar to communicate your most vital messages. Clear and concise announcements can help you capture attention, encourage action, and keep your audience well informed.

Key components and functionality

Each setting within the Announcement bar is designed to help you efficiently deliver messages and guide customer interaction.

Announcement content

These options define the main message and interactive elements shown in the bar, offering flexible ways to communicate with your customers.

  1. Text

    1. Set the main message to appear in the announcement bar.

      1. Use this for greetings, event reminders, promotions, or urgent alerts.

      2. Default: Welcome to our store

  2. Heading size

    • Extra small

    • Small

    • Medium

    • Large

    • Extra large

    • Jumbo

  3. Heading type

    1. Control HTML hierarchy and accessibility that matches your page structure and accessibility goals:

      1. Paragraph

      2. H1

      3. H2 default

      4. H3

      5. H4

      6. H5

      7. H6

  4. Link

    1. Add a URL so the entire bar becomes clickable.

      1. This helps direct visitors to sales, featured products, or other important pages.

      2. There is no preset value for this field.

  5. Menu

    1. Select a navigation menu to show as additional links in the bar.

      1. This provides customers with fast access to popular collections or key categories.

      2. Default: main-menu

  6. Display social accounts

    1. Social media accounts can be managed under the Theme settings dropdown.

    2. The Display social accounts option allows you to toggle the visibility of your linked social accounts:

      1. Setting: ON/OFF

Supported block types

The Announcement bar section does not allow additional blocks. All customizations are managed directly through its available settings, keeping configuration simple and efficient.

Usage notes

Thoughtful setup of your Announcement bar enhances the overall visitor experience and ensures key information is always communicated.

  1. Write brief, clear messages to maximize impact and avoid clutter.

  2. Use high-contrast text and background color combinations to ensure readability and meet accessibility standards.

  3. Update messages frequently, and promptly remove expired content to maintain trust.

    1. Regular refreshes help the bar remain relevant and engaging to return visitors.

  4. Test all links and menu navigation to confirm they lead to live, appropriate destinations.

  5. Preview your announcement bar on desktop and mobile devices to verify consistent and attractive display.

📝 Note: The Announcement bar is visible across your entire storefront. Use it wisely for important, broadly relevant messages, and maintain consistent updates for the best customer experience.