Центр помощи
Интеграции чат-бота

Интеграция с Wix

Последнее обновление:

Подключите чат-бота ChatLab к вашему магазину Wix, чтобы предоставить клиентам доступ к отслеживанию заказов в режиме реального времени прямо в чате.

Важно: лучшие практики для e-commerce

После завершения интеграции ниже ознакомьтесь с подробным руководством по оптимизации вашего чат-бота для электронной коммерции: Как настроить ChatLab для вашего магазина e-commerce

Что дает интеграция

Детали заказа - клиенты могут проверять статус заказа, указав его номер и адрес электронной почты. Оба значения проверяются по данным вашего магазина Wix. Чат-бот возвращает:

  • Номер заказа, дату и текущий статус
  • Итоговую сумму заказа и валюту
  • Статус оплаты
  • Заказанные товары с названиями, количеством, ценами, SKU и изображением товара
  • Адрес доставки и адрес плательщика (имя, компания, улица, город, почтовый индекс, страна, телефон)
  • Способ доставки и ориентировочные сроки доставки

Шаг 1. Получите ваш Wix Site ID

  1. Войдите в панель управления Wix
  2. В адресной строке браузера найдите параметр siteId в URL
  3. Скопируйте значение Site ID

URL в панели управления Wix с выделенным параметром siteId

Шаг 2. Создайте API-ключ Wix

  1. В панели управления Wix нажмите на значок профиля (в правом верхнем углу) и выберите Account Settings (Настройки аккаунта)

Меню профиля Wix с пунктом Account Settings|width=50

  1. Откройте раздел API Keys (API-ключи) на левой боковой панели

Боковая панель Account Settings в Wix с выделенным пунктом API Keys|width=20

  1. Нажмите Generate API Key (Создать API-ключ)

Страница API Keys с кнопкой Generate API Key

  1. Укажите имя ключа (например, «chatlab») и предоставьте следующие разрешения из группы All site permissions (Все разрешения сайта):
    • Wix Stores
    • Wix eCommerce

Форма создания API-ключа с полем имени и необходимыми разрешениями

  1. Нажмите Generate Key (Создать ключ), выполните проверки безопасности и скопируйте ваш API-ключ из одноразового окна отображения - сохраните его в надежном месте, так как повторно просмотреть его будет невозможно

Диалоговое окно с созданным API-ключом и кнопкой копирования

Шаг 3. Получите ваш Account ID

После закрытия диалогового окна API-ключа найдите Account ID (Идентификатор аккаунта) в правой части страницы API Keys. Нажмите Copy ID (Копировать ID), чтобы скопировать его.

Страница API Keys с отображением Account ID в правой части и кнопкой Copy ID

Шаг 4. Подключите Wix в ChatLab

  1. Войдите в ChatLab и выберите вашего бота
  2. Перейдите на вкладку Connect (Подключение)

Вкладка Connect с карточкой интеграции Wix

  1. Нажмите Connect (Подключить) на карточке Wix
  2. Введите ваш API Key (из шага 2)
  3. Введите ваш Account Id (из шага 3)
  4. Введите ваш Site Id (из шага 1)

Форма интеграции Wix с полями API Key, Account Id и Site Id

  1. Нажмите Connect (Подключить)

ChatLab автоматически протестирует соединение, проверив наличие у вашего API-ключа необходимых разрешений. В случае успеха появится подтверждающее сообщение.

Шаг 5. Настройте действия Wix

После подключения необходимо включить действие получения информации о заказе. Перейдите в раздел Settings > Actions (Настройки > Действия) и отфильтруйте список по платформе Wix.

Действия Wix в Settings с отображением действия для деталей заказа

Нажмите кнопку активации действия Wix - order details, чтобы включить его. Вы также можете настроить ярлык действия (сообщение, которое видят пользователи во время выполнения действия) и инструкции, определяющие, как ИИ использует это действие.

Тестирование интеграции

После активации действия откройте виджет чат-бота и попробуйте ввести:

  • «Какой статус у моего заказа №1001?» (проверяет детали заказа)

Убедитесь, что ответ соответствует данным из вашего магазина Wix, включая статус заказа, товары и адреса.

Установка чат-бота на ваш сайт Wix

Чтобы добавить виджет чата на сайт Wix:

  1. В ChatLab перейдите на вкладку Deploy (Развертывание) для вашего бота
  2. Выберите вкладку платформы Wix
  3. Скопируйте фрагмент кода
  4. В Wix перейдите в Settings > Advanced > Custom Code (Настройки > Расширенные > Пользовательский код)
  5. Нажмите + Add Custom Code (+ Добавить пользовательский код)
  6. Вставьте код и укажите его название (например, «ChatLab»)
  7. Выберите страницы, на которых должен отображаться чат-бот
  8. Выберите Head для размещения кода
  9. Нажмите Apply (Применить) для сохранения

Вкладка Deploy с выбранной платформой Wix, кодом и инструкциями

Подробные инструкции по установке виджета см. в статье Как добавить чат-бота на сайт Wix.