# Create a new banner

#### **Create a new banner**

**Steps to manage**&#x20;

&#x20;1\. Open the app > Choose **Banners** > Click the Create banners button to start setting up

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FGRuvgE4yXvdc0oYWcsrL%2Fimage.png?alt=media&#x26;token=81e2f1f1-fcdc-4426-86f0-34646ba3583b" alt=""><figcaption></figcaption></figure>

&#x20;2\. In the **Elements** sections, click on **Group 1** of the banner > click **Add content** > select one of the content types: **Line break, Message, Button, Image**<br>

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2Fuyxs84sdqp50jXJI9CiR%2Fimage.png?alt=media&#x26;token=b95d8a6c-6910-4075-be70-a24f1b7aeb27" alt=""><figcaption></figcaption></figure>

&#x20;3\. For each content type, you can configure the text and color. For example, click on **Message** to add text to the banner

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FPJg99Whb6gJBK5l4cb9w%2Fimage.png?alt=media&#x26;token=001543eb-56fb-4c30-b010-bea2c135e0bc" alt=""><figcaption></figcaption></figure>

&#x20;4\. In **Banner configuration** sections, tick on the checkbox **Bar Clickable** and **Include Close Button** \[optional]

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FLuJpKn4ffqTOTaDDITkL%2Fimage.png?alt=media&#x26;token=99f7fccf-86a7-433f-b2ff-50f5d3497b01" alt=""><figcaption></figcaption></figure>

&#x20;5\. **Select A Display Position** of the banner on the page with its effect

&#x20;6\. In the **Design** section, configure the design of the color of the banner bar, text, padding, and the Interval Between Bar Display

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FnfVvBfM8WcD6fknHGxLE%2Fimage.png?alt=media&#x26;token=ceb7e9ae-4e00-4ed9-b1b6-cb4ed0499c75" alt=""><figcaption></figcaption></figure>

&#x20;7\. Click **Save**&#x20;

***

## Display the banner on front store

Please view [this guide](https://help.samita.io/docs/product-label/banners/display-the-banner-on-the-front-store/) to know more&#x20;

> ### **Need support?**
>
> If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address [support@samita.io](https://help.samita.io/support@samita.io)
