Using the Announcement bar section

Edited

The Announcement bar allows you to display important messages or promotional content prominently at the top of your website. This is an effective way to communicate with your customers about sales, shipping offers, or any timely updates.

How to Enable and Customize the Announcement Bar:

  1. Access the Theme Editor:

    In your Shopify admin, go to Online Store > Themes.

    Click Customize on your active theme.

  2. Locate the Announcement Bar Section:

    In the left-hand sidebar, find and click on Announcement Bar (or add it if it is not yet enabled).

  3. Customize the Content:

    Text: Add your message in the provided text box.

    Link: Optionally, link to a specific page, product, or collection.

Best Practices

  • Clarity and Conciseness - Keep your message clear, concise, and to the point. Use simple language that is easy to understand.

  • Visibility - Ensure the announcement bar is easily visible but not intrusive. It should be noticeable without obstructing the main content of the page. The theme editor allows you to drag-and-drop this section anywhere on your homepage, so you're not limited to including it in the top header portion only.

  • Design and Branding - Match the color scheme and style of the announcement bar to your website's design for a cohesive look. Using high visibility colors that don't match the design of your site can be distTest different messages and designs to see which one performs best in terms of user engagement and click-through rates.racting. DO use contrasting colors for the text and background to make the message stand out.

  • Responsive Design - The Announcement bar section has been designed to responsively adjust to ook good on all device types (desktop, tablet, mobile). Make sure that your messaging isn't so lengthy that it looks wonky on mobile.

  • Customization - The Announcement bar section allows you to easily change the message, link, or appearance of the announcement bar as needed. Heading, text and link options are available in each Announcement block you set up.

  • Call to action - If applicable, include a clear and compelling call-to-action button or link that directs users to the desired action (e.g., Shop Now or Learn More).

  • A/B testing - Test different messages to see which ones perform best in terms of user engagement and click-through rates.

Was this article helpful?

Sorry about that! Care to tell us more?

Thanks for the feedback!

There was an issue submitting your feedback
Please check your connection and try again.