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

Пошаговая инструкция: от регистрации до работающего виджета за 2 минуты. Без программиста, без доступа к серверу — одна строка кода. WordPress, Tilda, Битрикс, Wix и любая другая CMS.

Начать установку →

Есть бесплатный тариф · Без привязки карты

Зарегистрируйтесь и укажите URL сайта

Перейдите на страницу регистрации. Введите адрес вашего сайта и email. Сразу после отправки формы бот начнёт автоматически сканировать страницы.

Сканирование занимает 1–3 минуты в зависимости от размера сайта. Прогресс отображается прямо на экране — можно не закрывать вкладку.

По завершении вы получите API-ключ и код виджета. Ключ также придёт на указанный email.

Скопируйте код виджета

После сканирования в личном кабинете появится готовый код виджета. Он выглядит так:

<script src="https://sitegpt.tech/widget.js" data-collection="ваш_ключ" data-bot-name="Консультант" data-color="#6C5CE7"> </script>

Параметры можно настроить:

data-bot-name — имя бота в шапке виджета (например, «Консультант» или «Помощник клиники»).
data-color — цвет кнопки и шапки виджета (HEX-код, например #6C5CE7).
data-position — положение: «right» (по умолчанию) или «left».

Вставьте код на сайт

Вставьте скопированный код перед закрывающим тегом </body> на страницах вашего сайта. Ниже — инструкция для каждой CMS:

WordPress

  1. Войдите в админку WordPress
  2. Перейдите в Внешний вид → Редактор тем (или Настройки темы)
  3. Откройте файл footer.php
  4. Найдите строку </body>
  5. Вставьте код виджета прямо перед ней
  6. Сохраните файл

Альтернатива: установите плагин «Insert Headers and Footers» (WPCode) и вставьте код в секцию Footer. Так не нужно трогать тему.

Tilda

  1. Откройте настройки сайта в Tilda
  2. Перейдите в раздел Ещё → HTML-код для вставки в </body>
  3. Вставьте код виджета
  4. Опубликуйте сайт

Код добавится на все страницы сайта автоматически. Публикация занимает несколько секунд.

1С-Битрикс

  1. Войдите в админпанель Битрикс
  2. Перейдите в Настройки → Настройки продукта → Сайты → Шаблоны
  3. Откройте активный шаблон на редактирование
  4. Найдите </body> в коде шаблона
  5. Вставьте код виджета перед ним
  6. Сохраните шаблон

Альтернатива: добавьте код через «Включаемые области» в подвале шаблона.

Wix

  1. Откройте редактор сайта в Wix
  2. Перейдите в Настройки → Пользовательский код (или «Tracking & Analytics»)
  3. Нажмите + Добавить код
  4. Вставьте код виджета, выберите размещение: «Body — End»
  5. Примените на «Все страницы» и сохраните

Нужен тариф Wix Premium для вставки пользовательского кода.

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

  1. Откройте файл вашей страницы (обычно index.html) в редакторе
  2. Найдите строку </body>
  3. Вставьте код виджета прямо перед ней
  4. Сохраните файл и загрузите на хостинг

Если страниц несколько — вставьте код на каждую или используйте общий footer через include/шаблон.

Проверьте что виджет работает

Откройте ваш сайт в браузере. В правом нижнем углу должна появиться кнопка чата. Нажмите на неё и задайте тестовый вопрос — бот ответит на основе контента вашего сайта.

Если виджет не появился — проверьте:

1. Код вставлен перед </body>, а не в <head>.
2. Значение data-collection совпадает с ключом из личного кабинета.
3. Сайт опубликован после добавления кода (для Tilda/Wix).
4. Попробуйте открыть в режиме инкогнито (кэш браузера).

Всё ещё не работает? Напишите в Telegram или на sitegpt@yandex.com — поможем разобраться.

Готовы установить?

Регистрация за 2 минуты. Бот начинает работать сразу после сканирования.

Начать установку →

Как настроить внешний вид и поведение бота

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

Внешний вид

Цвет — параметр data-color. Укажите HEX-код вашего бренда.
Имя бота — параметр data-bot-name. Покажется в шапке виджета.
Позиция — data-position: «right» или «left».

Базу знаний

Через личный кабинет можно добавить дополнительную информацию (FAQ, акции, инструкции), настроить стиль ответов и обновить контент кнопкой «Рекраулинг».

Заявки в Telegram

Привяжите свой Telegram к боту — и когда клиент оставит заявку через виджет, она мгновенно придёт вам в личные сообщения.

Для каких сайтов подходит

SiteGPT работает на любом сайте с текстовым контентом:

Частые вопросы об установке

Нет. Установка — одна строка JavaScript-кода. Справится любой, кто может редактировать сайт. Если не получается — напишите нам, поможем.

Нет. Скрипт загружается асинхронно и весит менее 15 КБ. Не блокирует загрузку страницы и не влияет на Core Web Vitals.

Да. Вставьте код только на нужные страницы. Если хотите на всех — добавьте в общий шаблон (footer).

Просто удалите строку кода виджета с сайта. Бот исчезнет мгновенно. Данные в личном кабинете сохранятся.

Да. Виджет полностью адаптивный — корректно отображается на всех размерах экрана, включая смартфоны.

Можно изменить цвет, имя бота, позицию (лево/право) и подсказки через data-атрибуты. На платных тарифах доступна расширенная кастомизация.