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