Додавання чатбота ChatLab на ваш сайт WordPress дозволяє відвідувачам взаємодіяти з вашим AI-асистентом безпосередньо на сайті. Існує два способи встановлення: плагін для WordPress (рекомендовано) або вбудовування коду вручну.
Перш ніж почати
Створіть і навчіть свого чатбота, перш ніж показувати його клієнтам. Для встановлення вам також знадобляться права на редагування та публікацію сайту. Див. Як створити свого першого чатбота.
Крок 1 - Відкрийте вкладку Deploy у ChatLab
- Увійдіть у ChatLab і виберіть чатбота, якого ви хочете вбудувати
- Перейдіть на вкладку Deploy (Розгортання), потім виберіть WordPress на панелі платформ праворуч
Панель WordPress містить дві вкладки: Plugin Installation (Встановлення плагіна) та Manual Installation (Встановлення вручну).
Спосіб 1: плагін для WordPress (рекомендовано)
Спосіб із плагіном - це найпростіший шлях додати ChatLab на сайт WordPress, без необхідності редагувати код.
- Натисніть Get the plugin on WordPress.org (Отримати плагін на WordPress.org), щоб відкрити сторінку плагіна на wordpress.org
- Встановіть та активуйте плагін «ChatLab - AI Chatbot» з репозиторію плагінів WordPress
- В адміністративній панелі WordPress відкрийте ChatLab і натисніть Continue (Продовжити). Для магазину на WooCommerce залиште прапорець WooCommerce integration (Інтеграція з WooCommerce) увімкненим, якщо вам також потрібні пошук товарів і перевірка замовлень.
- Увійдіть у свій акаунт ChatLab і виберіть чатбота, якого ви хочете показувати.
- Завершіть покроковий процес підключення та поверніться до WordPress. Плагін встановить віджет автоматично.
- Відкрийте свій сайт у браузері, щоб переконатися, що піктограма чатбота з'явилася
Спосіб 2: встановлення вручну
Якщо ви бажаєте вбудувати код вручну, перейдіть на вкладку Manual Installation (Встановлення вручну).
- Встановіть та активуйте плагін для додавання коду в заголовок сторінки, наприклад WPCode (раніше Insert Headers and Footers).
- У разі використання WPCode відкрийте Code Snippets > Header & Footer. Див. інструкції WPCode щодо header і footer.
- У ChatLab виберіть між Widget (спливаючий чат, що відкривається за натисканням на іконку) або Iframe (постійно видимий чат, вбудований у тіло сторінки). Для порівняння див. У чому різниця між widget та Iframe?
- Натисніть Copy to clipboard (Копіювати в буфер обміну), щоб скопіювати код
- Для варіанта Widget вставте код у поле Header і збережіть зміни. Для Iframe вставте його в блок HTML-контенту на сторінці, де має з'явитися чат, використовуючи обліковий запис або редактор із дозволом на використання iframe HTML, після чого оновіть або опублікуйте сторінку. Не вставляйте iframe у header.
- Оновіть свій сайт, щоб перевірити, чи з'явився чатбот
Перевірка встановлення
Після виконання будь-якого зі способів відкрийте свій сайт WordPress у браузері. Ви маєте побачити іконку чату в кутку сторінки (у режимі widget) або вікно чату, вбудоване безпосередньо на сторінці (у режимі iframe). Натисніть на іконку, щоб відкрити чат, і надішліть тестове повідомлення, щоб переконатися, що все працює належним чином.