Чтобы добавить чат-бот на WordPress, нужно вставить одну строку кода в подвал сайта — в файл footer.php темы или через плагин для вставки кода в footer. После этого ИИ-бот появится в правом нижнем углу на всех страницах и начнёт отвечать посетителям. Вся установка занимает 5–10 минут и не требует навыков программирования. Ниже — пошаговая инструкция со всеми способами, проверкой и решением частых проблем.
Что такое виджет чат-бота
Виджет — это небольшой JavaScript-файл, который подключается к коду страницы. Он рисует кнопку чата в углу сайта и связывает её с вашим ботом. Когда посетитель пишет сообщение, бот отвечает на основе базы знаний, которую вы заполнили в личном кабинете: описание компании, услуги, цены, ответы на частые вопросы.
Код виджета выдаётся в личном кабинете chatbot-setup.ru после создания бота. Это одна строка примерно такого вида:
Её нужно добавить перед закрывающим тегом </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>.
Как проверить, что чат-бот установлен
Откройте сайт в браузере (лучше в режиме инкогнито, чтобы исключить кэш).
В правом нижнем углу должна появиться кнопка чата.
Нажмите на неё — должно открыться окно диалога.
Напишите тестовое сообщение, например «Здравствуйте» — бот должен ответить.
Проверьте на нескольких страницах: на главной, на странице услуги, в записи блога. Виджет должен быть везде. Заодно откройте сайт с телефона и убедитесь, что кнопка не перекрывает важные элементы и удобно открывается на маленьком экране.
Что ломается после установки: случаи из практики
Код вставлен, виджет появился — казалось бы, всё. Но именно после этого начинаются вопросы «почему у меня его не видно». Разберём реальные причины, с которыми мы сталкивались.
Виджет пропал после обновления темы
Самая частая история. Код вставили напрямую в footer.php темы — а через месяц вышло обновление, файл перезаписался, виджет исчез. Никто не заметил, пока не удивились тишине в заявках.
Как избежать: не правьте файлы родительской темы. Используйте дочернюю тему или плагин для вставки кода — при обновлениях они не затрагиваются. Если код всё же в footer.php, возьмите за правило проверять виджет после каждого обновления темы.
Виджет виден вам, но не виден посетителям
Открываете сайт — чат на месте. Клиенты говорят, что чата нет. Причина почти всегда одна: кэширующий плагин отдаёт посетителям сохранённую копию страницы, сделанную до установки виджета.
Как избежать: после вставки кода очистите кэш плагина (WP Super Cache, W3 Total Cache, LiteSpeed — у каждого своя кнопка) и проверьте сайт в режиме инкогнито, а не в своём обычном браузере, где страница тоже могла закэшироваться.
Виджет не грузится у части посетителей — и это не ваша вина
Случай из нашей практики, который стоил нервов. Виджет работал у всех, кроме части пользователей мобильного интернета: у них чат просто не появлялся. Долго искали ошибку в коде, а причина оказалась внешней — сайт был подключён через сервис, раздающий общие IP-адреса, и эти адреса блокировались у отдельных операторов связи. Скрипт не мог загрузиться физически.
Как избежать: если жалобы приходят выборочно — «у меня не работает», а у большинства всё нормально, — не ищите ошибку только в коде. Проверьте, не стоит ли перед сайтом прокси-сервис, и попросите пару человек с разных операторов открыть сайт с мобильного интернета.
Виджет конфликтует с другим чатом на сайте
Если на сайте уже стоит консультант от другого сервиса, два виджета встанут друг на друга в одном углу, и часть кнопок перестанет нажиматься.
Как избежать: сначала уберите старый код, потом ставьте новый. Держать два чата одновременно смысла нет: посетитель напишет в тот, что заметит, а вы будете следить за двумя окнами.
Как проверить, что всё действительно работает
Быстрый чек-лист после установки — займёт три минуты:
Откройте сайт в режиме инкогнито — виджет должен появиться.
Проверьте на телефоне, а не только на компьютере: кнопка не должна перекрывать меню или кнопку заказа.
Напишите боту вопрос как клиент и дождитесь ответа.
Оставьте в чате телефон и убедитесь, что уведомление о заявке реально пришло вам на почту. Это отдельный механизм, и проверять его нужно отдельно — фразы бота «передаю менеджеру» недостаточно.
Проверьте на паре внутренних страниц, а не только на главной.
Частые проблемы и их решение
Кнопка чата не появилась. Чаще всего код вставлен не туда или сайт показывает кэшированную версию. Проверьте, что код стоит перед </body>, очистите кэш сайта (если стоит плагин кэширования вроде WP Super Cache или LiteSpeed Cache) и кэш браузера, затем обновите страницу.
Виджет пропал после обновления темы. Это значит, что код был вставлен в footer.php основной темы и стёрся при обновлении. Перенесите код в плагин для вставки кода или в дочернюю тему — тогда он переживёт любые обновления.
Код вставился как текст и виден на странице. Так бывает, если код попал в визуальный редактор записи вместо подвала. Скрипт нужно вставлять в footer.php, в плагин для кода или в поле настроек темы — но не в текст записи.
Плагин кэширования мешает. После вставки кода добавьте сайт в исключения или очистите кэш плагина. Иначе посетители будут видеть старую версию страницы без виджета.
Конфликт с другим скриптом. Если на сайте много сторонних скриптов и виджет ведёт себя странно, временно отключите подозрительные плагины и проверьте, в каком из них дело.
Частые вопросы
Нужен ли отдельный плагин chatbot-setup для WordPress?
Нет. Отдельного плагина в каталоге WordPress нет — он и не нужен. Чат-бот подключается обычной строкой кода виджета через footer.php, плагин для вставки кода или настройки темы.
Замедлит ли чат-бот сайт на WordPress?
Влияние минимальное. Скрипт виджета загружается асинхронно и не блокирует отрисовку страницы, поэтому скорость загрузки практически не меняется.
Работает ли виджет с конструкторами вроде Elementor или Gutenberg?
Да. Виджет не зависит от того, чем собраны страницы. Он подключается на уровне темы или через плагин кода, поэтому работает с любым редактором и любой темой WordPress.
Будет ли бот на мобильной версии сайта?
Да. Виджет адаптирован под мобильные устройства и появляется как на десктопе, так и на телефонах. После установки проверьте отображение с телефона.
Нужно ли переустанавливать код при изменении базы знаний?
Нет. Строка кода остаётся прежней. Чтобы бот отвечал по-новому, достаточно обновить базу знаний в личном кабинете — на сайте ничего менять не надо.
Добавить чат-бот на WordPress проще, чем кажется: одна строка кода в подвал — и ИИ-бот отвечает посетителям на всех страницах, не отвлекая вас. Самый надёжный путь — плагин для вставки кода или дочерняя тема, чтобы виджет не пропадал при обновлениях. Если хотите глубже разобраться в установке на разных платформах, посмотрите пошаговую инструкцию по установке виджета и отдельный разбор для чат-бота на Тильде. А чтобы понять, как бот формирует ответы, прочитайте как работает чат-бот.
