Центр помощи
Добавление чат-бота на сайт

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

Последнее обновление:

Добавление чат-бота ChatLab на ваш сайт WordPress позволяет посетителям общаться с вашим ИИ-ассистентом прямо на страницах сайта. Доступно два способа установки: с помощью плагина для WordPress (рекомендуется) или через ручное внедрение кода.

Шаг 1 - Откройте вкладку Deploy в ChatLab

  1. Войдите в ChatLab и выберите чат-бота, которого вы хотите встроить
  2. Перейдите на вкладку Deploy (Развертывание), затем выберите WordPress на панели платформ справа

Вкладка Deploy с выбранным WordPress

На панели WordPress отображаются две вкладки: Plugin Installation (Установка через плагин) and Manual Installation (Ручная установка).

Способ 1: Плагин для WordPress (рекомендуется)

Использование плагина - самый простой способ подключить ChatLab к WordPress, не требующий редактирования кода.

  1. Нажмите Get WordPress Plugin (Получить плагин для WordPress), чтобы открыть страницу плагина на wordpress.org

Выделенная кнопка Get WordPress Plugin

  1. Установите и активируйте плагин «ChatLab - AI Chatbot» из официального каталога плагинов WordPress
  2. В панели управления WordPress перейдите на страницу настроек плагина
  3. Вернитесь в ChatLab и нажмите кнопку Copy (Копировать) рядом с полем Bot ID, чтобы скопировать идентификатор в буфер обмена

Bot ID с выделенной кнопкой Copy

  1. Вставьте Bot ID в настройки плагина в WordPress и сохраните изменения
  2. Откройте ваш сайт в браузере и убедитесь, что иконка чат-бота появилась

Способ 2: Ручная установка

Если вы предпочитаете встроить код вручную, откройте вкладку Manual Installation (Ручная установка).

Выделенная вкладка Manual Installation

  1. Установите и активируйте в WordPress плагин «Insert Headers and Footers» (или любой другой плагин, позволяющий добавлять код в блок <head>)
  2. В панели управления WordPress перейдите в раздел Settings > Insert Headers and Footers
  3. В ChatLab выберите вариант Widget (всплывающий чат, открывающийся по клику на иконку) или Iframe (постоянно видимое окно чата, встроенное в страницу). Ознакомьтесь со статьей В чем разница между Widget и Iframe?, чтобы сравнить эти форматы
  4. Нажмите Copy to clipboard (Скопировать в буфер обмена), чтобы скопировать код

Выделенная кнопка Copy to clipboard

  1. Вставьте код в секцию Header section (Шапка) в WordPress и сохраните изменения
  2. Обновите ваш сайт, чтобы убедиться, что чат-бот отображается

Проверка установки

После выполнения любого из способов откройте ваш сайт WordPress в браузере. Вы должны увидеть иконку чата в углу страницы (в режиме виджета) или окно чата, встроенное прямо в страницу (в режиме iframe). Нажмите на иконку, чтобы открыть окно чата, и отправьте тестовое сообщение для проверки работоспособности.