Markedsplads
SPREEAI for udviklere
Byg prøverummet
ind på enhver skærm.
Start med Shopify, Web SDK'en eller en godkendt API-integration. Dette hub tager dit team fra første beslutning til en testet lancering.
- 04
- integrationsveje
- v2.1
- aktuel Web-SDK
- 01
- opsendelsestjekliste
Vælg din vej
Start hvor du
commerce stack lever.
Vælg den hurtigste vej, der passer til din webshop. Du kan gå fra en administreret app til en brugerdefineret SDK- eller API-integration, i takt med at oplevelsen vokser.
LiveKommer snart
Hurtigste vej
Shopify-app
Installer, synkroniser tøj, tilpas og lancér uden en brugerdefineret backend.Bedst til Shopify-butikker ↗ v2.1.0Brugerdefineret web
Web-SDK
Styr placering, styling, hændelser, størrelse og købsadfærd.JavaScript + TypeScript ↗ DokumenterNative mobil
iOS SDK
Integrér SPREEAI-oplevelsen i en eksisterende iOS-shoppingrejse.Åbn iOS-vejledning ↗ DokumenterNative mobil
Android SDK
Integrér prøv-på i en Android-produktoplevelse med indfødte kontroller.Åbn Android-vejledning ↗ PartneradgangSkræddersyede systemer
Offentlige API'er
Brug den godkendte API-reference til workflows på serversiden og i kataloget.Åbn API-reference ↗Web SDK-hurtigstart
Fra installation til
arbejdende knap.
Godkend én gang, og gengiv derefter prøv-på eller størrelsesvalg hvor som helst på siden. Brug testlegitimationsoplysninger udstedt under onboarding, og placer aldrig en klienthemmelighed i browserkode.
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) => {
// Forbind til dit eksisterende kurv-workflow.
},
}Integrationsmodellen
Fire systemer.
Ét kundemoment.
Produkt-id'er, varianter, billeder og merchandising-kontekst.
Beklædningsgenstande bevæger sig gennem bearbejdnings-, gennemgangs- og klarhedstilstande.
Din butiksfront anmoder om oplevelsen for et berettiget produkt.
Prøv, find en størrelse, fuldend looket og gå tilbage til kassen.
Produktionsvej
Tag integrationen
over målstregen.
En ren lancering er mere end blot en fungerende knap. Brug denne rækkefølge til at afstemme adgang, aktiver, adfærd, kvalitet og måling.
- 01Ejer · Produkt + handel
Afgrænns den første rejse
Vælg én kanal, én kataloggruppe, ét kundemoment og ét succesmål.
- 02Ejer · Ingeniørvidenskab
Forbered adgang
Bekræft partner-id, godkendte klientoplysninger, butikstilladelser og staging-miljø.
- 03Ejer · Katalogteam
Aflever rene aktiver
Giv ét tøjnet per billede, frontvisning påkrævet, høj opløsning, ren belysning og SKU-tilpassede filnavne.
- 04Ejer · Front-end
Integrer i staging
Vis kun på berettigede produkter, forbind varianter og indkøbskurv-adfærd, og tilpas indgangspunktet til brandet.
- 05Ejer · QA + brand
Kør lancerings-QA
Test mobil og desktop, browserdækning, tilgængelighed, ydeevne, visuel nøjagtighed og feiltilstande.
- 06Ejer · Handel + analyse
Aktiver og mål
Tænd for Klargjorte produkter, udgiv den midlertidige oplevelse og overvåg adoption, gennemførelse og konvertering.
Aktivbaseline
Godt input giver et bedre resultat.
- JPEG eller PNG
- 2.000 × 2.000 px minimum
- Set forfra påkrævet
- Set fra siden anbefales
- Neutral, jævn belysning
- SKU eller stil-ID i filnavn
Udviklerreference
Find den næste
nyttigt svar.
Start her
Kom i gang
Forstå adgang, understøttede platforme og de første beslutninger, dit team skal tage.
Officiell henvisning ↗ Håndteret integrationShopify-onboarding
Installer appen, acceptér aftalerne, synkroniser tøjet, tilpas knappen og gå live.
Officiell henvisning ↗ Web-SDKAPI-overflade
Gennemgå initialisering, gengivelsesindstillinger, størrelsesbestemmelse, tilpasning og typede grænseflader.
Officiell henvisning ↗ Partner-APIOffentlig API-reference
Udforsk den godkendte server-side-grænseflade, der er tilgængelig for autoriserede partnere.
Swagger-reference ↗ KvalitetBeklædningsressourcer
Forbered produktbilleder og metadata, der glider ubesværet gennem indlæsning og gennemgang.
SPREEAI guide ↗ ProduktionKvalitetssikring og lancering
Brug tjeklisten til delt browser, ydeevne, tilgængelighed og lancering.
SPREEAI guide ↗ SupportFejlfinding
Løs de mest almindelige problemer med godkendelse, kvalifikation, gengivelse og ydeevne.
SPREEAI guide ↗ DokumentationImplementeringsvejledninger
Gennemse offentlige startguider, aktivstandarder, lanceringstjeklister og fejlfindingsvejledninger.
Åbn dokumentation ↗Ingen matchende udviklerressourcer. Prøv “Shopify”, “SDK”, “assets” eller “QA.”
Byg til produktion
Detaljer, der beskytter
kundeoplevelsen.
Sikkerhed
Hold hemmeligheder på serversiden, brug kun tildelte miljøer, og roter legitimationsoplysninger gennem partner-workflowet.
Privatliv
Anmod om kundebilleder med tydeligt samtykke, og tilpas datahåndteringen til jeres godkendte integrationsplan.
Ydelse
Indlæs oplevelsen hvor den er nødvendig, test rigtige enheder og overvåg regressioner på produktsiden.
Tilgængelighed
Bevar tastaturadgang, fokusrækkefølge, tilgængelige navne og en anvendelig sti, når oplevelsen ikke er tilgængelig.
Udvikler FAQ
Spørgsmål før
det første commit.
Hvilken integration skal vi vælge?
Brug Shopify-appen til den hurtigste administrerede sti, Web-SDK'en til tilpasset eller headless web-placering, de native SDK'er til app-oplevelser og den godkendte API-referenceliste til server-side-arbejdsprocesser, der blev aftalt under onboarding.
Hvor kommer akkreditiver fra?
SPREEAI udsteder partner-id'et og de godkendte legitimationsoplysninger under onboarding. Browser-SDK'et bruger et klient-id og partner-id. Indlejr aldrig en klienthemmelighed i front-end-kode.
Kræver Shopify-appen API-nøgler?
Det nuværende Shopify-app-onboarding-forløb forbinder butikken efter de krævede aftaler og abonnementstrinnet; den administrerede app kræver ikke kopiering af nøgler ind i opsætningsskærmen.
Hvorfor vises Prøv-på-knappen ikke?
Bekræft, at beklædningsgenstanden er færdigbehandlet, er aktiveret til Prøv-på, knytter sig til det aktive produkt eller variant, og at app-blokken eller SDK-containeren er til stede på produktskabelonen.
Hvilke klienteventer er tilgængelige?
De dokumenterede SDK-callbacks dækker klik på prøve-på-knappen og "tilføj til kurv"-interaktioner. Forbind dem til dit analytiske lag uden at inkludere kunde-billeder eller unødvendige personlige data.
Er server-webhooks tilgængelige?
Server-push-webhooks er ikke en del af den aktuelt offentliggjorte SDK-dokumentation. Afstem ethvert krav om server-side-hændelser med Partner Engineering, før du baserer dig på det.
Hvor får udviklere hjælp?
Brug den tekniske supportvej, der blev oplyst under onboarding, eller send en e-mail. support@spreeai.com. Inkluder miljøet, produkt-id'et, browseren eller enheden, tidsstemplet og en præcis reproduktionssti – send aldrig hemmeligheder.
Hvornår vil Amazon Partner Network-understøttelse være tilgængelig?
Integrationen med Amazon Partner Network er under udvikling. Den er med vilje markeret som "Kommer snart", indtil on boarding- og produktionsgrænsefladen er klar til eksterne udviklere.
Klar til at bygge?