How to add links in announcement bar message (DAWN)

Store Design
, ,

Topic summary

A user asks how to add clickable links to the announcement bar in Shopify’s Dawn theme, noting that currently only plain text appears.

Solution provided:

  • Navigate to Online Store > Themes > Actions > Edit code
  • Locate the announcement-bar.liquid file under Sections
  • Wrap desired text in HTML anchor tags: <a href="https://yourlink.com">Your announcement message</a>
  • Save changes to make the announcement bar text clickable
  • Multiple links can be added by including additional anchor tags

Note: The response includes a screenshot showing the current announcement bar setup, and the solution involves basic HTML editing within the theme’s liquid files.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Like this get it now will only have the link

Screenshot 2024-09-08 093449.png

2

Hi NOT1,

Heddy from Gameball here.

To add links in your announcement bar for the Dawn theme, you’ll need to make some adjustments in the theme code. Here’s a simple way to do it:

  1. In your Shopify Admin, go to Online Store > Themes, and next to the Dawn theme, click Actions > Edit code.
  2. Find the announcement-bar.liquid file under Sections.
  3. Look for the announcement text area in the code, and wrap the text you want to link in HTML anchor tags. For example:

Your announcement message

  1. Save the changes.

This should make the text in the announcement bar clickable and linked to whatever URL you want. If you want multiple links, just add more anchor tags.

1 Like