Добавление виджета с ботом на страницу сайта

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

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

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

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

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

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

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

После добавления виджета вы можете задать дополнительные настройки виджета, которые можно использовать в диалоге. Данные настройки задаются при помощи объектов 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);

Объект sessionDefaults

• meta - объект содержит произвольные свойства, которые передаются в сценарий в виде переменных. Вы можете задавать любые свойства. Переменные, используемые по умолчанию:
  
  • status - статус заказа клиента в интернет-магазине.
• name - имя диалога, которое отображается в кабинете оператора.
• clientExternalId - идентификатор клиента, по которому будут группироваться чат-сессии в кабинете оператора.

Объект appearance

• lang - задает язык виджета (подробнее об изменении языка виджета см. Изменение языка виджета);
• start  - задает режим отображения кнопок подключенных мессенджеров и социальных сетей. Для опции mode укажите значение messengerButtons, если при старте страницы необходимо отображать список всех подключенных в личном кабинете мессенджеров и социальных сетей;
• rating - позволяет изменить текст запроса у пользователя промежуточной оценки диалога. В значении midterm укажите текст, который должен отображаться в виджете при запросе промежуточной оценки.