Добавление чат-бота ChatLab на ваш сайт WordPress позволяет посетителям общаться с вашим ИИ-ассистентом прямо на страницах сайта. Доступно два способа установки: с помощью плагина для WordPress (рекомендуется) или через ручное внедрение кода.
Шаг 1 - Откройте вкладку Deploy в ChatLab
- Войдите в ChatLab и выберите чат-бота, которого вы хотите встроить
- Перейдите на вкладку Deploy (Развертывание), затем выберите WordPress на панели платформ справа
На панели WordPress отображаются две вкладки: Plugin Installation (Установка через плагин) and Manual Installation (Ручная установка).
Способ 1: Плагин для WordPress (рекомендуется)
Использование плагина - самый простой способ подключить ChatLab к WordPress, не требующий редактирования кода.
- Нажмите Get WordPress Plugin (Получить плагин для WordPress), чтобы открыть страницу плагина на wordpress.org
- Установите и активируйте плагин «ChatLab - AI Chatbot» из официального каталога плагинов WordPress
- В панели управления WordPress перейдите на страницу настроек плагина
- Вернитесь в ChatLab и нажмите кнопку Copy (Копировать) рядом с полем Bot ID, чтобы скопировать идентификатор в буфер обмена
- Вставьте Bot ID в настройки плагина в WordPress и сохраните изменения
- Откройте ваш сайт в браузере и убедитесь, что иконка чат-бота появилась
Способ 2: Ручная установка
Если вы предпочитаете встроить код вручную, откройте вкладку Manual Installation (Ручная установка).
- Установите и активируйте в WordPress плагин «Insert Headers and Footers» (или любой другой плагин, позволяющий добавлять код в блок
<head>) - В панели управления WordPress перейдите в раздел Settings > Insert Headers and Footers
- В ChatLab выберите вариант Widget (всплывающий чат, открывающийся по клику на иконку) или Iframe (постоянно видимое окно чата, встроенное в страницу). Ознакомьтесь со статьей В чем разница между Widget и Iframe?, чтобы сравнить эти форматы
- Нажмите Copy to clipboard (Скопировать в буфер обмена), чтобы скопировать код
- Вставьте код в секцию Header section (Шапка) в WordPress и сохраните изменения
- Обновите ваш сайт, чтобы убедиться, что чат-бот отображается
Проверка установки
После выполнения любого из способов откройте ваш сайт WordPress в браузере. Вы должны увидеть иконку чата в углу страницы (в режиме виджета) или окно чата, встроенное прямо в страницу (в режиме iframe). Нажмите на иконку, чтобы открыть окно чата, и отправьте тестовое сообщение для проверки работоспособности.