Views: 5125
Last Modified: 09.09.2013

The Bitrix Site Manager allows managing sites using the intuitive visual user interface. This possibility is realized due to using visual components on site pages and in design templates.

Visual component is logically completed source code, implementing operations with data of exact modules. Virtually any script can be shaped as a component.

Visual components can be used for such purposes as:

  • creating frequently used areas in site template or on site pages (e.g. search form, authorization or subscription form);
  • publishing frequently renewal information (e.g. news list, field with random photo);
  • implementing any other operations.


Utilization of visual components allows eliminate users, who do not have special knowledge in web-programming, from need to work directly with source code. A distinctive feature of components is the ability not only to be controlled on the source code level, but also through the use of parameters that define the component behavior.

To add component to pages and adjust its properties use the visual editor. All components are grouped according to modules they belong to. Dropdown list, located on the Component panel, allows to choose a proper module:

All components are displayed as pictures. To insert a component into a page, simply select it in the list and drag and drop it to the desired position within the page.

After you have added a component, you can customize its parameters. To do so, select an existing component in the page. As the result the list of available component parameters will appear in the bottom of the screen:

Besides that a component parameters can be adjusted in page source code editing mode. To switch to this mode use the button , located on the left panel of the visual editor.

Using visual component parameters you can easily adjust it on implementing necessary operations.

Also any arbitrary PHP code can be added to page in the similar manner. In this case, it could be modified in the text editor in the bottom of the screen:

Click to enlarge

Note: Any arbitrary php code, placed on a page, in the visual editor mode will be displayed as the picture .

The Bitrix Site Manager allows to use on pages almost any php code without damage to visual editing mode.

Each visual component can be customized according to site requirements. For example, you can adjust form and size for buttons used in a component, change font, background color or even component work logic.


Site administrators are allowed to create their own components.

Courses developed by Bitrix24