База знаний

Как поставить виджет LEVBOT на свой сайт

Короткая инструкция: как добавить кнопку чата LEVBOT на любой сайт с помощью готового кода виджета из LEVBOT DEPLOY.

Содержание
  1. Где взять код виджета
  2. Куда вставить код
  3. Как должен выглядеть код
  4. Что можно менять
  5. Как проверить

Виджет LEVBOT — это небольшая кнопка чата, которую можно поставить почти на любой сайт. Посетитель нажимает «Задать вопрос», пишет сообщение, а Green отвечает из вашей установленной сборки.

Где взять код виджета

Откройте LEVBOT DEPLOY и найдите блок «Виджет на сайт».

Когда Green установлен и публичный чат проверен, DEPLOY покажет готовый код. Его можно скопировать одной кнопкой.

Куда вставить код

Вставьте код виджета на нужную страницу сайта перед закрывающим тегом:

</body>

Если у сайта есть общий шаблон, лучше вставить код туда. Тогда кнопка чата появится сразу на всех страницах, где используется этот шаблон.

Как должен выглядеть код

Пример:

<script
  src="https://ваш-домен.ru/site/levbot/widget.js"
  data-title="Задать вопрос"
  data-position="right"
  defer>
</script>

В строке src должен быть домен, на котором установлен ваш LEVBOT Green. Не копируйте тестовый домен из чужих примеров.

Что можно менять

Можно изменить только простые настройки:

  • data-title — текст на кнопке;
  • data-position — сторона экрана: right или left.

Остальной код лучше не трогать.

Как проверить

  1. Сохраните страницу сайта.
  2. Откройте сайт в браузере.
  3. Убедитесь, что появилась кнопка чата.
  4. Нажмите кнопку и отправьте короткое тестовое сообщение.

Если чат не появился, проверьте, что Green установлен, публичный чат открывается по адресу вида /site/levbot/, а домен в коде виджета указан правильно.