Markedsplass
SPREEAI for utviklere
Bygg prøverommet
inn i hver eneste skjerm.
Start med Shopify, Web SDK-et eller en godkjent API-integrasjon. Dette knutepunktet tar teamet ditt fra den første beslutningen til en testet lansering.
- 04
- integrasjonsveier
- v2.1
- gjeldende Web SDK
- 01
- lanseringssjekkliste
Velg din vei
Start der du
Handelsstacken lever.
Velg den raskeste veien som passer for din nettbutikk. Du kan gå fra en administrert app til en tilpasset SDK- eller API-integrasjon etter hvert som opplevelsen vokser.
DirekteKommer snart
Raskeste vei
Shopify-app
Installer, synkroniser plagg, tilpass og lanser uten en egendefinert backend.Best for Shopify-butikker ↗ v2.1.0Tilpasset nettsted
Web-SDK
Kontroller plassering, styling, hendelser, størrelse og handlekurvatferd.JavaScript + TypeScript ↗ DokumenterInnebygd mobil
iOS SDK
Integrer SPREEAI-opplevelsen i en eksisterende iOS-handlereise.Åpne iOS-veiledning ↗ DokumenterInnebygd mobil
Android SDK
Integrer prøv-på-funksjonalitet i en Android-produktopplevelse med innebygde kontroller.Åpne Android-veiledning ↗ PartnertilgangTilpassede systemer
Offentlige API-er
Bruk den godkjente API-referansen for server-side- og katalogarbeidsflyter.Åpen API-referanse ↗Hurtigstart for Web SDK
Fra installasjon til
fungerende knapp.
Autentiser én gang, og deretter kan du vise prøving eller størrelsesvelger hvor som helst på siden. Bruk testpåloggingsinformasjonen som ble utstedt under oppstarten, og plasser aldri en klienthemmelighet i nettleserkoden.
npm install @spreeai/web-sdk
# eller
yarn add @spreeai/web-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) => {
// Koble til din eksisterende handlekurv-flyt.
},
}Integrasjonsmodellen
Fire systemer.
Ett kundemoment.
Produkt-IDer, varianter, bilder og markedskontekst.
Plagg beveger seg gjennom behandlings-, kontroll- og klargjøringsfaser.
Butikken din ber om opplevelsen for et kvalifisert produkt.
Prøv på, finn en størrelse, fullfør antrekket og gå tilbake til kassen.
Produksjonsvei
Ta integreringen
over målstreken.
En ren lansering er mer enn en fungerende knapp. Bruk denne rekkefølgen til å samkjøre tilgang, ressurser, adferd, kvalitet og måling.
- 01Eier · Produkt og handel
Definer omfanget av den første reisen
Velg én kanal, én kataloggruppe, én kundefase og ett suksessmål.
- 02Eier · Ingeniørfag
Klargjør tilgang
Bekreft partner-ID-en, godkjente klientlegitimasjoner, butikktillatelser og staging-miljøet.
- 03Eier · Katalogteamet
Send inn rene ressurser
Oppgi ett plagg per bilde, sett forfra, høyt oppløst, ren belysning og SKU-tilpassede filnavn.
- 04Eier · Front-end
Integrer i staging
Vis kun på berettigede produkter, koble sammen varianter og handlekurvatferd, og tilpass inngangspunktet til merkevaren.
- 05Eier · QA + merkevare
Kjør lanserings-QA
Test mobil og stasjonær, nettleserdekning, tilgjengelighet, ytelse, visuell nøyaktighet og feiltilstander.
- 06Eier · Handel + analyse
Aktiver og mål
Aktiver Klare produkter, publiser den klargjorte brukeropplevelsen og overvåk adopsjon, fullføring og konvertering.
Aktivagrunnlag
Gode inndata gir et bedre resultat.
- JPEG eller PNG
- 2 000 × 2 000 px minimum
- Frontnedvendt visning kreves
- Bakfra anbefales
- Nøytral, jevn belysning
- SKU eller stil-ID i filnavn
Utviklerreferanse
Finn den neste
nyttig svar.
Start herfra
Kom i gang
Forstå tilgang, støttede plattformer og de første beslutningene teamet ditt må ta.
Offisiell referanse ↗ Administrert integrasjonShopify-oppstart
Installer appen, godta avtaler, synkroniser plagg, tilpass knappen og gå live.
Offisiell referanse ↗ Web-SDKAPI-overflate
Gå gjennom initialisering, gjengivelsesalternativer, størrelsestilpasning, tilpasning og typede grensesnitt.
Offisiell referanse ↗ Partner-APIOffentlig API-referanse
Utforsk det godkjente grensesnittet på serversiden som er tilgjengelig for autentiserte partnere.
Swagger-referanse ↗ KvalitetPlagg-eiendeler
Forbered produktbilder og metadata som går knirkefritt gjennom innlemmelse og gjennomgang.
SPREEAI-guide ↗ ProduksjonKvalitetssikring og lansering
Bruk sjekklisten for delt nettleser, ytelse, tilgjengelighet og lansering.
SPREEAI-guide ↗ StøtteFeilsøking
Løs de vanligste problemene med autentisering, kvalifisering, gjengivelse og ytelse.
SPREEAI-guide ↗ DokumentasjonImplementeringsveiledninger
Bla gjennom offentlige hurtigstarter, ressursstandarder, lanseringssjekklister og feilsøkingsveiledning.
Åpne dokumentasjon ↗Ingen matchende utviklerressurser. Prøv “Shopify”, “SDK”, “ressurser” eller “QA”.”
Bygg for produksjon
Detaljene som beskytter
kundeopplevelsen.
Sikkerhet
Hold hemmeligheter på tjenersiden, bruk kun utstedte miljøer og roter påloggingsinformasjon gjennom partnerflyten.
Personvern
Be om kundebilder med tydelig samtykke og tilpass datahåndteringen til din godkjente integreringsplan.
Ytelse
Last inn opplevelsen der den trengs, test ekte enheter og overvåk regresjoner på produktsiden.
Tilgjengelighet
Behold tastaturnavigasjon, fokusrekkefølge, tilgjengelige navn og en brukbar bane når opplevelsen ikke er tilgjengelig.
Utvikler-FAQ
Spørsmål før
den første commiten.
Which integration should we choose?
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.
Where do credentials come from?
SPREEAI issues the partner ID and approved credentials during onboarding. The browser SDK uses a client ID and partner ID. Never embed a client secret in front-end code.
Does the Shopify App require API keys?
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.
Why does the Try-On button not appear?
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.
Which client events are available?
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.
Are server webhooks available?
Server-push webhooks are not part of the currently published SDK documentation. Scope any server-side event requirement with Partner Engineering before relying on it.
Where do developers get help?
Use the technical support path provided during onboarding or email support@spreeai.com. Include the environment, product ID, browser or device, timestamp and a concise reproduction path—never send secrets.
When will Amazon Partner Network support be available?
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.
Ready to build?