# Promotion banner

<div data-full-width="true"><figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fa5w6LQkUFhLWSt58jhjP%2FHelp%20Center%20banner%20%201250%20x%20200-2.png?alt=media&#x26;token=ab0daf12-b917-4435-a603-9a3f6613f853" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

<figure><img src="https://lh7-us.googleusercontent.com/TbHUtnjRlvef77l7na_ZAWWiwEc5vBMMgY2WEKRZuhh80z82J5pnDRfh3LJv5ORGTB00jI4eQGLe1HL3EqgAtuTU-MEkoq7OrDKVd0c28aBDw8GigIAuoegW8X3Z3w8IJMPz3-wntkgkytMGO4J8YAI" alt=""><figcaption></figcaption></figure>

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 style="success" %}
**Steps:**

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

## Section settings

### General

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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FQh45jZ1BQgOwz1AdqqTS%2Fimage.png?alt=media&#x26;token=c58e695e-daa2-4f54-8931-a9dc601ae03d" alt=""><figcaption></figcaption></figure>

### Background settings

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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FYsHN08UKuzsHBRrel0UM%2Fimage.png?alt=media&#x26;token=e99b11b2-bcb1-4d7f-b7f9-839ecca232b1" alt=""><figcaption></figcaption></figure>

### 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.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FeuCiIS8PGpPFPsWLQAfk%2Fimage.png?alt=media&#x26;token=c3ca24e2-be8d-4831-b52d-c1b1cc6a0f7f" alt=""><figcaption></figcaption></figure>

### Banner URL

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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FmhnOeQrw5KEtZe8Xcn9J%2Fimage.png?alt=media&#x26;token=1cd1d12e-e99e-48d3-973e-a2d0aba0dfd8" alt=""><figcaption></figcaption></figure>

### 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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FhIZUW2vshmFbQZ648EHd%2Fimage.png?alt=media&#x26;token=8a13d531-7be7-496a-a8f9-a5321520f312" alt=""><figcaption></figcaption></figure>

## 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.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FJeU0yIAH6uvilbJV5dPC%2Fimage.png?alt=media&#x26;token=e00b4952-a0fa-430b-a5a3-1baa4ed4ee20" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/minimog-theme/theme-sections/promotion-banner.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
