Adding a link to your announcement bar turns it from a passive message into an active driver of traffic. Whether you want visitors to shop a sale, view a new collection, or visit a specific page, links give them a clear next step.

When you add a link to an announcement, you choose one of three styles that determines how the link appears in the bar.

A pill-shaped button that stands out from the message text. The colors are automatically inverted – your Text Color becomes the button’s background, and your Background Color becomes the button’s text. This contrast makes the button visually distinct and easy to spot.

Setup:

Best for: High-priority calls to action where you want the link to stand out. Sales, product launches, and promotions that need maximum click-through.

A traditional underlined text link that appears in the bar’s Text Color. It blends more naturally with the message and feels less aggressive than a button.

Setup:

Best for: Informational links, secondary calls to action, or announcements where you want the message to be the focus with a subtle link option.

The whole announcement bar becomes one large clickable area. No separate button or link text is shown – the visitor clicks anywhere on the bar to navigate to your URL. The cursor changes to a pointer on hover to signal that the bar is interactive.

Setup:

Best for: Simple, clean bars where the message is the call to action. Works well with short, direct messages like “New arrivals are here” or “Shop our biggest sale ever.”

By default, the link or button appears after your message text. If you want to control exactly where it shows up, use the {link} placeholder in your message.

Examples:

Without a {link} placeholder, the link or button is automatically appended after your message text.

The {link} placeholder works with both Button and Text Link styles. It has no effect when using Entire Bar Clickable, since the entire bar is the link.