Чтобы добавить чат-бот на WordPress, нужно вставить одну строку кода в подвал сайта — в файл footer.php темы или через плагин для вставки кода в footer. После этого ИИ-бот появится в правом нижнем углу на всех страницах и начнёт отвечать посетителям. Вся установка занимает 5–10 минут и не требует навыков программирования. Ниже — пошаговая инструкция со всеми способами, проверкой и решением частых проблем.

Что такое виджет чат-бота

Виджет — это небольшой JavaScript-файл, который подключается к коду страницы. Он рисует кнопку чата в углу сайта и связывает её с вашим ботом. Когда посетитель пишет сообщение, бот отвечает на основе базы знаний, которую вы заполнили в личном кабинете: описание компании, услуги, цены, ответы на частые вопросы.

Код виджета выдаётся в личном кабинете chatbot-setup.ru после создания бота. Это одна строка примерно такого вида:

<script src="https://chatbot-setup.ru/widget.js" data-bot-id="ваш-id"></script>

Её нужно добавить перед закрывающим тегом </body> так, чтобы она присутствовала на каждой странице сайта. На WordPress это удобно сделать один раз — через подвал темы или через плагин, который вставляет код во все страницы автоматически.

Важно понимать: у нас нет отдельного плагина для WordPress в каталоге плагинов. Не ищите «chatbot-setup» среди расширений WordPress — его там нет и не нужно. Чат-бот для WordPress подключается обычным кодом виджета, как и на любой другой сайт. Это даже проще: не нужно ставить лишнее расширение, которое грузит сайт.

Способ 1: через файл footer.php темы

Это самый прямой способ — код вставляется в подвал темы и попадает на все страницы.

Шаг 1. Войдите в админку WordPress (адрес вашсайт.ру/wp-admin).

Шаг 2. Перейдите в «Внешний вид» → «Редактор файлов темы» (в некоторых версиях — «Редактор тем»).

Шаг 3. В списке файлов справа найдите footer.php (Подвал темы).

Шаг 4. В коде файла найдите строку с закрывающим тегом </body>. Обычно она в самом низу файла.

Шаг 5. Вставьте строку кода виджета из личного кабинета прямо перед </body>.

Шаг 6. Нажмите «Обновить файл».

Откройте сайт в новой вкладке — кнопка чата должна появиться в правом нижнем углу.

Совет про дочернюю тему. Если вы редактируете footer.php основной темы, при следующем обновлении темы изменения сотрутся, и виджет пропадёт. Чтобы этого не случилось, лучше редактировать footer.php дочерней темы (child theme). Если дочерней темы у вас нет и создавать её не хочется — выбирайте способ 2 через плагин: он переживает обновления темы без проблем.

Способ 2: через плагин для вставки кода

Самый надёжный и универсальный вариант. Плагин для вставки кода в header/footer добавляет ваш скрипт на все страницы, и при обновлении темы ничего не теряется. Подойдёт любой популярный плагин из категории «insert headers and footers» — их в каталоге WordPress несколько, принцип у всех одинаковый.

Шаг 1. В админке перейдите в «Плагины» → «Добавить новый».

Шаг 2. В поиске введите «insert headers and footers» и установите любой популярный плагин этого типа с хорошими отзывами. Нажмите «Установить», затем «Активировать».

Шаг 3. Откройте настройки плагина (обычно в разделе «Настройки» или в отдельном пункте меню).

Шаг 4. Найдите поле для кода в подвале — оно называется «Scripts in Footer», «Footer» или «Код перед ».

Шаг 5. Вставьте туда строку кода виджета из личного кабинета chatbot-setup.ru.

Шаг 6. Сохраните изменения.

Готово. Виджет появится на всех страницах сайта, и его не нужно переустанавливать при смене или обновлении темы.

Способ 3: через настройки темы

Многие современные темы WordPress имеют собственное поле для пользовательского кода — туда тоже можно вставить виджет.

