> For the complete documentation index, see [llms.txt](https://docs.centousapps.com/accofy-customer-accounts/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.centousapps.com/accofy-customer-accounts/blocks/sales-bar/how-to-set-up-sales-bar-block-in-frontend.md).

# How to set up sales bar block in frontend

<figure><img src="https://3705060177-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR1QySX0Um9tQSE6LQ0XB%2Fuploads%2F1Ht9TtqjKiCYPDRS8YUV%2Fimage.png?alt=media&amp;token=6bb60b7d-b785-4e9d-81a5-767056ddc344" alt=""><figcaption></figcaption></figure>

**Click on "create sales bar."**

<figure><img src="https://3705060177-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR1QySX0Um9tQSE6LQ0XB%2Fuploads%2FQHWk5i3zLWABrVTTiH6b%2FScreenshot%202026-02-17%20121621.png?alt=media&amp;token=a9f7d46f-eb0c-41bc-8c16-fe9414e72969" alt=""><figcaption></figcaption></figure>

### &#x20;Sales Bar Block - What It Does

The **Sales Bar** helps you display promotional or informational messages directly inside customer account sections. It’s useful for highlighting offers, updates, or important notices where customers are already active.

#### Where You Can Add It

From your screenshot, it can be placed in:

* **Profile** – Show personalized offers or account-related updates
* **Orders** – Highlight reorder deals, discounts, or delivery notices
* **Order Status** – Share tracking reminders, promos, or support info

***

<figure><img src="https://3705060177-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR1QySX0Um9tQSE6LQ0XB%2Fuploads%2FMFTvIKjLLseT1sjBMq2K%2Fimage.png?alt=media&amp;token=11f3cae7-f161-4b4b-923b-c1c90dbb1ecc" alt=""><figcaption></figcaption></figure>

The sales bar settings allow you to create and customize promotional banners displayed to customers across your store. This feature helps highlight offers, announcements, or important updates while maintaining brand consistency.

#### **Bar Content**

* **Sales Bar Name** – Internal identifier visible only to admins for easy management.
* **Title of Bar** – Main promotional message shown to customers.
* **Call to Action Options** – Choose how customers interact: button click, entire bar click, or no action.
* **Button Text & Link** – Customize button label and destination URL to drive traffic or conversions.

#### **Preview Panel**

Provides a real-time visual preview of the sales bar, helping ensure layout, messaging, and branding look correct before publishing.

<figure><img src="https://3705060177-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR1QySX0Um9tQSE6LQ0XB%2Fuploads%2FVxuKjFqUE7iR9KiWnphT%2FScreenshot%202026-02-17%20121641.png?alt=media&amp;token=7c1b302d-31aa-4a46-aabe-161f48d173dc" alt=""><figcaption></figcaption></figure>

#### **Branding Notice**

Preview colors may differ from your live store theme, as final styling depends on theme settings.

#### Where You Can Add It

From your screenshot, it can be placed in:

* **Profile** – Show personalized offers or account-related updates
* **Orders** – Highlight reorder deals, discounts, or delivery notices
* **Order Status** – Share tracking reminders, promos, or support info

### &#x20;Why It’s Useful

* Boosts visibility for promotions without being intrusive
* Keeps customers informed at key touchpoints
* Encourages engagement and repeat purchases