> 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/sales-bar-setting.md).

# Sales Bar Setting

### **Sales Bar Settings**

Sales Bar Settings let you create and customize a promotional banner on your storefront to highlight offers, announcements, or important messages while maintaining brand consistency.

<figure><img src="https://3705060177-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR1QySX0Um9tQSE6LQ0XB%2Fuploads%2FXeTYVg6kY0ufJjbT9tR3%2Fimage.png?alt=media&amp;token=856307ba-9acf-4b04-9bc7-4f0898e1969d" alt=""><figcaption></figcaption></figure>

#### **Sales Bar Details**

* **Sales Bar Name:** Internal reference name visible only to admins.
* **Title of Bar:** Main promotional or informational message displayed to customers.
* **Call to Action:** Defines interaction style — button, clickable banner, or message only.
* **Button Text:** Text shown on the call-to-action button (e.g., *Shop Now*, *Learn More*).
* **Link:** Destination URL customers are redirected to when clicking the banner or button.
* **Preview Panel:** Real-time view of how the banner will appear before publishing.

***

<figure><img src="https://3705060177-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR1QySX0Um9tQSE6LQ0XB%2Fuploads%2FvILZwNBaTyffJ4GoJWLH%2Fimage.png?alt=media&amp;token=8f7ff0f1-81c9-43b2-8548-dc00e27c933c" alt=""><figcaption></figcaption></figure>

### **Visibility Settings**

Control where and when the sales bar appears to ensure messages reach the right audience.

* **Placement Options:** Dashboard, Order Status, Order Listing, or Profile Page.
* **Scheduling:** Set a specific date and time for automatic display.
* **Preview Panel:** Displays how visibility and timing settings will appear.

***

### **Banner Style Settings**

Customize the banner’s visual appearance to align with your brand.

* **Background Color:** Transparent, base, or subdued styling.
* **Border Radius:** Adjusts corner roundness.
* **Border Width:** Controls border thickness.
* **Inside Space:** Sets internal padding for better readability.

***

<figure><img src="https://3705060177-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR1QySX0Um9tQSE6LQ0XB%2Fuploads%2FXIL0P0HdW2keORdy4xbS%2Fimage.png?alt=media&amp;token=bc30b199-a114-42ec-8e02-a8ff097df6ee" alt=""><figcaption></figcaption></figure>

### **Style Settings**

Enhance design clarity and brand alignment.

#### **Banner Text Style**

Choose text color styling - transparent, base, or subdued.&#x20;

#### **Button Style**

Customize button appearance:

* **Background Color:** Transparent, Base, or Subdue
* **Text Color:** Transparent, Base, or Subdue&#x20;

***