BILLmanager 6
Documentation
/
BILLmanager 6
/
Provider settings
/
Branding
en En
es Es
Add to Favorites
Documentation
/
BILLmanager 6
/
Provider settings
/
Branding

Branding

BILLmanager supports branding — creating a unique appearance for the platform web interface. The provider can:

  • set a color scheme;
  • upload a company logo;
  • configure copyright information display;
  • customize the login form.

Branding configuration

To brand the interface, in the main menu navigate to Provider → Providers → select the provider → click the Brand setup button.

   

General

The General section contains the following settings:

  • Window title — the page title displayed in the browser tab;
  • Home page — the company website. Clicking the copyright link opens the specified page;
    Enter the address of your company's main website, not the platform server, in the Hom epage field. For example,  https://example.com , not https://billmanager.example.com .
  • Copyright — copyright text identifying the physical or legal entity holding the rights to the resource. This is a link to the homepage. It is displayed:
    • at the bottom of the platform's main menu;
    • at the bottom of the login page.
    Example of copyright at the bottom of the page


  • Contact — a link to the company's contact details. It will be added to the login form.
    Example of general settings

The Logo section contains the following settings:

  • Link on the logo — the URL opened when clicking the logo;
  • Main logo — the brand logo located in the top-left corner of the platform interface. Maximum display size is 245x30 pixels; supported formats: PNG , SVG ;
  • Authorization form logo — the brand logo displayed on the login page. Maximum display size is 400x200 pixels; supported formats: PNG , SVG;
    Example of logo on the login form


  • Address bar icon (favicon) — the icon displayed in the browser tab before the page title. Maximum size is 16x16 pixels; supported format: ICO.

Login form

To customze the login form, in the Login form section:

  1. Click Go to settings.
  2. Configure:
    • Login form style — select the style and layout of elements on the login form:
      • Style 1 — on the right side of the page;
      • Style 2 — centered on the page;
    • Add a shade — enable the option to add a shadow under the login form;
    • Login form background:
      • Upload your image — Select an image for the image and its position on the page. Available options:
        • Tile the background;
        • Stretch vertically;
        • Stretch horizontally;
      Maximum image size is 2560x1440 pixels; supported formats: PNG,  SVG, JPEG;
    • Select the background color — enter a HEX color code or use the widget to select it.


      Example of background color selection


      To restore default settings, click the Restore form button.


  3. Click Apply to save changes.

All style setting changes are reflected in the preview area.

Preview area 


Interface color

You can use your corporate colors in the platform interface. In the Interface color section, click Go to settings:

  1. Select the platform section: Home, Table, Form.
  2. In the preview area, select the element whose colors you want to change.
    Interface color configuration
  3. In the right panel, enter a HEX color code or select one using the widget.
    All changes are visible in real time during interface preview. Some colors are shared across sections. For example, Main color determines the appearance of active buttons and interface fields.
    To restore a modified color to its default, click the undo icon next to the field.
    Color picker widget
  4. Go to preview mode. In this mode, you can switch between interface sections.
  5. Apply colors to the provider's user interface.

Click Restore colors to restore default settings.

You can Cancel unsaved changes.

HTML insertion

All platform pages are created using:

  • HTML markup;
  • CSS styles;
  • JavaScript code.

To create additional branding for the platform, from the interface add your own HTML/CSS/JavaScript code to the existing BILLmanager page code.

In the HTML insertion section, there are fields for:

  • Head — code from this field will be appended to the end of the header block (<head> </head>) on every page;
  • Body — code from this field will be appended to the end of the body block (<body> </body>) on every page.
Example of filled header


For example, to change the font of the main menu, add the following code to the Head field:

Example of menu item modification
<style>
	li {
    	font-size:12px;
    	font-family:comic sans ms,cursive;
    	font-style:italic;
	}
</style>

The code in the example:

  • overrides the default styling of the list element (<li>);
  • sets the font size to 12 pixels;
  • applies the comic sans ms font;
  • activates italic styling. 

Reset settings

To restore default settings, enable the Reset settings option and click Apply.

The article was last updated on 11.14.2025. The article was prepared by technical writers of ISPsystem