Page Comparison

Подключение виджета

В коде для вставки виджета есть несколько параметров, которые влияют на его внешний вид и поведение.

data-widget-style-params - здесь вы указываете цвета для всех элементов интерфейса виджета, в примере ниже показаны варианты отображения элементов. Наименование параметров цветов соответствует их назначению. formPanelDisabledButtonBackgroundColor и другие аналогичные отвечают за оформление кнопки на форме сбора информации.

data-widget-user-form - с его помощью вы можете создавать форму для сбора информации, которую клиент должен указать (или может указать) для последующего отображения у оператора. Ниже приведен основной шаблон настройки, а еще ниже приведен работающий код виджета с примером, объединяющим все основные настройки.

data-widget-user-form='{
"message": "Представьтесь, пожалуйста.",
"required": true,
"submitButton":

Unknown macro: { "text"}

,
"fields": [
{
"name": "senderFullName",
"label": "Ф.И.О.",
"rules": [

Unknown macro: {"required"}

]
},
{
"name": "senderEmail",
"label": "Email",
"rules": [

Unknown macro: {"required"}

,

Unknown macro: {"type"}

]
},

Unknown macro: { "name"}

]
}'

Пример оформления:

виджета с отдельно настроенными цветами для сообщений и для кнопок
виджета, который всегда открыт при открытии страницы
виджета с формой, в которой есть 2 обязательных к заполнению поля - ФИО и Отделение и кнопка Отправить

Unknown macro: { "widgetButtonBackgroundColor"}

'
data-widget-user-form='{
"message": "Здравствуйте, я Абсолютный помощник, представьтесь, пожалуйста.",
"required": true,
"submitButton":

Unknown macro: { "text"}

,
"fields": [
{
"name": "senderFullName",
"label": "Ф.И.О.",
"rules": [

Unknown macro: {"required"}

]
},
{
"name": "Отделение",
"label": "Отделение",
"rules": [

Unknown macro: {"required"}