METABOT24
  • Знакомство с Metabot24
    • Инфраструктура
    • Web IDE
    • Бизнес
    • Бот
    • Процессинг коммуникаций
  • Термины
  • Начало работы - с чего начать
    • Как устроен Metabot24
    • Регистрация в Metabot24
    • Вход в учетную запись
    • С чего начать?
    • Как создать бота
    • Экспорт/импорт бота
  • Панель управления ботом
    • Скрипты
      • Разделы скриптов
      • Редактор скрипта
      • Создание меню
      • Дерево скриптов
    • Рассылки
    • Триггеры
    • Каналы
      • Настройка канала для кнопок
    • Интеграции
    • Статусы
    • Маршруты
    • Лиды
    • Статистика
    • Атрибуты
    • Ссылки
  • Команды
    • Отправить текст
    • Отправить изображение
    • Отправить файл
    • Email
    • Установить статус лида
    • Выполнить скрипт
    • Запросить значение
    • Добавить тэги
    • Удалить тэги
    • Добавить контекст
    • Удалить контекст
    • Повторить вопрос
    • Активировать триггер
    • Выполнить JavaScript
    • Стоп
    • Распознать NLP намерение
    • Перевести на оператора
    • Вернуть боту
  • Синтаксис JavaScript с условием
    • Макропеременные
    • JS условие выполнения команды
    • JS условие выполнения рассылки
  • Подключение к сервисам
    • Jivo
    • Webim
    • LiveTex
    • Битрикс24
    • Umnico
  • Подключение к каналам связи
    • Metabot Widget
    • Telegram
    • Vk
    • Viber
  • Перевод на оператора/бота
    • Перевод на оператора
    • Перевод на бота оператором
    • Перевод на бота пользователем
  • Dialogflow
    • Регистрация в Dialogflow
    • Интеграция с Dialogflow
    • Обучение бота
    • Подключение нескольких интеграций
  • Интеграционные возможности​
    • Bot API
    • Обращение к внешним системам из бота
  • Deep Linking / Внешнее связывание
  • Плагины Metabot24
    • Список общих плагинов
    • Интерфейс и логика работы плагинов
    • Сниппеты
    • Примеры плагинов
  • Интернет-магазин в боте
    • Настройки магазина
  • Примеры решений
    • Омни-канальный контакт центр
    • Торговый бот первого касания
    • Бот поддержки
    • Туннели продаж
  • Уроки
    • Бот за 5 минут
    • Бот с NLP
    • Бот с меню самообслуживания
    • Бот на базе Umnico
  • Тарифы и оплата
    • Тарифы
    • Как оплатить тариф
    • Как изменить тариф
    • Как отменить подписку
  • Изменения и новинки
  • Помощь
  • Видеоролики обучающие
  • Видеоотзыв
  • Часто задаваемые вопросы
Powered by GitBook
On this page
  • Настройка чат-виджета
  • Асинхронное подключение чат-виджета
  • Подключение виджета через GOOGLE (GTM)

Was this helpful?

  1. Подключение к каналам связи

Metabot Widget

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

PreviousПодключение к каналам связиNextTelegram

Last updated 3 years ago

Was this helpful?

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

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

Перейти в настройки бота в раздел подраздел .

Нажать кнопку Новая привязка и выбрать канал Web widget.

В открывшемся диалоговом окне рекомендуется заполнить следующие поля:

  • Заголовок - текстовое поле, которое будет отображаться в заголовке виджета. Не обязательно для заполнения

  • Подзаголовок - текстовое поле, которое будет отображаться в подзаголовке виджета. Не обязательно для заполнения

  • Подсказка для поля отправки текста - редактируемое текстовое поле. По умолчанию заполнено фразой "Введите сообщение..."

  • Всплывающая подсказка для поля отправки текста - редактируемое текстовое поле. По умолчанию заполнено фразой "Введите сообщение...";

  • Версия виджета = 1. Не редактируемое поле;

  • Дата/время сообщений - по умолчанию включено, отображает дату и время поступающих и отправленных сообщений в чате

  • Использовать Inline-кнопки - по умолчанию выключено. При включении в чате пункты меню будут отображены в виде кнопок, а не текста

  • Всплывающий HTML - HTML-код для блока, который появляется при наведении курсора мыши на значок чат-виджета

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

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

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

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

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

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

Для асинхронного подключения чат-виджета одной строкой в настройках имеется поле Загрузчик. Оно становится доступным после первоначального сохранения настроек канала.

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

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

Подключение виджета через GOOGLE (GTM)

Настройки бота
Каналы