> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/guides/cart-drawer/promotional-banner.md).

# Promotional Banner

Display a banner to highlight your current deals, discounts or calls-to-action right when customers are reviewing their cart.

<figure><img src="/files/Lmc1E3mR6iRfkwYPrAoQ" alt=""><figcaption></figcaption></figure>

## **Key Features**

* Upload Banner and Heading: allow to upload the image and insert the heading.
* Custom CTA: allow to customize the buttons that hooks to any URL.&#x20;
* Styling Controls: Background & text colors, font size, padding and alignment to match your brand.

## Benefits

* Increase Conversion Rates: Remind the customer of time-sensitive offers right before checkout.
* Reinforce Branding & Campaigns: Show your brand and current deals clearly right in the cart, without interrupting the shopping experience.

## How To Use?

1. Click **Add Block**
2. Choose **Promotional Banner**

<figure><img src="/files/56ehSUQ5MG03ZUMidhkU" alt=""><figcaption></figcaption></figure>

3. Customize the **Promotional Banner** block

<figure><img src="/files/G7WuDcUcJnek0avk8boU" alt=""><figcaption></figcaption></figure>

* **Image**: Upload or select the background image for your banner.
* **Overlay**: Choose a color or gradient layer on top of your image to improve text contrast.
* **Banner Size**: Set how tall the banner is on desktop and mobile.
* **Heading**: Insert your main headline and change the heading size.
* **Description:** Optional sub-text under the headline.
* **Content Position**: Choose where your heading/description sit over the image: top-left, middle-center, bottom-right.
* **Content Padding**: Add whitespace around your text.
* **Button**: Add a button label, button link and button style.
* **Color:** Set a color for text, background and button style.