Как пошагово установить ИИ чат-бота в WordPress

В панели администратора WordPress перейдите в раздел Плагины → Добавить плагин и введите в поиск “WebChatAgent”. Найдите AI Chatbot & Live Chat – WebChatAgent от разработчика WebChatAgent. Установите его из каталога и нажмите «Активировать».

Тестирование проводилось на версии 1.1.3 в WordPress 7.0. Если в каталоге доступна более новая совместимая версия, используйте ее; не загружайте непроверенные ZIP-архивы со сторонних ресурсов.

Вернитесь в раздел «Установленные плагины». В строке WebChatAgent должна отображаться кнопка «Деактивировать», а также появиться уведомление “Plugin activated”. Далее перейдите в появившийся пункт меню WebChatAgent на левой панели.

Если активация завершилась ошибкой, проверьте требования к версиям WordPress и PHP в каталоге плагинов, прежде чем менять настройки WebChatAgent.

Откройте нужного ассистента в панели управления WebChatAgent. Выберите Chatbot actions → Copy chatbot ID или скопируйте UUID в разделе Widget Integration. Этот же ID указан в конце URL в адресной строке браузера.

Перед копированием сверьте имя ассистента. В нашем примере используется Northstar Support; если случайно скопировать ID бота для продаж, виджет заработает, но будет давать не те ответы.

В панели WebChatAgent откройте Settings и укажите точные имена хостов в поле Allowed websites. Вводите хосты без префикса `https://`, номеров портов и путей страниц, нажимая Enter после каждого значения.

Например, запись `www.northstar-demo.example` не дает автоматического разрешения для `support.northstar-demo.example`. Добавляйте только те хосты, где действительно загружается виджет. В ходе теста мы намеренно воспроизвели ошибку домена плагина перед заполнением правильного списка.

Выберите пункт WebChatAgent в главном меню WordPress. На вкладке General указано, что в WordPress сохраняются только Chatbot ID и переключатель плавающего виджета. Остальные вкладки отображают данные из панели управления только для чтения.

До подключения на странице отображается ссылка для входа или регистрации в WebChatAgent и блок предпросмотра. Держите панель WebChatAgent открытой в соседней вкладке, чтобы сверять имя ассистента и ID.

Вставьте скопированный UUID в поле Chatbot ID, включите опцию “Enable the chat widget on your site” и нажмите Save Settings. Этот переключатель управляет только плавающей кнопкой; встроенный чат работает независимо.

Не перепечатывайте ID со скриншотов вручную. Скопируйте его напрямую и перед сохранением сверьте первые и последние четыре символа.

Зеленое уведомление “Settings saved successfully” лишь подтверждает, что значения сохранены в базе WordPress. Если конфигурацию чат-бота не удается загрузить, на этом же экране появится рекомендация проверить Allowed Domains и Chatbot ID.

Это запланированная проверка конфигурации. Перепроверьте точный хост, поддомен `www` или тестовый домен и полный UUID. Сначала сохраните изменения в WebChatAgent, затем обновите страницу в WordPress. Не отключайте ограничение по доменам ради скрытия ошибки.

Перейдите на вкладку Inline Embed. Используйте блок WebChatAgent Inline Chat в редакторе Gutenberg либо шорткод `[webchatagent_inline]` в Classic Editor, блоке «Шорткод», конструкторе страниц или текстовом виджете.

Для отдельных страниц можно подключить отдельного бота с помощью конструкции вида `[webchatagent_inline chatbot-id="OTHER_UUID"]`. Фиксируйте такие переопределения в документации: они объясняют, почему во встроенном блоке и плавающей кнопке отвечают разные ассистенты.

Создайте страницу с названием “Ask Northstar Support”, добавьте стандартный блок «Шорткод» WordPress и вставьте `[webchatagent_inline]`. При использовании стандартного блока WebChatAgent найдите “WebChatAgent Inline Chat” и оставьте поле ID пустым, чтобы применились общие настройки из General.

Оставьте достаточно свободного места вокруг встроенного блока по высоте и проверьте адаптивность на планшетах и смартфонах в режиме предпросмотра перед публикацией.

Нажмите «Опубликовать», проверьте параметры видимости и URL, затем подтвердите публикацию. Откройте полученную ссылку в режиме инкогнито, чтобы куки администратора и устаревший кэш виджета не влияли на результат.

На тестовом стенде закройте страницу от индексации поисковыми системами и удалите ее после завершения проверки. В нашем локальном примере использовались демонстрационные данные компании Northstar.

На опубликованной странице отображается встроенный чат внутри контента и плавающая кнопка Open chat в правом нижнем углу. Если требуется только один вариант, отключите плавающий виджет в настройках или удалите встроенный блок.

Тестовый вопрос: “What is the internal escalation code for an urgent service incident?” Ожидаемый и полученный ответ: `NORDSTERN-42`. На проверочном экране с разрешением 1440 × 1000 показан реальный ответ по базе знаний на локальном тестовом сайте WordPress после добавления точного имени хоста в список разрешенных.

Если виджет не отображается, очистите кэш WordPress, конструктора страниц и CDN. Исключите скрипт `web-chat-agent.js` (и `chat-widget-inline.js` для страниц со встроенным чатом) из правил отложенной загрузки (delay/defer) и объединения скриптов, после чего повторите проверку в новом окне инкогнито.