История страницы

...

Чтобы разместить виджет с ботом на странице вашего сайта, необходимо выполнить выполните следующие действия:

1) Создать Создайте чат. Подробнее о том, как это сделать, написано в следующем разделе Создание новых чатов.

2) В личном кабинете администратора перейти перейдите в раздел Чаты - Настройки и нажать нажмите кнопку Код фрейма напротив имени созданного чата.

3) В открывшемся окне скопировать скопируйте указанный ниже блок кода вручную или с помощью кнопки .

4) Разместить Разместите скопированный блок кода в коде страницы вашего сайта. Если вы хотите разместить виджет на нескольких страницах сайта, данную процедуру необходимо выполнить для каждой такой страницы. 

После сохранения изменений в правом нижнем углу вашей страницы будет отображаться кнопка виджета.

...

TwinChat.init('#twin-chat-container', {
            chatId: '35a40e2c-4955-4ae3-a8e0-559fd4381244',
            sessionDefaults: {
                name: 'Диалог с клиентом',
                clientExternalId: 'externalKey',
                clientMetadata: {
                    age: 31,
                    topic: "Открытие магазина",
                    city: 'Москва'
                },
                clientEmail: 'client@mail.ru',
                clientPhone: '79111234567',
                clientName: 'Иван Петров',
                orderNumber: '1234567',
                clientDeviceId: '0000-1111-2222-3333-44444444',
                clientTimezone: '-300'
            },
            appearance: {
                lang: 'en',
                start: {
                    mode: 'messengerButtons',
                },
                rating: {
                    midterm: 'Оцените, как проходит диалог',
                }
                analytics: {
                    yandexMetrika: {
                        counter: '86962928',
                        // method: 'ym',
                        // prefix: '/chat-widget',
                    },
                    {
                        googleAnalytics: {
                            counter: '88777666',
                            // method: 'gtag',
                            // prefix: 'ChatWidget',
                        },
                    },
                }

...

• name (системная переменная) –имя диалога, которое отображается в кабинете оператора;
• clientExternalId (системная переменная) – идентификатор клиента, по которому будут группироваться чат-сессии в кабинете оператора;
• clientMetadata–содержит список переменных, которые задаются пользователем. Значения этих переменных передаются в сценарий. Вы можете задавать любые переменные. Например:
  • age (пользовательская переменная)– возраст клиента;
    
  • topic (пользовательская переменная)– тема диалога;
    
  • city (пользовательская переменная)– город проживания клиента;
    
  • clientEmail (пользовательская переменная)– адрес электронной почты клиента;
  • clientPhone (пользовательская переменная)– контактный номер телефона клиента;
  • clientName (пользовательская переменная)– имя клиента;
  • orderNumber (пользовательская переменная)– номер заказа;
  • clientDeviceId (пользовательская переменная)– идентификатор устройства клиента;
  • clientTimezone (пользовательская переменная)– часовой пояс.

Вы можете использовать любые переменные с различными значениями в диалогах с клиентами. Пример ниже демонстрирует, каким образом можно при помощи переменных передавать в диалог имя клиента, адрес его электронной почты и номер его мобильного телефона.

Все переменные, которые вы используете необходимо задать в сценарии бота.

Объект appearance позволяет задать язык, на котором будут отображаться названия кнопок виджета, включить режим отображения кнопок с пиктограммами мессенджеров и социальных сетей, а также отобразить пользователю запрос с просьбой оценить диалог.

...