# Promotion banner

![image](https://lh7-us.googleusercontent.com/TbHUtnjRlvef77l7na_ZAWWiwEc5vBMMgY2WEKRZuhh80z82J5pnDRfh3LJv5ORGTB00jI4eQGLe1HL3EqgAtuTU-MEkoq7OrDKVd0c28aBDw8GigIAuoegW8X3Z3w8IJMPz3-wntkgkytMGO4J8YAI)

Promotion banners are a useful tool for highlighting products or special promotions, attracting more users to these offers. They can also be used to direct users to landing pages, social media campaigns, or email marketing.

## How to add a Promotion Banner

<Hint type="success">

**Steps:**

1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Promotion banner.**
3. Make necessary changes.
4. **Save** the settings.

</Hint>

## Section settings

### General

Adjust the **Container type** (Default/Full width/ Use container box) and **Color scheme** for this section.

![image](https://docs-assets.foxecom.app/minimog-theme/image_7qxKupFK.png)

### Background settings

You can add background images for desktop and mobile versions separately. Leave either blank to use the color from **Color scheme**.

![image](https://docs-assets.foxecom.app/minimog-theme/image_LKflChQ8.png)

### Content

Insert the content you want in the **Heading** and **Text** of the banner to grab customers' attention or leave it blank to display if you do not want to display them.&#x20;

You can also change the **Heading size** to Medium/Large and set the **Text alignment** to Left/Center/Right to make the content look logical on your website.

![image](https://docs-assets.foxecom.app/minimog-theme/image_MnZIoc3i.png)

### Banner URL

You can add a link to redirect customers to your desired page.

![image](https://docs-assets.foxecom.app/minimog-theme/image_lijwRRyt.png)

### Button settings

The call-to-action button will get the link from the provided **Banner URL**.

Give the button a **label,** a specific **Button style:**&#x20;

* Primary button
* Secondary button
* Underline button
* White button

and the **Button size:**

* Button small
* Button medium
* Button large

![image](https://docs-assets.foxecom.app/minimog-theme/image_BRCVymE7.png)

## Block settings

You can only add a maximum of **one** block for the section.

In the promotion block, insert the content of the promotion amount or any information in **Subheading** and **Heading.**&#x20;

Moreover, you can also change the **Text alignment** (Left/Center/Right) for the block.

![image](https://docs-assets.foxecom.app/minimog-theme/image_5bAFAYas.png)