Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

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

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

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

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

Image Removed

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

Image Removed

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

Подсказка

Скопированный блок кода рекомендуется разместить перед закрывающим тегом </body>.

Ниже представлен пример кода страницы с указанием места расположения блока кода виджета:

Image Removed

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

Image Removed

После добавления виджета вы можете задать дополнительные настройки виджета, которые можно использовать в диалоге. Данные настройки задаются при помощи объектов sessionDefaults и appearance с параметрами инициализации.

Объект sessionDefaults  позволяет передать в сценарий виджета переменные с определенными значениями (например, ФИО клиента или идентификатор клиента во внешней системе).

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

Блок кода
languagejs
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 укажите текст, который должен отображаться в виджете при запросе промежуточной оценки.

...

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

Обучающее видео

Коннектор виджета
width800
urlhttps://www.youtube.com/watch?v=2lYpXMG4LSY&embeds_euri=https%3A%2F%2Fconfluence.twin24.ai%2F&source_ve_path=OTY3MTQ&feature=emb_imp_woyt&ab_channel=TWIN
height450

Для запроса промежуточной оценки диалога  у пользователя в свойствах чата должен быть установлен параметр "Через сколько секунд запросить отзыв о диалоге" (подробнее см. в этом разделе).

...