How to create a banner

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, and click +Create in the upper-right corner of the page.

2. In the Create Banner window 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 a URL tail defining a page on which your banner will be shown in the B2CORE UI (for example, /dashboard or /wallet).

• In the Banner Priority field, specify 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.

• Click Save.

1. To configure banner settings, click the Edit button located in the banner row. If you don’t want to apply font settings either to the light or dark theme of your banner, do the following:

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

• Switch to the Light tab, and in the Button field, type the text that will be used as a button label; in the Text field, type the text that will be displayed under your banner title.

• Switch to the Dark tab, and in the Button and Text fields, type the text that you want to use for the dark theme. The text may be the same or different from what you entered for the light theme.

• To make the banner available to your clients via the B2CORE UI, select Yes from the Enabled dropdown displayed on the Banner tab, and then click Save.

If you want to apply different font settings to the light and dark themes of your banner, leave the Button URL field displayed on the Banner tab empty; otherwise, code conflicts may arise because of applying different HTML codes to the light and dark themes. Proceed with Steps 4 through 6 of this procedure.

1. Switch to the Light tab, and fill in the following fields:

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

  <font color="html-color-code"><strong>Banner Title</strong></font>

• In the Button field, insert an HTML code containing a URL to an external resource. This code adds a button onto your banner. For example:

  <a href="URL"><font color="html-color-code"><strong>Button Label</strong></font></a>

• In the Text field, enter the text that will be displayed under your banner title. You can change the text font color and weight 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 a URL path to an image that you want to use as a background image for your banner.

• In addition, you can make your banner multilingual by clicking the buttons located on the right side of the Caption, Button and Text fields and translating the information you entered in these fields into other languages.

• Click Save.

1. Switch to the Dark tab, and configure the settings for the dark theme of your banner in the same way as you did it for the light theme.

2. To make the banner available to your clients via the B2CORE UI, select Yes from the Enabled dropdown displayed on the Banner tab, and then click Save.

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 window 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 a URL tail defining a page on which your banner will be shown in the app (for example, /dashboard-mobile).

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

1. 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 window 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.

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

2. 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 x 360 px. The supported image format is PNG.

3. Click Save to apply the changes.

How to restrict banner display by country and verification level

You can customize banners for display to clients based on specific countries and verification levels.

To apply country or verification level restrictions:

1. Navigate to Promotion > Banners.

2. Select the banner and click the Edit button.

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

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

1. Click Save to apply the restrictions.