Существует два способа добавить чат-бота ChatLab в ваш магазин на PrestaShop: установить модуль ChatLab (рекомендуется) или вручную вставить код скрипта в тему оформления.
Перед началом работы
Создайте и обучите чат-бота перед тем, как показывать его клиентам. Для установки вам также понадобятся права на редактирование и публикацию сайта. См. статью Как создать своего первого чат-бота.
Получение кода для вставки
Выберите чат-бота на главной панели управления, затем перейдите на вкладку Deploy (Развертывание).
В панели Select Platform (Выбор платформы) справа нажмите PrestaShop.
Способ 1: Использование модуля PrestaShop (рекомендуется)
Вкладка Plugin Installation (Установка плагина) выбрана по умолчанию. Следуйте пронумерованным шагам на экране.
- Нажмите Get the module on PrestaShop Addons (Получить модуль на PrestaShop Addons) и скачайте модуль ChatLab, совместимый с вашей версией PrestaShop.
- В панели управления PrestaShop откройте Modules > Module Manager > Upload a module (Модули > Module Manager > Загрузить модуль) и выберите скачанный ZIP-архив.
- Нажмите Configure (Настроить) напротив установленного модуля ChatLab, затем нажмите Connect my store (Подключить мой магазин).
- Войдите в ChatLab и выберите вашего чат-бота при появлении запроса.
- Завершите подключение. Модуль свяжет ваш магазин и установит виджет автоматически.
- Откройте витрину магазина и отправьте тестовое сообщение. Чтобы проверить работу с данными магазина, протестируйте также поиск товаров и проверьте заказ в панели управления.
Способ 2: Ручная установка скрипта
Если вы предпочитаете не использовать модуль, вы можете вставить скрипт чат-бота напрямую в шаблон темы вашего магазина.
Перейдите на вкладку Manual Installation (Ручная установка).
-
Выберите вариант: Widget (Виджет - всплывающая иконка чата) или Iframe (постоянно видимое окно чата)
-
Нажмите Copy to clipboard (Скопировать в буфер обмена), чтобы скопировать код
-
Попросите специалиста, обслуживающего вашу тему, открыть соответствующий файл шаблона.
-
Для варианта Widget вставьте скрипт перед тегом
</head>. Для варианта Iframe вставьте iframe в тело страницы туда, где должен отображаться чат. Фрагмент кода для ручной установки только встраивает чат; он не подключает данные магазина. -
Сохраните файл и обновите страницу магазина, чтобы убедиться, что чат-бот отображается
Не уверены, какой тип встраивания выбрать? Ознакомьтесь со сравнением в статье В чем разница между widget и iframe?.
Интеграция с электронной коммерцией
Добавление виджета чат-бота в магазин - это только первый шаг. Чтобы включить поиск товаров и отслеживание заказов в чате, подключите интеграцию с PrestaShop: Интеграция с PrestaShop
Общие рекомендации по использованию чат-бота в интернет-магазине читайте в статье: Как настроить ChatLab для вашего интернет-магазина