시장
SPREEAI 개발자들에게
적합한 방을 만드는 방법
모든 화면에 들어가야 합니다.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
길을 선택하세요
당신의 시작은 어디에서
상업은 스테이크 생활.
Use Shopify for a managed setup, or integrate with our SDKs and APIs. Choose the features your business needs and keep your brand’s shopping journey.
살아있는곧 오게 될
가장 빠른 길
쇼피파이 앱
우리의 기술은 Shopify 파트너십을 통해 제공됩니다. 앱을 설치하고, 카탈로그를 연결하고, 가게에 대한 경험을 형성합니다.Shopify Storefront에 대한 최고의 웹 SDKCustom 웹
웹 SDK
Control placement, styling, events, sizing and add-to-cart behavior.JavaScript + 타이프스크립트 박사모바일 원주민
SDK의 경우
가져오는 것 SPREEAI 기존의 쇼핑 여행에 대한 경험.오픈 가이드 박사모바일 원주민
안드로이드 SDK
원주민 컨트롤을 사용하여 안드로이드 제품 경험에 시도-온을 통합하십시오.안드로이드 가이드 파트너 액세스Custom 시스템
공공 APIs
서버 측 및 카탈로그 작업 흐름에 대한 승인된 API 참조를 사용합니다.API 개방웹 SDK 빠른 시작
첫 통합을 위한
Authenticate once, then render try-on or sizing anywhere on the page. Use test credentials issued during onboarding and never put a client secret in browser code.
npm 설치 spreeai /web-sdk # 또는 yarn 추가 @ spreeai 웹 Sdkimport { init } from "@spreeai/web-sdk";
const sdk = await init({
clientId: "your-client-id",
partnerId: "your-partner-id",
});
if (sdk) {
await sdk.renderTryOnButton({
elementId: "spreeai-try-on",
garments: [{ garmentId: "your-garment-id" }],
enableAddToCart: true,
});
}events: {
onTryOnButtonClick: (event) => {
analytics.track("try_on_started", event);
},
onAddToCartClicked: async (event) => {
// Connect to your existing cart workflow.
},
}통합 모델
4 시스템
고객의 한 순간
제품 ID, 변형, 이미지 및 상업적 맥락.
옷은 처리, 검토 및 준비 상태를 통해 이동합니다.
귀하의 상점 앞에는 적절한 제품에 대한 경험이 필요합니다.
계속 시도하고, 크기를 찾고, 보기를 완료하고 체크인으로 돌아갑니다.
시작하기 위한 집중된 길
준비를 하세요 연결하기
자신감으로 살아가라.
3 마일 스톤, 각각의 실용적인 체크리스트가 있습니다.
- 01 준비
명확한 출발점이 있습니다.
여행, 접근 및 카탈로그를 조정합니다.
준비 체크리스트
- 하나의 채널, 카탈로그 그룹 및 성공 측정을 선택합니다.
- 파트너 액세스, 인증서 및 스테이그 허가를 확인합니다.
- 깨끗하고 SKU-조정된 옷 이미지 제공합니다.
- 02 · 연결
그것을 원주민으로 느끼게 해주세요.
스테이그에 건설 전체 여행을 테스트합니다.
통합 체크리스트
- 적합한 제품을 위해 임대하고 변형과 카트 행동을 연결합니다.
- 경험을 브랜드와 일치시켜 주세요.
- 모바일, 데스크톱, 접근성, 성능 및 실패 상태를 확인합니다.
- 03 · 시작
실제 사용을 통해 배운다.
준비된 제품과 측정을 가능하게 합니다.
체크리스트 시작
- 제품 준비를 확인하고 단계 경험을 게시합니다.
- 입양, 완성 및 변환을 모니터링합니다.
- 결과를 사용하여 다음 범주 또는 여행을 안내합니다.
자산 기반
좋은 입구는 더 나은 결과를 제공합니다.
- JPEG 또는 PNG
- 2000 × 2,000 px 최소
- 전면 시각이 필요합니다.
- 추천된 뒷면
- 중립, 심지어 조명
- SKU 또는 스타일 ID 파일 이름
개발자 참조
다음을 찾으세요
유용한 답변
여기서 시작
시작하기
액세스, 지원되는 플랫폼 및 팀이해야 할 첫 번째 결정에 대해 이해하십시오.
공식 참조 관리된 통합쇼피 탑승
Install the app, accept agreements, sync garments, customize the button and go live.
공식 참조 웹 SDK화재 표면
Review initialization, render options, sizing, customization and typed interfaces.
공식 참조 파트너 화재공공 API 참조
인증된 파트너에게 제공되는 승인된 서버 측 인터페이스를 탐색하십시오.
Swagger 참조 품질옷장 자산
제품 이미지와 메타 데이터를 준비하여 섭취 및 검토를 통해 깨끗하게 이동합니다.
SPREEAI 가이드 생산QA & 발사
공유 브라우저, 성능, 접근성 및 go-live 체크리스트를 사용하십시오.
SPREEAI 가이드 지원문제 해결
Resolve the most common authentication, eligibility, rendering and performance issues.
SPREEAI 가이드 문서화실행 가이드
Browse public quickstarts, asset standards, launch checklists and troubleshooting guidance.
공개 문서개발자 자원에 맞지 않는다. “Shopify”, “SDK”, “재산” 또는 “QA”를 시도하십시오.
생산을 위한 건축
보호하는 세부 사항
고객 경험을 위한
안전성
Keep secrets server-side, use only issued environments and rotate credentials through the partner workflow.
개인 정보
Request customer imagery with clear consent and align data handling with your approved integration plan.
성과
필요한 곳에서 경험을 충전하고 실제 테스트를 vic 제품 페이지의 회복을 모니터링하고 있습니다.
접근성
Preserve keyboard access, focus order, accessible names and a usable path when the experience is unavailable.
개발자 FAQ
질문 이전
첫 번째 약속을 하다.
어떤 통합을 선택해야 하는가?
Use the Shopify App for the fastest managed path, the Web SDK for custom or headless web placement, the native SDKs for app experiences, and the approved API reference for server-side workflows agreed during onboarding.
신뢰는 어디서 왔을까?
SPREEAI 파트너 ID 및 승인 인증서를 발행하는 동안 항해. 브라우저 SDK는 클라이언트 ID 및 파트너 ID를 사용합니다. 고객 비밀을 앞 끝 코드에 결코 삽입하지 마십시오.
Shopify 앱은 API 키가 필요합니까?
The current Shopify App onboarding flow connects the store after the required agreements and subscription step; the managed app does not require copying keys into the setup screen.
왜 Try-On 버튼이 나타나지 않습니까?
Confirm the garment has completed processing, is enabled for Try-On, maps to the active product or variant, and that the app block or SDK container is present on the product template.
어떤 고객 이벤트가 사용할 수 있습니까?
The documented SDK callbacks cover Try-On button clicks and add-to-cart interactions. Connect them to your analytics layer without including customer imagery or unnecessary personal data.
서버 웹호크가 사용할 수 있습니까?
서버 펄스 웹 호크는 현재 공개된 SDK 문서의 일부가 아닙니다. 서버 측 이벤트 요구 사항을 파트너 엔지니어링으로 검토하여 그것에 의존하기 전에.
개발자들은 어디서 도움을 받을 수 있습니까?
항해 또는 이메일 중에 제공되는 기술 지원 경로를 사용하십시오. support@spreeai.com. 환경, 제품 ID, 브라우저 또는 vic e, 시간표와 좁은 재생 경로 - 비밀을 보내지 않는다.
Amazon Partner Network 지원은 언제 사용할 수 있습니까?
The Amazon Partner Network integration is in development. It is intentionally marked Coming Soon until the onboarding and production interface are ready for external developers.
건설할 준비가 되셨나요?