> For the complete documentation index, see [llms.txt](https://because.gitbook.io/because/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://because.gitbook.io/because/the-because-platform/openapi/top-bars.md).

# Top Bars

From free shipping alerts to subscription callouts, they help you speak to each customer, personally and powerfully.

***

## **What Makes Top Bars Stand Out?**

* **Always-On Visibility**

  As a fixed banner at the top of your page, Top Bars are hard to miss—but soft enough not to interrupt the shopping flow.

<figure><img src="/files/DLFUyBM2R9EufUicee5T" alt="" width="563"><figcaption><p>Because Top Bar</p></figcaption></figure>

* **Real-Time Personalization**

  Top Bars can change based on your Klaviyo data, customer behavior, geolocation, cart value, product preferences, or lifecycle stage. That means one customer might see “Welcome back, VIP!” while another sees “Subscribe today and save 15%.”

<figure><img src="/files/Hw5LR0W4ORLmEutBhwOt" alt="" width="563"><figcaption><p>Because Top Bar Targeting Klaviyo Segment</p></figcaption></figure>

* **On-Brand & Customizable**

  You can customize colors and fonts to match your brand’s look and feel, ensuring your bar feels native—not tacked on.

***

## **Great For…**

* Shipping thresholds (“You’re $10 away from free shipping!”)
* Subscriber-only offers
* Location-based promos
* Loyalty program nudges
* Flash sales or time-sensitive announcements
* Multi-message promotions with the Rotating Bar
* CTA-driven banners with Clickable Bars

<figure><img src="/files/oCOeABvUnD57ADF9qEX2" alt=""><figcaption><p>Because Welcome Top Bar Case Study</p></figcaption></figure>

<figure><img src="/files/NsAIttncr3fOOIuPDosj" alt=""><figcaption><p>Because Retargeting Top Bar Case Study</p></figcaption></figure>

<figure><img src="/files/Afa5lNUfQ8zpGTYcEPBk" alt=""><figcaption><p>Because Abandoned Cart Top Bar Case Study</p></figcaption></figure>

***

## **Where Can I Use Them?**

You choose! Display Top Bars across:

* All Pages
* Homepage
* Collection pages
* Product pages

You can even layer targeting so different audiences see different messages on different pages—all running automatically behind the scenes.

{% hint style="info" %}
Pro Tip: Pair your Top Bar with other content types—like a dynamic Badge or Banner on the same page—for a multi-layered personalization experience that feels smart, not overwhelming.
{% endhint %}

***

## **🚀 Now in Beta: Even Smarter Top Bars**

**Rotating Top Bar** (Beta)

* Have more than one message to share? The Rotating Top Bar cycles through multiple messages in one bar—ideal for campaigns with layered promotions like “Free shipping | 15% off new arrivals | Subscribe & save.”

**Clickable Top Bar** (Beta)

* Turn your Top Bar into a call-to-action. Add a clickable link that drives traffic to a collection, product page, or special offer—perfect for increasing engagement and guiding users toward conversion-friendly pages.

***

## Ready to Try It?

In the Because campaign editor, select “Top Bar” as your content type, then select your page type. From there, you’ll choose your message, adjust styling, and set your targeting rules.

If you have any questions about top bar campaigns or need assistance, don’t hesitate to contact our support team at [**support@trybecause.com**](mailto:support@trybecause.com). We’re here to help!


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://because.gitbook.io/because/the-because-platform/openapi/top-bars.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.