Документация

Подключите Always On к своему магазину.

Помогите покупателям увидеть вашу коллекцию на себе или на Twin, найти то, что им подходит, сравнить варианты и создать образ во время просмотра.

Что ты настраиваешь?

Посмотрите, что включает в себя Always On

Shopify

Настройте Always On в Shopify.

Вам понадобится доступ администратора Shopify, тема Интернет-магазина 2.0 и один подходящий продукт с четким изображением и кодом продукта (SKU).

Открыть Shopify App Store
  1. Установите и подключите.

    Установите SPREEAI в магазин Shopify, который вы хотите подключить. Откройте его в разделе «Приложения», просмотрите соглашения и выберите «Начать». Выберите план и подтвердите подписку в Shopify. Приложение автоматически подключает ваш магазин.

    Руководство по установке
    Экран приветствия SPREEAI в Shopify с соглашениями и кнопкой «Начать»
    Экран приветствия SPREEAI в Shopify
  2. Приготовьте один продукт.

    В SPREEAI откройте «Продукты» и выберите «Синхронизировать продукты». Выберите один элемент и проверьте его категорию. Дождитесь готовности. Если вы видите «Требуется действие», следуйте инструкциям, указанным в приложении.

    Проверьте соответствие продукта
    Диалоговое окно «Синхронизация продуктов» с флажками продуктов, наличием изображений и выбором категории.
    Начните с одного элемента в окне «Синхронизация продуктов».
  3. Разместите примерочную.

    Откройте «Настройки» → «Настроить витрину». В редакторе тем Shopify поместите блок Примерочная SPREEAI в шаблон продукта и сохраните. Вы можете настроить формулировку, цвета и доступные ярлыки.

    Руководство по настройке темы
    Редактор тем Shopify с выделенным на странице продукта блоком SPREEAI Примерочная
    Блок «Примерочная» в редакторе тем Shopify
  4. Включите его и попробуйте сами.

    В разделе «Продукты» для элемента «Готово» переключите «Статус примерки» на «Включено». Включив виртуальную примерку и сохранив блок в опубликованной теме, откройте действующую страницу продукта на телефоне и компьютере. Убедитесь, что отображается правильный продукт и цвет.

    Редактор темы предварительно просматривает макет. Запустите полную примерку на опубликованной витрине. Тестовые примерки засчитываются в ваш план.

    Руководство по предварительному просмотру и вводу в эксплуатацию
    Таблица продуктов SPREEAI, в которой показаны готовые продукты и столбец «Статус примерки».
    Используйте столбец «Статус примерки» для управления видимостью.

Веб-SDK

Добавьте Always On на свой сайт.

Ваша веб-команда использует Web SDK для добавления кнопки «Примерить» на страницы вашего продукта. Он открывает примерочную, размещенную на SPREEAI, с функциями, основанными на вашей интеграции.

Поговорите с SPREEAI
  1. Получите тестовый доступ.

    Попросите у SPREEAI идентификатор тестового клиента. Выберите один продукт и отправьте на обработку его идентификатор, варианты и четкие изображения одежды.

  2. Подключите одну страницу продукта.

    Предоставьте своему разработчику краткое руководство по Web SDK и идентификатор обработанного предмета одежды. Попросите их разместить кнопку рядом с опциями продукта и сопоставить ее с выбранным вариантом.

  3. Проверьте путь покупателя.

    На своем испытательном полигоне откройте примерочную на телефоне и компьютере. Проверьте одежду и цвет и убедитесь, что в корзину попадает правильный размер и вариант, если вы включите эту опцию.

1. SPREEAIОбработанная одеждаВаш продукт и его соответствующие варианты
2. Страница вашего продуктаКнопка «Примерить»Размещено и оформлено вашей веб-командой
3. Опыт покупателяВиртуальная примерочнаяОткрывается на вашем сайте и размещается на SPREEAI.
Как Web SDK подключает продукт к примерке

Для вашего разработчика. SDK 2.0 — это название выпуска продукта. В текущем руководстве по установке используется Web SDK v3.0.0. Используйте идентификатор клиента, выданный для вашей среды, и храните конфиденциальные учетные данные на своем сервере.

Партнерский API

Подключите свои собственные системы.

