Call to action
Turn the bar into a link, or add a button that sends customers where you want.
The Call to action setting decides whether — and how — the bar is clickable. You'll find it in Announcement Settings on the Content tab.
The three options
| Option | What happens |
|---|---|
| No Call to action | The bar is display-only. Nothing is clickable. |
| Button | A styled button appears with your own text and link. |
| Make entire bar clickable | The whole bar becomes one big link. No button, less clutter. |
Add a button
Open the Content tab and scroll to Announcement Settings.
Set Call to action to Button.
Enter your Button text — for example Shop the sale. This field is required when the CTA is a button.
Enter the Call to action URL.
Tick Open link in new tab if you want the link to open in a new window.
Click Save.
Style the button under Design → Button. See Button design.
Make the whole bar clickable
Set Call to action to Make entire bar clickable.
Enter the Call to action URL.
Tick Open link in new tab if needed.
Click Save.
URL formats that work
| Destination | URL |
|---|---|
| A collection | /collections/sale |
| A product | /products/blue-hoodie |
| A page | /pages/shipping-policy |
| Your cart | /cart |
| An external site | https://example.com |
Tip
Use relative URLs like /collections/sale rather than the full https://yourstore.com/collections/sale. They keep working if you change domains, and they behave correctly on multi-market storefronts.
Different links per language
If your store has multiple languages, you can set a different destination for each one — for example /products/item in English and /fr/products/item in French.
See Translate CTA URLs.
Rotating announcements
In a rotating set, each announcement has its own CTA. You can send message 1 to your sale collection and message 2 to a new product page.
Always test the link on your live storefront after publishing. A broken CTA on a site-wide bar is a broken link on every page.