Загляните в настройки темы: «Внешний вид» → «Настроить» (Customizer) или в отдельную панель настроек темы. Ищите раздел с названием вроде «Пользовательский код», «Custom Code», «Скрипты», «Footer Scripts» или «HTML перед ». Если такое поле есть — вставьте код виджета туда и сохраните.

Не у всех тем такое поле есть. Если не нашли — используйте способ 1 или 2.

Куда именно вставлять код

Главное правило: код должен оказаться перед закрывающим тегом </body>, а не где попало.

  • Перед </body> (подвал) — правильное место. Виджет загружается после основного контента и не тормозит страницу.
  • В <head> — нежелательно. Виджет адаптирован к асинхронной загрузке, но подвал предпочтительнее.
  • Внутри записи или страницы как блок — не подойдёт: тогда бот будет только на одной странице, а не на всём сайте.

Если вы используете плагин для вставки кода или настройки темы, об этом можно не думать — они сами размещают скрипт в нужном месте. Ручное размещение через footer.php требует найти правильную строку, поэтому вставляйте именно перед </body>.

Как проверить, что чат-бот установлен

  1. Откройте сайт в браузере (лучше в режиме инкогнито, чтобы исключить кэш).
  2. В правом нижнем углу должна появиться кнопка чата.
  3. Нажмите на неё — должно открыться окно диалога.
  4. Напишите тестовое сообщение, например «Здравствуйте» — бот должен ответить.

Проверьте на нескольких страницах: на главной, на странице услуги, в записи блога. Виджет должен быть везде. Заодно откройте сайт с телефона и убедитесь, что кнопка не перекрывает важные элементы и удобно открывается на маленьком экране.

Частые проблемы и их решение

Кнопка чата не появилась. Чаще всего код вставлен не туда или сайт показывает кэшированную версию. Проверьте, что код стоит перед </body>, очистите кэш сайта (если стоит плагин кэширования вроде WP Super Cache или LiteSpeed Cache) и кэш браузера, затем обновите страницу.

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

Код вставился как текст и виден на странице. Так бывает, если код попал в визуальный редактор записи вместо подвала. Скрипт нужно вставлять в footer.php, в плагин для кода или в поле настроек темы — но не в текст записи.

Плагин кэширования мешает. После вставки кода добавьте сайт в исключения или очистите кэш плагина. Иначе посетители будут видеть старую версию страницы без виджета.

Конфликт с другим скриптом. Если на сайте много сторонних скриптов и виджет ведёт себя странно, временно отключите подозрительные плагины и проверьте, в каком из них дело.

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

Нужен ли отдельный плагин chatbot-setup для WordPress? Нет. Отдельного плагина в каталоге WordPress нет — он и не нужен. Чат-бот подключается обычной строкой кода виджета через footer.php, плагин для вставки кода или настройки темы.

Замедлит ли чат-бот сайт на WordPress? Влияние минимальное. Скрипт виджета загружается асинхронно и не блокирует отрисовку страницы, поэтому скорость загрузки практически не меняется.

Работает ли виджет с конструкторами вроде Elementor или Gutenberg? Да. Виджет не зависит от того, чем собраны страницы. Он подключается на уровне темы или через плагин кода, поэтому работает с любым редактором и любой темой WordPress.

Будет ли бот на мобильной версии сайта? Да. Виджет адаптирован под мобильные устройства и появляется как на десктопе, так и на телефонах. После установки проверьте отображение с телефона.

Нужно ли переустанавливать код при изменении базы знаний? Нет. Строка кода остаётся прежней. Чтобы бот отвечал по-новому, достаточно обновить базу знаний в личном кабинете — на сайте ничего менять не надо.

Добавить чат-бот на WordPress проще, чем кажется: одна строка кода в подвал — и ИИ-бот отвечает посетителям на всех страницах, не отвлекая вас. Самый надёжный путь — плагин для вставки кода или дочерняя тема, чтобы виджет не пропадал при обновлениях. Если хотите глубже разобраться в установке на разных платформах, посмотрите пошаговую инструкцию по установке виджета и отдельный разбор для чат-бота на Тильде. А чтобы понять, как бот формирует ответы, прочитайте как работает чат-бот.