Инструкция

Как установить чат-бот на любой сайт

Виджет SimpleBot — это две строки кода. Его можно поставить на любой сайт, где есть возможность вставить свой HTML.

Код одинаковый для всех платформ. Отличается только место, куда его вставить: он должен оказаться на странице перед закрывающим тегом </body> или в любом месте внутри <body>.

Где взять код

В кабинете SimpleBot откройте бота, раздел «Тест и установка», и скопируйте код виджета целиком.

<script>
  window.CHAT_WIDGET_CONFIG = {
    "apiUrl": "https://simplebot.online/api/chat",
    "siteId": "bot_xxxxxxxxxxxxxxxx",
    "responseLanguage": "ru",
    "title": "Чат",
    "subtitle": "Онлайн"
  };
</script>
<script src="https://simplebot.online/widget/chat-widget.js" defer></script>

Это пример. Берите код из своего кабинета: в нём стоит идентификатор именно вашего бота (siteId).

Обычный HTML-сайт

Вставьте код перед закрывающим тегом </body> в шаблоне, который используется на всех страницах (часто это общий файл подвала, например footer.html или footer.php). Загрузите изменённый файл на хостинг.

WordPress

Самый безопасный способ — плагин для вставки кода в подвал сайта, например WPCode (Insert Headers and Footers): добавьте новый фрагмент, выберите место «Footer», вставьте код и активируйте. Так код не пропадёт при обновлении темы. Второй вариант — вставить код перед </body> в файле footer.php дочерней темы.

1С-Битрикс (сайт на CMS)

Откройте шаблон сайта и вставьте код перед </body> в файле footer.php шаблона. После сохранения сбросьте кэш сайта. Не путайте с Битрикс24: там свой встроенный чат, и эта инструкция относится к сайту на 1С-Битрикс.

Конструкторы и платформы магазинов

В Tilda, InSales, Wix и других конструкторах ищите раздел или блок для вставки собственного HTML-кода в подвал или на страницу. Для Tilda есть отдельная подробная инструкция.

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

  1. Откройте сайт в режиме инкогнито.
  2. В правом нижнем углу должна появиться кнопка чата.
  3. Задайте вопрос, ответ на который есть на вашем сайте, и вопрос, ответа на который нет. Во втором случае бот должен честно сказать, что не знает.
Нужна помощь с установкой? Напишите на support@simplebot.online или в Telegram и пришлите ссылку на сайт.

Частые вопросы

Влияет ли виджет на скорость сайта?+
Скрипт подключается с атрибутом defer и загружается после основной страницы, а окно чата работает в отдельном фрейме.
Можно ли поставить чат только на некоторые страницы?+
Да. Вставьте код только в шаблоны или на страницы, где чат нужен.
Сломается ли что-то при обновлении сайта?+
Если код вставлен в файл темы, обновление темы может его стереть. Поэтому в WordPress лучше использовать плагин для вставки кода.