# Promotional Banner

*Give your promotions the spotlight they deserve.* Right where shoppers can’t miss them with Accentuate's **Promotional Banner** feature!

The **Promotional Banner** is a simple, no-code feature that helps you **highlight key messages** across your storefront. It is designed to help you create stunning, engaging and high-converting messages for your pages. 

In ecommerce, **visibility matters**. A well-placed message can be the difference between a *casual browser* and a *completed checkout*.  Whether you’re announcing a sale, launching a new product, or sharing an important update, this tool makes it easy to **communicate** value **instantly** and **visually**. The Promotional Banner ensures your announcements *get seen and acted on*, without interrupting the shopping experience.

Ready to make your message **impossible** to miss? Let's dive into how you can set up and leverage the Promotional Banner.

### Common use cases of the Promotional Banner

Promotional banners are incredibly versatile and can be used to achieve various marketing goals:

* **Flash Sales & Discounts:** Announce limited-time offers, percentages off, or BOGO deals prominently across your site.
* **New Collection / Product Launches:** Generate hype and direct traffic to your latest arrivals with striking visuals.
* **Free Shipping / Thresholds:** Clearly communicate free shipping eligibility to reduce cart abandonment and increase average order value (AOV).
* **Holiday & Seasonal Campaigns:** Dress up your store for special occasions like Black Friday, Valentine's Day, or summer sales.
* **Important Announcements:** Share critical updates like shipping delays, return policy changes, or store operating hours.
* **Call to Action (CTA):** Guide customers to specific landing pages, sign-up forms, or best-selling products.
* **Brand Messaging:** Reinforce your brand's unique selling proposition or mission statement.

### Set up your Promotional Banner

To find the Promotional Banner, follow these simple steps:

1. In your Shopify admin, go to **Online Store → Themes → Customize** 
2. Choose the page or section where you want the content to appear
3. Click **Add block / section →  Apps** and select **Promotional Banner**

<figure><img src="https://3940270179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbIlmOfNwpXqPZMStJkgh%2Fuploads%2F4PBtAW2PMPXaYBObQxW7%2FAccentuate_%2Bpromobaner_3.png?alt=media&#x26;token=5e77a3d9-b092-4807-8e63-a217c8e462b9" alt=""><figcaption></figcaption></figure>

Once the block is added, you can customize its appearance and behavior in the Promotional Banner **settings panel** on the **right-hand side**. It’s divided into a few sections and we’ll cover what each one can do.

4. In the **Content Settings** section, set your **Banner Text** to display your main message, such as a promotion, announcement or special offer. Optionally, add a **Banner URL** to link the banner to a specific page, and toggle **Make banner text clickable** if you want the entire banner to act as a link.

<figure><img src="https://3940270179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbIlmOfNwpXqPZMStJkgh%2Fuploads%2FV1HDt9oR2cgsgvEOtS2L%2Fslika%201.png?alt=media&#x26;token=74935d65-40d7-4e65-bfb3-4e4a4676301b" alt=""><figcaption></figcaption></figure>

You can also enable **Show button** to display a call-to-action. Set your **Button Text** and choose a **Button Style** to match your store’s design.

<figure><img src="https://3940270179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbIlmOfNwpXqPZMStJkgh%2Fuploads%2FWa8YnKZEj3or2dz8EgMc%2Fslika%202.png?alt=media&#x26;token=cf0e3e2b-e63d-40ab-9dbd-ccb5f7695297" alt=""><figcaption></figcaption></figure>

5. In the **Colors & Typography** section, you can customize the **background**, **text**, and **button styles** of your banner. **Choose a background color** or **upload an image**, then adjust how it fits within the banner. Update your **text** and **button colors**, tweak font sizes and weight, and set the **alignment** for both elements to match your store’s overall design.
6. The **Layout & Spacing** section controls the overall size and spacing of your banner. You can adjust the **Vertical** and **Horizontal Padding** sliders or enable **Full Width** if you want the banner to stretch across the entire width of the page.
7. In the **Icon Settings** section, you can choose from the available icon options or select **No icon** if you prefer not to use one.

<figure><img src="https://3940270179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbIlmOfNwpXqPZMStJkgh%2Fuploads%2F9mCgNGRqpTGDG4qRlXdH%2Fslika%203%20-%20PB.png?alt=media&#x26;token=5377db22-9235-4d55-badf-f0404da5a478" alt=""><figcaption></figcaption></figure>

8. In the **Advanced Settings** section, you can add a **border** color to your banner and adjust its appearance to better fit your store’s design.
9. Click **Save.**

<br>