Існує два способи додати чат-бота ChatLab до вашого магазину PrestaShop: встановлення модуля ChatLab (рекомендовано) або додавання коду скрипта вручну до шаблону вашої теми.
Отримання коду для вбудовування
Виберіть вашого чат-бота на головній панелі керування, після чого натисніть вкладку Deploy (Розгортання).
На панелі Select Platform (Вибір платформи) праворуч виберіть PrestaShop.
Спосіб 1: Використання модуля PrestaShop (рекомендовано)
Вкладка Plugin Installation (Встановлення плагіна) вибрана за замовчуванням. Дотримуйтесь пронумерованих кроків, показаних на екрані.
-
Завантажте модуль для вашої версії PrestaShop:
- PrestaShop 8.0+ -
chatlabaicustomerservice.zip - PrestaShop 1.7.x -
chatlabaicustomerservice_1_7.zip
- PrestaShop 8.0+ -
-
В адміністративній панелі PrestaShop перейдіть до IMPROVE > Modules > Module Manager (Покращення > Модулі > Менеджер модулів)
-
Натисніть Upload a module (Завантажити модуль) і виберіть завантажений файл
.zip -
Після встановлення натисніть Configure (Налаштувати) біля модуля ChatLab AI Customer Service
-
Скопіюйте ваш Bot ID (Ідентифікатор бота) з ChatLab за допомогою кнопки Copy (Копіювати)
-
Вставте Bot ID у поле конфігурації модуля та збережіть налаштування
-
Оновіть сторінку вашого магазину - тепер чат-бот має з'явитися на вашому сайті
Спосіб 2: Встановлення скрипта вручну
Якщо ви віддаєте перевагу встановленню без використання модуля, ви можете додати скрипт чат-бота безпосередньо до файлу шаблону вашої теми.
Натисніть вкладку Manual Installation (Встановлення вручну).
-
Виберіть між варіантами Widget (іконка спливаючого чату) та Iframe (постійно видиме вікно чату)
-
Натисніть Copy to clipboard (Скопіювати в буфер обміну), щоб скопіювати код
-
В адміністративній панелі PrestaShop відкрийте файл шаблону вашої теми та знайдіть секцію
<head> -
Вставте код останнім елементом перед закриваючим тегом
</head>всередині секції<head> -
Збережіть файл та оновіть сторінку вашого магазину, щоб переконатися, що чат-бот відображається
Не знаєте, який тип вбудовування вибрати? Прочитайте У чому різниця між віджетом та Iframe? для порівняння.
Інтеграція з електронною комерцією
Додавання віджета чат-бота до вашого магазину - це лише перший крок. Щоб увімкнути пошук товарів та відстеження замовлень безпосередньо в чаті, підключіть інтеграцію з PrestaShop: Інтеграція з PrestaShop
Загальні практичні рекомендації щодо використання чат-бота в інтернет-магазині наведено в матеріалі: Як налаштувати ChatLab для вашого e-commerce магазину