Visual layout kit for chat widgets
The standard layout kit is a powerful visual tool for adjusting the chat widget look.
The layout kit operates in 3 modes:
- Basic settings
- Extended settings
- Text only
To toggle between these modes, use the respective control elements (fig. 1)
By default the layout kit is included in the "Basic settings" mode. Using these settings you can select the "Template" of the future widget window by selecting the window style you need from the list of suggestions. After pressing the "Apply" button the template will be displayed in the preview window and all template parameters will be available for editing.
In the "Basic settings" the following parameters are available for editing:
- Theme Name
- Color scheme
- Text set all the widget texts in different languages. The languages not supported in pre-made sets may be added by way of editing texts in the "Extended settings" or "Text only" modes of the layout kit.
- Common font
- Placement onscreen
If you find the Basic settings lacking options, use the Extended settings mode. Read more about the layout kit operation in this mode below.
When creating a new widget theme or correcting the selected template in the Basic settings mode you can use the Extended settings mode . To make sure the theme is in the widget construction mode, open the General block and check if the Extended settings mode is on and the Theme creation method switch is in the Widget creation kit position (fig. 2).
The Extended settings tools are divided into the left menu blocks:
|Header (logo panel)|
|Chat history field|
|Message input field|
|Department selection form|