Используйте этот маршрут, если вашей команде нужна система на вашем веб-сайте для обмена данными с SPREEAI, например, для утвержденного рабочего процесса каталога.

Обсудить доступ к API
  1. Опишите работу.

    Сообщите SPREEAI, какую систему вы хотите подключить, какие данные ей нужны и что вы хотите от нее делать. Partner Engineering подтвердит поддерживаемый рабочий процесс и доступ.

  2. Поделитесь ссылкой со своей командой.

    Ваш разработчик использует утвержденную ссылку на API и выданные тестовые учетные данные. Храните секреты на своем сервере и используйте отдельные учетные данные для тестирования и производства.

  3. Протестируйте небольшую выборку.

    Прежде чем переходить к производству, убедитесь, что записи продукта и варианта совпадают, и проверьте, как ваша система обрабатывает недоступный элемент или невыполненный запрос.

1. Ваши системыКаталог или бэкэндНачните с согласованного рабочего процесса тестирования
2. Подключение к серверуРазрешенный доступ к APIУчетные данные остаются на вашем сервере
3. SPREEAIПоддерживаемые операции APIПроверьте ответ перед публикацией
Как осуществляется одобренная интеграция с серверной частью

Мобильные SDK

Добавьте Always On в свое приложение.

Дайте вашей команде iOS или Android ссылку на платформу и договоритесь, какой экран и функции продукта использовать в первую очередь.

Планируйте мобильную интеграцию
  1. Выберите первый экран приложения.

    Выберите одну страницу с описанием продукта в своем приложении для покупок iOS или Android и договоритесь, кому принадлежит интеграция.

  2. Подтвердите пакет и функции.

    Спросите SPREEAI, какой пакет, настройки входа и функции применимы к вашему приложению. Дайте вашей мобильной команде ссылку на платформу и первый обработанный предмет одежды.

  3. Запустите его на устройстве.

    В тестовой сборке откройте примерку, проверьте продукт и закройте опыт. Если ваше приложение поддерживает передачу корзины, убедитесь, что оно возвращает правильный товар и размер.

1. Ваше приложениеПодробная информация о товареНачните с одного предмета одежды
2. Родной SDKПримерка в вашем приложенииИспользуйте утвержденный пакет iOS или Android.
3. Ваше приложениеВернуться к покупкамПроверьте поддерживаемую передачу корзины
Что проверить при интеграции мобильного приложения

Всегда доступно

Примерочная на протяжении всего шопинг-путешествия.

Покупатели выбирают фотографию или Близнеца один раз и сохраняют эту точку зрения при просмотре вашей коллекции. Выберите функции, которые имеют смысл для вашего магазина.

Исследуйте платформу

Вопросы по настройке.

Быстрые ответы для первого продукта, который вы запускаете.

Все технические руководства
Нужен ли мне разработчик?

Для стандартной темы Shopify, поддерживающей блоки приложений, администратор магазина может установить SPREEAI, синхронизировать продукты и разместить блокировку. Попросите команду вашего веб-сайта или приложения реализовать интеграцию Web SDK, API или встроенного SDK.

С каких фотографий начать?

Используйте четкий вид спереди одного предмета одежды с равномерным освещением и простым фоном. Если ваш продукт Shopify представлен в нескольких цветах, присвойте каждому цвету собственное изображение варианта. Посмотрите фотогид

Почему не отображается кнопка Shopify?

Убедитесь, что подписка одобрена, виртуальная примерка включена, продукт включен и виден, а блок приложения сохранен в правильном шаблоне опубликованной темы. См. полные проверки Shopify.

Могу ли я добавить товары позже или скрыть примерку?

Да. В Shopify синхронизируйте больше продуктов, когда будете готовы. Переключите статус примерки на «Отключено», чтобы продукт мог скрыть примерку. Подготовленные данные о продукте и настройки темы остаются на месте.

Кто поможет, если я застряну?

электронная почта support@spreeai.com с идентификатором продукта, типом установки, устройством, которое вы тестировали, и тем, что произошло. Храните ключи доступа, жетоны и изображения покупателей в тайне.

Нужна помощь, чтобы начать работу?

Расскажите, как вы продаете и какой продукт хотите попробовать в первую очередь.

Поговорите с SPREEAI

Выберите свой язык.