Перейти к основному контенту

Metabot Widget

Чат-виджет от Metabot

Настройка чат-виджета

При создании и тестировании чат-бота можно воспользоваться быстрой и бесплатной настройкой чат-виджета от Metabot.
Перейти в настройки бота в раздел Настройки бота подраздел Каналы.
Нажать кнопку Новая привязка и выбрать канал Web widget.

image.png

В открывшемся диалоговом окне рекомендуется заполнить следующие поля:
  • Заголовок - текстовое поле, которое будет отображаться в заголовке виджета. Не обязательно для заполнения
  • Подзаголовок - текстовое поле, которое будет отображаться в подзаголовке виджета. Не обязательно для заполнения
  • Подсказка для поля отправки текста - редактируемое текстовое поле. По умолчанию заполнено фразой "Введите сообщение..."
  • Всплывающая подсказка для поля отправки текста - редактируемое текстовое поле. По умолчанию заполнено фразой "Введите сообщение...";
  • Версия виджета = 1. Не редактируемое поле;
  • Дата/время сообщений - по умолчанию включено, отображает дату и время поступающих и отправленных сообщений в чате
  • Использовать Inline-кнопки - по умолчанию выключено. При включении в чате пункты меню будут отображены в виде кнопок, а не текста
  • Всплывающий HTML - HTML-код для блока, который появляется при наведении курсора мыши на значок чат-виджета

Сохранить введенные параметры настройки, нажав на кнопку Сохранить.

image.png


После сохранения появляется HTML-код для вставки на страницу. Используя любой подходящий редактор вставить данный код перед закрывающим тэгом </body>.

image.png


Проверить работу чат-виджета можно нажав кнопку Предварительный просмотр.

image.png


В новом окне браузера откроется пустая страница и в нижнем правом углу чат-виджет.

image.png


Нажмите на иконку Чат-виджета и протестируйте вашего бота на ответы.

image.png


Асинхронное подключение чат-виджета

Для асинхронного подключения чат-виджета одной строкой в настройках имеется поле Загрузчик. Оно становится доступным после первоначального сохранения настроек канала.
По команде Загрузить выполняется (пере-)генерация скрипта-загрузчика и загрузка его на CDN. Загружается скрипт, идентичный тому, что выведен в поле Код виджета выше. Соответственно при изменении настроек, влияющих на код виджета, следует перезагружать скрипт-загрузчик на CDN.

image.png


В Загрузчике выводится нужная одна строка-ссылка на CDN-скрипт. Выполняется автоматическая проверка доступности скрипта-загрузчика в CDN. Если всё ок, то выводится зелёное "200", иначе - красное "404" или какой код ошибки вернёт проверка.

image.png