...
3) В открывшемся окне скопировать указанный ниже блок кода вручную или с помощью кнопки 
.
...
4) Разместить скопированный блок кода в коде страницы вашего сайта. Если вы хотите разместить виджет на нескольких страницах вашего сайта, данную выше процедуру необходимо выполнить для каждой такой страницы.
| Подсказка |
|---|
Скопированный блок кода рекомендуется разместить размещать перед закрывающим тегом </body>. Ниже приводится пример кода страницы с указанием места расположения блока кода виджета:
|
...
После добавления виджета вы можете задать дополнительные настройки виджета, которые можно использовать в диалогедиалогах. Данные настройки задаются при помощи объектов sessionDefaults и appearance с параметрами инициализации. Чтобы применить дополнительные настройки виджета, необходимо добавить объекты sessionDefaults и appearance в указанный ниже фрагмент кода раздел инициализации виджета.
| Подсказка |
|---|
Ниже указано место размещения фрагмента кода с объектами sessionDefaults и appearance в разделе инициализации виджета:
|
Объект sessionDefaults позволяет передать передавать в сценарий виджета переменные с определенными значениями (например, ФИО клиента или , день недели, контактный номер телефона, идентификатор клиента во внешней системе). Данные переменные можно использовать в диалогах с клиентами.
Объект appearance позволяет задать язык, на котором будут отображаться названия кнопок виджета, включить режим отображения кнопок с пиктограммами мессенджеров и социальных сетей, а также отобразить пользователю запрос с просьбой оценить диалог. Ниже приводится фрагмент кода инициализации виджета с объектами sessionDefaults и appearance.
| Блок кода | ||||
|---|---|---|---|---|
| ||||
TwinChat.init('#twin-chat-container', {
chatId: 'Уникальный ID чата, полученный в личном кабинете',
sessionDefaults: {
meta: {
status: 'new',
},
name: 'Техническая поддержка',
clientExternalId: '6589',
},
appearance: {
lang: 'en',
start: {
mode: 'messengerButtons',
},
rating: {
midterm: 'Оцените, как проходит диалог',
}
},
}).then(client => window.TwinClient = client);
|
...