# How to create a banner

You can create banners that will be displayed to your clients in the B2CORE UI, mobile app, or mobile browser.

## How to create a desktop banner

To create a banner that will be displayed to your clients in the B2CORE UI:

{% stepper %}
{% step %}
Navigate to **Promotion** > **Banners**.
{% endstep %}

{% step %}
Click **+Create** in the upper-right page corner.
{% endstep %}

{% step %}
In the **Create Banner** popup that appears, fill in the following fields:

* In the **Caption** field, enter a title for your banner. You can leave this field empty and create a banner without a title.
* In the **Banner URL** field, enter a URL tail defining a page on which your banner will be shown in the B2CORE UI (for example, `/dashboard`, `/wallets`, `/funds/deposit`, or other).
* In the **Banner priority** field, enter an integer value defining the order for displaying banners if there is more than one banner created. For example, a banner with the priority set to 1 will be shown first on a web page; a banner with the priority set to 2 will be shown following the first banner, and so on.
* From the **Banner type** dropdown, select **Desktop**.
  {% endstep %}

{% step %}
Click **Save** to create the banner.
{% endstep %}

{% step %}
Click the **Edit** button in the banner row to configure banner settings.
{% endstep %}

{% step %}
On the **Edit banner** page, fill in the following fields:

#### Banner tab

* In the **Button link** field, enter a URL path to an external resource. This URL will be opened upon clicking a button displayed on your banner.

#### Light and Dark tabs

* The **Caption** field displays the title you entered when creating your banner. You can change the title font color and weight for the themes by inserting the following HTML code:

  `<font color="html-color-code"><strong>Banner Title</strong></font>`
* In the **Button** field, enter the text to be displayed as the button label.
* In the **Text** field, enter the text that will be displayed under your banner title. You can change the text font color and weight for the themes by inserting the following HTML code:

  `<font color="html-color-code"><strong>Text that will be displayed on your banner</strong></font>`
* In the **Banner Background** field, specify the URL of an image that you want to use as a background for the selected theme.
* To apply localization settings, click the buttons located on the right side of the **Caption**, **Button**, and **Text** fields and enter translations for the required languages.
  {% endstep %}

{% step %}
Click **Save** to apply the changes.
{% endstep %}

{% step %}
After configuring the banner settings, set the **Enabled** dropdown to **Yes** on the **Banner** tab to display the banner in the B2CORE UI.
{% endstep %}
{% endstepper %}

## How to create a banner for the mobile app

To create a banner that will be displayed to your clients in the mobile app or when accessing B2CORE via a mobile browser:

{% stepper %}
{% step %}
Navigate to **Promotion** > **Banners**, and click **+Create** in the upper-right corner of the page.
{% endstep %}

{% step %}
In the **Create Banner** popup that is displayed, fill in the following fields:

* In the **Caption** field, enter a title for your banner. You can leave this field empty and create a banner without a title.
* In the **Banner URL** field, enter `/dashboard`. All banners will be displayed at the top of the **Home** screen in the app.
* In the **Banner Priority** field, specify an integer value defining the order for displaying banners if there is more than one banner created.
* From the **Banner Type** dropdown, select **Mobile**.
* Click **Save**.
  {% endstep %}

{% step %}
On the **Banner** tab, specify the following settings:

* The **Title** field displays the banner title that was specified at Step 2. You can leave this field empty and create a banner without a title.
* In the **Sub Title** field, enter a banner subtitle. You can leave this field empty and create a banner without a subtitle.
* From the **Vertical Align** and **Horizontal Align** dropdowns, select the appropriate values to align both the title and subtitle vertically and horizontally.
* In the **Button Link** field, specify a URL to an external resource. This URL is opened after tapping a banner in the mobile app.
* In the **Button Title** field, specify a button caption. You can leave this field empty and create a banner without a button.
* In the **Preview Text** field, specify a description for the preview that is displayed after clicking a banner. You can leave this field empty and create a banner without a preview text.
* Set the **Preview Enabled** option to **Yes** to make a banner preview available in the mobile app.
* In the **Padding** field, specify a number of points to define the padding area for all four sides of a text block.
* To make the banner available to your clients in the mobile app, set the **Enabled** field to **Yes**, and then click **Save**.
  {% endstep %}

{% step %}
To specify background images for the light and dark themes of your banner, switch to the **Light** or **Dark** tab.
{% endstep %}

{% step %}
In the **Image URL** field, specify the URL of an image that you want to use as a background image for your banner.

{% hint style="info" %}
The recommended banner size for the mobile app is 840 × 360 px (aspect ratio 21:9). The supported image format is PNG.
{% endhint %}
{% endstep %}

{% step %}
Click **Save** to apply the changes.
{% endstep %}
{% endstepper %}

## How to restrict banner display

You can control which clients see a banner by applying restrictions based on **country**, **verification level**, **client type**, or **jurisdiction**. You can also combine these restrictions for more precise targeting.

To apply restrictions to a banner:

{% stepper %}
{% step %}
Navigate to **Promotion** > **Banners**.
{% endstep %}

{% step %}
Select the banner and click the **Edit** button.

#### Country restrictions:

* On the **Edit banner** page, click the **Actions** button in the upper-right page corner, and then select **Country restrictions** in the dropdown.
* In the **Restrictions** popup, fill in the following fields:
  * In the **Enabled** dropdown, select **Yes**.
  * In the **Type** dropdown, select either of the two options:
    * **Deny only** — the banner will be displayed to all clients except for those from the selected countries.
    * **Allow only** — the banner will be displayed only to clients from the selected countries.
  * In the **Rules** dropdown list, select one or more countries.

#### Verification level restrictions:

* On the **Edit banner** page, click the **Actions** button in the upper-right page corner, and then select **Verification level restriction** in the dropdown.
* In the **Restrictions** popup, fill in the following fields:
  * In the **Enabled** dropdown, select **Yes**.
  * In the **Type** dropdown, select either of the two options:
    * **Deny only** — the banner will be displayed to all clients except for those with the selected levels.
    * **Allow only** — the banner will be displayed only to clients with the selected levels.
  * In the **Rules** dropdown list, select one or more verification levels.

#### Client type restrictions:

* On the **Edit banner** page, click the **Actions** button in the upper-right page corner, and then select **Client type restrictions** in the dropdown.
* In the **Restrictions** popup, fill in the following fields:
  * In the **Enabled** dropdown, select **Yes**.
  * In the **Type** dropdown, select either of the two options:
    * **Deny only** — the banner will be displayed to all clients except for those with the selected client types.
    * **Allow only** — the banner will be displayed only to clients with the selected client types.
  * In the **Rules** dropdown list, select one or more client types.

#### Jurisdiction restrictions

* On the **Edit banner** page, click the **Actions** button in the upper-right page corner, and then select **Jurisdiction restrictions** in the dropdown.
* In the **Restrictions** popup, fill in the following fields:
  * In the **Enabled** dropdown, select **Yes**.
  * In the **Type** dropdown, select either of the two options:
    * **Deny only** — the banner will be displayed to all clients except for those with the selected jurisdictions.
    * **Allow only** — the banner will be displayed only to clients with the selected jurisdictions.
  * In the **Rules** dropdown list, select one or more jurisdictions.
    {% endstep %}

{% step %}
Click **Save** to apply the restrictions.
{% endstep %}
{% endstepper %}


---

# 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.b2core.b2broker.com/how-to-articles/manage-advertising-options/how-to-create-a-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.