Додавання чатбота ChatLab на ваш сайт WordPress дозволяє відвідувачам взаємодіяти з вашим AI-асистентом безпосередньо на сайті. Існує два способи встановлення: за допомогою плагіна WordPress (рекомендовано) або через вбудовування коду вручну.
Крок 1 - відкрийте вкладку Deploy у ChatLab
- Увійдіть у ChatLab та виберіть чатбота, якого ви хочете вбудувати
- Перейдіть на вкладку Deploy (Розгортання), після чого виберіть WordPress на панелі платформ праворуч
Панель WordPress містить дві вкладки: Plugin Installation (Встановлення плагіна) та 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 (Налаштування > Insert Headers and Footers)
- У ChatLab виберіть між варіантами Widget (віджет - спливаюче вікно чату, яке відкривається натисканням на значок) або Iframe (постійно видиме вікно чату, вбудоване на сторінку). Перегляньте статтю У чому різниця між Widget та Iframe? для порівняння
- Натисніть Copy to clipboard (Копіювати в буфер обміну), щоб скопіювати код
- Вставте код у секцію Header section (Секція заголовка) у WordPress та збережіть
- Оновіть свій сайт, щоб переконатися, що чатбот відображається
Перевірка встановлення
Після завершення налаштування будь-яким із способів відкрийте свій сайт WordPress у браузері. Ви маєте побачити значок чату в кутку сторінки (у режимі віджета) або вікно чату, вбудоване безпосередньо в сторінку (у режимі iframe). Натисніть на значок, щоб відкрити чат, і надішліть тестове повідомлення, щоб переконатися, що все працює належним чином.