SPREEAI 开发者专区

搭建试衣间
进入每一个屏幕。.

Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.

开始构建开放完整文档

开发者视角姆里纳尔·舒克拉工程负责人

选择你的道路

从你的
商业技术栈依然存在。.

使用 Shopify 为管理设置,或与我们的 SDK 和 API 集成。选择您的业务需求的特点,并保持您的品牌购物之旅。

直播

最快路径

Shopify 应用

我们的技术通过我们Shopify合作伙伴关系提供。安装应用程序,连接您的目录并为您的商店提供体验。Shopify 商店前线网页 SDK

自定义网站

网页 SDK

控制位置、样式、事件、大小和加入购物车行为。.JavaScript + 字体编辑文档

原生移动端

SDK 等

将 SPREEAI 体验融入现有的 iOS 购物流程中。.开启指南文档

原生移动端

Android SDK 端口

将试穿功能融入具有原生控件的 Android 产品体验中。.開放Android指南合作伙伴访问权限

定制系统

公开 API

请使用经批准的 API 参考进行服务器端和目录工作流。.开放 API 参考

即将推出

市场

亚马逊合作伙伴网络

即将到达亚马逊合作伙伴网络和其他平台,有更多的方式集成 SPREEAI 进入您的商业站点。更新内容将首先在这里显示

Web SDK 快速入门

您的第一次融入

身份验证一次，即可在页面上的任何位置渲染试穿或尺码。请使用在入职培训期间颁发的测试凭据，切勿将客户端密钥放入浏览器代码中。.

npm install @spreeai/web-sdk

# 或
yarn add @spreeai/web-sdk

以“@”为主。 spreeai /web-sdk; const sdk = await init({ clientId:“your-client-id”,合作伙伴Id:”your-partner-id”, });如果(sdk) { await sdk.renderTryOnButton({ elementId: “ spreeai (),(),(,),,。

events: {
  onTryOnButtonClick: (event) => {
    analytics.track("try_on_started", event);
  },
  onAddToCartClicked: async (event) => {
    // 连接到您现有的购物车工作流。
  },
}

集成模型

四个系统。.
一个客户的高光时刻。.

01您的目录

产品ID、变体、图像和营销内容。.

02SPREEAI 数据接入

服装经历加工、审核和就绪状态。.

03SDK 或 API

您的店面请求符合条件的商品体验。.

04客户操作

试穿，寻找尺码，搭配造型，然后返回结账。.

一个专注的路径启动

做好准备。连接
以信心生活吧。

三英里,每一个实用的检查列表。

01 准备好
一个明确的起点。
调整旅行、访问和目录。
准备检查列表
- 选择一个频道,目录组和成功测量。
- 确认合作伙伴访问、认证和排序许可。
- 提供清洁,SKU合并的服装图像。
产品 · 工程 · 目录
02 连接
让它感到原生。
建在站台上。整个旅程测试。
集成检查列表
- 租借合格的产品,并连接变量和车辆行为。
- 与品牌相匹配的经验。
- 检查移动、桌面、可用性、性能和故障状态。
前端 · QA · 品牌
03 · 启动
从真正的使用中学习。
可准备的产品和测量。
启动检查列表
- 确认产品准备,并发布实时体验。
- 监测采用、完成和转换。
- 使用结果来指导下一个类别或旅行。
商业分析