Как установить чат-бот на любой сайт
Виджет 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 есть отдельная подробная инструкция.
Как проверить
- Откройте сайт в режиме инкогнито.
- В правом нижнем углу должна появиться кнопка чата.
- Задайте вопрос, ответ на который есть на вашем сайте, и вопрос, ответа на который нет. Во втором случае бот должен честно сказать, что не знает.
Частые вопросы
Влияет ли виджет на скорость сайта?+
defer и загружается после основной страницы, а окно чата работает в отдельном фрейме.