개발자용 SPREEAI

탈의실을 만드세요
모든 화면에.

카탈로그를 연결하고, 고객 여정을 설계하세요. 팀에 맞는 통합 경로를 통해 Always On을 온라인 스토어에 도입하세요.

건축을 시작하세요 전체 문서 열기

개발자 관점므리날 슈클라엔지니어링 부서장

당신의 길을 선택하세요

당신이 있는 곳에서 시작하세요
커머스 스택이 살아있습니다.

관리형 설정을 원하시면 Shopify을 사용하시거나, SDK 및 API와 통합하세요. 비즈니스에 필요한 기능을 선택하고 브랜드의 쇼핑 여정을 유지하세요.

살다

가장 빠른 경로

Shopify 앱

저희 기술은 Shopify 파트너십을 통해 이용하실 수 있습니다. 앱을 설치하고 카탈로그를 연결하여 매장 경험을 최적화하세요.

Download Shopify app 공개 문서

웹 SDK

맞춤형 웹

웹 SDK

배치, 스타일, 이벤트, 크기 및 장바구니 담기 동작을 제어합니다.자바스크립트 + 타입스크립트 문서

네이티브 모바일

iOS SDK

SPREEAI 경험을 기존 iOS 쇼핑 여정에 통합하세요.iOS 가이드 열기 문서

네이티브 모바일

Android SDK

네이티브 컨트롤을 사용하여 안드로이드 제품 환경에 가상 착용 기능을 통합하세요.안드로이드 가이드 열기 파트너 액세스

맞춤형 시스템

공개 API

서버 측 및 카탈로그 워크플로에는 승인된 API 참조를 사용하십시오.오픈 API 참조

곧 출시 예정

시장

아마존 파트너 네트워크

곧 아마존 파트너 네트워크 및 기타 플랫폼에서 SPREEAI을 커머스 스택에 통합할 수 있는 더 많은 방법을 만나보실 수 있습니다.업데이트 사항은 여기에 가장 먼저 게시됩니다.

웹 SDK 빠른 시작

첫 번째 통합입니다.

한 번만 인증하면 페이지 어디에서든 가상 착용 또는 사이즈 선택 화면을 표시할 수 있습니다. 온보딩 과정에서 발급된 테스트 자격 증명을 사용하고, 클라이언트 시크릿을 브라우저 코드에 절대 넣지 마십시오.

npm install @spreeai/web-sdk@3.0.0

# or
yarn add @spreeai/web-sdk@3.0.0

import { init } from "@spreeai/web-sdk";
import "@spreeai/web-sdk/dist/web-sdk.css";

// Add <div id="spreeai-try-on"></div> to the product page first.
const sdk = await init({ clientId: "your-client-id" });

if (sdk) {
  await sdk.renderTryOnButton({
    elementId: "spreeai-try-on",
    garments: [{ garmentId: "your-garment-id" }],
    enableAddToCart: true,
  });
}

// Pass events inside renderTryOnButton's options.
await sdk?.renderTryOnButton({
  elementId: "spreeai-try-on",
  garments: [{ garmentId: "your-garment-id" }],
  events: {
    onTryOnButtonClick: (event) => {
      console.info(event.name);
    },
    onAddToCartClicked: (event) => {
      // Connect event.garments to your storefront's cart.
    },
  },
});

통합 모델

네 가지 시스템.
고객과의 특별한 순간.

01귀사의 카탈로그

제품 ID, 변형 상품, 이미지 및 상품 진열 맥락.

02SPREEAI 섭취

의류는 가공, 검토 및 준비 단계를 거칩니다.

03SDK 또는 API

귀하의 스토어에서 해당 제품에 대한 체험판을 요청합니다.

04고객 활동

입어보고, 사이즈를 찾고, 스타일을 완성한 후 결제 페이지로 돌아가세요.

집중적인 출시 전략

준비하고, 연결하세요.
자신감을 가지고 라이브 방송을 시작하세요.

세 가지 주요 단계와 각 단계에 대한 실용적인 체크리스트.

01 · 준비
명확한 출발점.
여정, 접근 및 카탈로그를 일치시키세요.
준비 체크리스트
- 채널, 카탈로그 그룹 및 성공 측정 기준을 하나씩 선택하십시오.
- 파트너 액세스 권한, 자격 증명 및 스테이징 권한을 확인하십시오.
- SKU와 정렬된 깔끔한 의류 이미지를 제공하십시오.
제품 · 엔지니어링 · 카탈로그
02 · 연결
본래의 언어처럼 느껴지도록 하세요.
스테이징 환경에서 구축하고 전체 과정을 테스트하세요.
통합 체크리스트
- 적합한 제품을 렌더링하고 변형 상품 및 장바구니 동작을 연결합니다.
- 브랜드에 걸맞은 경험을 제공하세요.
- 모바일, 데스크톱, 접근성, 성능 및 오류 상태를 확인합니다.
프런트엔드 · QA · 브랜드
03 · 시작
실제 사용 경험을 통해 배우세요.
준비된 제품을 활성화하고 측정하세요.
출시 체크리스트
- 제품 준비 상태를 확인하고 준비된 환경을 게시하세요.
- 도입률, 완료율 및 전환율을 모니터링합니다.
- 결과를 활용하여 다음 카테고리 또는 여정을 진행하세요.
상거래 · 분석