How to create a banner

Learn how to create and customize banners for the B2CORE UI and mobile app

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

How to create a desktop banner

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

1

Navigate to Promotion > Banners.

2

Click +Create in the upper-right page corner.

3

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.

4

Click Save to create the banner.

5

Click the Edit button in the banner row to configure banner settings.

6

On the Edit banner page, fill in the following fields:

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

7

Click Save to apply the changes.

8

After configuring the banner settings, set the Enabled dropdown to Yes on the Banner tab to display the banner in the B2CORE UI.

How to create a banner for the mobile app

To create a banner that will be displayed to your clients in the mobile app:

1

Navigate to Promotion > Banners, and click +Create in the upper-right corner of the page.

2

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.

3

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.

4

To specify background images for the light and dark themes of your banner, switch to the Light or Dark tab.

5

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

The recommended banner size for the mobile app is 840 × 360 px (aspect ratio 21:9). The supported image format is PNG.

6

Click Save to apply the changes.

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:

1

Navigate to Promotion > Banners.

2

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.

3

Click Save to apply the restrictions.

Last updated

Was this helpful?