How to create a banner

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

  2. In the invoked Create Banner window, fill in the following fields:

  • In the Caption field, enter a title for your banner. This title will be displayed in the B2Core UI.

  • In the Banner URL field, enter a URL tail defining a section where 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.

  • 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 drop-down list displayed on the Banner tab, and then click Save.

Note

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 drop-down list displayed on the Banner tab, and then click Save.