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

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

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

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

Пример диалога

Посмотрите на примере диалога

Проверить заказ

Требуется подключенный магазин и включенное действие для работы с заказами. Доступные поля зависят от интеграции. Совпадение адреса эл. почты не является подтверждением личности.

Пример ChatLabНаглядный диалог

Посетитель: Где мой заказ?

Запустите пример или прочитайте его ниже. Реальные данные клиентов не используются.
1 / 5

Клиент спрашивает о существующем заказе.

Воспроизведение приостанавливается, когда пример пропадает с экрана. Это симуляция, а не живой чат. Элементы управления виджетом во время воспроизведения неинтерактивны.
Прочитать пример полностью
  1. Клиент спрашивает о существующем заказе.

    Посетитель: Где мой заказ?

  2. По умолчанию для поиска требуются оба идентификатора.

    Ассистент: Пожалуйста, укажите номер заказа и адрес эл. почты, использованный при оформлении.

  3. В этом примере используются вымышленные данные.

    Посетитель: 41982, anna@example.com

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

    Проверяю заказ 41982...

  5. Сообщайте только те данные, которые вернул магазин.

    Ассистент: Заказ 41982 отмечен как отправленный. Служба доставки - DPD. Статус доставки можно отслеживать на странице трекинга.

Пример иллюстрирует опыт взаимодействия для клиента. Доступные действия и возвращаемая информация зависят от этой интеграции и вашей конфигурации.

Перед началом работы

Сначала создайте или выберите чат-бота. Вам потребуются права на управление его интеграциями и доступ к настройкам подключения во внешней учетной записи. Если на карточке подключения отображается предложение перейти на другой тариф или связаться с поддержкой, убедитесь, что ваша подписка включает эту интеграцию. Храните учетные данные API в секрете; никогда не вставляйте их в код виджета для сайта.

Важно: рекомендации для e-commerce

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

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

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

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

Шаг 1: Получите Site ID вашего магазина Wix

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

URL в панели Wix с выделенным параметром siteId|width=40

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

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

Меню профиля Wix с выбранным пунктом Account Settings|width=38

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

Боковая панель Account Settings в Wix с выделенным разделом API Keys|width=18

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

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

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

Форма создания ключа API с полем названия и необходимыми разрешениями|width=60

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

Диалоговое окно со сгенерированным ключом API и кнопкой копирования|width=40

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

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

Страница API Keys с блоком Account ID в правой части и кнопкой Copy ID|width=60

Шаг 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 с подключенным доменом, воспользуйтесь функцией пользовательского кода Wix:

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

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

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

Похожие статьи