Markedsplads
SPREEAI for udviklere
Byg prøverummet
ind i hver skærm.
Forbind dit katalog. Form kunderejsen. Bring Always On ind i din butik med den integrationssti, der passer til dit team.
Vælg din vej
Start hvor din
handelsstak lever.
Brug Shopify til en administreret opsætning, eller integrer med vores SDK'er og API'er. Vælg de funktioner, din virksomhed har brug for, og behold dit brands shoppingoplevelse.
LevendeKommer snart
Hurtigste vej
Shopify App
Vores teknologi er tilgængelig gennem vores Shopify partnerskab. Installer appen, tilslut dit katalog, og form oplevelsen i din butik.Bedst til Shopify butiksfacader Web-SDKBrugerdefineret web
Web-SDK
Styr placering, styling, begivenheder, størrelser og adfærd ved tilføjelse til kurv.JavaScript + TypeScript DokumenterNative mobil
iOS SDK
Bring SPREEAI-oplevelsen ind i en eksisterende iOS-shoppingrejse.Åbn iOS-guiden DokumenterNative mobil
Android SDK
Integrer prøvefunktion i en Android-produktoplevelse med indbyggede kontroller.Åbn Android-guiden PartneradgangTilpassede systemer
Offentlige API'er
Brug den godkendte API-reference til server-side og katalogworkflows.Åben API-referenceWeb SDK hurtigstart
Din første integration.
Godkend én gang, og render derefter prøveversionen eller størrelsesjusteringen hvor som helst på siden. Brug testlegitimationsoplysninger, der blev udstedt under onboarding, og indsæt aldrig en klienthemmelighed i browserkode.
npm install @spreeai/web-sdk@3.0.0
# or
yarn add @spreeai/web-sdk@3.0.0import { 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.
},
},
});Integrationsmodellen
Fire systemer.
Et kundeøjeblik.
Produkt-id'er, varianter, billeder og merchandise-kontekst.
Beklædningsgenstande gennemgår forarbejdnings-, gennemgangs- og klargøringsfaser.
Din butik anmoder om oplevelsen for et kvalificeret produkt.
Prøv på, find en størrelse, fuldend looket og gå tilbage til kassen.
En fokuseret vej til lancering
Forbered dig. Forbind.
Gå live med selvtillid.
Tre milepæle med en praktisk tjekliste for hver.
- 01 · Forbered dig
Et klart udgangspunkt.
Afstem rejsen, adgangen og kataloget.
Forberedelsestjekliste
- Vælg én kanal, kataloggruppe og succesmål.
- Bekræft partneradgang, legitimationsoplysninger og tilladelser til at sætte teamet i gang.
- Sørg for rene, SKU-tilpassede beklædningsbilleder.
- 02 · Forbind
Få det til at føles indfødt.
Indbyg staging. Test hele rejsen.
Integrationstjekliste
- Render for kvalificerede produkter og forbind varianter og indkøbskurvsadfærd.
- Match oplevelsen med brandet.
- Tjek mobil, desktop, tilgængelighed, ydeevne og fejlstatusser.
- 03 · Lancering
Lær af reel brug.
Aktivér færdige produkter og mål.
Start tjekliste
- Bekræft produktets parathed, og udgiv den trinvise oplevelse.
- Overvåg implementering, færdiggørelse og konvertering.
- Brug resultaterne til at guide den næste kategori eller rejse.
Aktivgrundlag
Gode input giver et bedre resultat.
- JPEG eller PNG
- Minimum 2.000 × 2.000 px
- Frontvisning påkrævet
- Bagfra anbefales
- Neutral, jævn belysning
- SKU eller stil-ID i filnavn
Udviklerreference
Find den næste
nyttigt svar.
Start her
Kom godt i gang
Forstå adgang, understøttede platforme og de første beslutninger, dit team skal træffe.
Officiel reference Administreret integrationShopify onboarding
Installer appen, accepter aftaler, synkroniser tøj, tilpas knappen, og gå live.
Officiel reference Web-SDKAPI-overflade
Gennemgå initialisering, gengivelsesmuligheder, størrelsesjustering, tilpasning og typebestemte grænseflader.
Officiel reference Partner-APIOffentlig API-reference
Udforsk den godkendte serversidegrænseflade, der er tilgængelig for godkendte partnere.
Swagger-reference KvalitetBeklædningsaktiver
Forbered produktbilleder og metadata, der bevæger sig problemfrit gennem indtagelse og gennemgang.
SPREEAI-guide ProduktionQA og lancering
Brug den delte browser-, ydeevne-, tilgængeligheds- og go-live-tjekliste.
SPREEAI-guide StøtteFejlfinding
Løs de mest almindelige problemer med godkendelse, berettigelse, gengivelse og ydeevne.
SPREEAI-guide DokumentationImplementeringsvejledninger
Gennemse offentlige hurtigstartsværktøjer, aktivstandarder, lanceringstjeklister og fejlfindingsvejledning.
Åben dokumentationIngen matchende udviklerressourcer. Prøv “Shopify”, “SDK”, “assets” eller “QA”.
Byg til produktion
Detaljerne, der beskytter
kundeoplevelsen.
Sikkerhed
Behold hemmeligheder på serversiden, brug kun udstedte miljøer, og roter legitimationsoplysninger gennem partnerarbejdsgangen.
Privatliv
Anmod om kundebilleder med klart samtykke, og afstem datahåndteringen med din godkendte integrationsplan.
Præstation
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 brugbar sti, når oplevelsen ikke er tilgængelig.
Ofte stillede spørgsmål til udviklere
Spørgsmål før
den første forpligtelse.
Hvilken integration skal vi vælge?
Brug Shopify-appen til den hurtigst administrerede sti, Web SDK'et til brugerdefineret eller headless webplacering, de native SDK'er til appoplevelser og den godkendte API-reference til server-side workflows, der blev aftalt under onboarding.
Hvor kommer legitimationsoplysningerne fra?
SPREEAI udsteder partner-ID'et og godkendte legitimationsoplysninger under onboarding. Browser-SDK'et bruger et klient-ID og et partner-ID. Integrer aldrig en klienthemmelighed i frontend-kode.
Kræver Shopify-appen API-nøgler?
Det nuværende onboarding-flow for Shopify-appen forbinder butikken efter de nødvendige aftaler og abonnementstrin. Den administrerede app kræver ikke kopiering af nøgler til opsætningsskærmen.
Hvorfor vises knappen "Prøv på" ikke?
Bekræft, at beklædningsgenstanden er færdigbehandlet, er aktiveret til Try-On, er knyttet til det aktive produkt eller den aktive variant, og at app-blokken eller SDK-containeren findes i produktskabelonen.
Hvilke klientarrangementer er tilgængelige?
De dokumenterede SDK-tilbagekald dækker klik på Try-On-knapper og interaktioner med at lægge varer i kurven. Forbind dem med dit analyselag uden at inkludere kundebilleder eller unødvendige personlige data.
Er server-webhooks tilgængelige?
Server-push webhooks er ikke en del af den aktuelt publicerede SDK-dokumentation. Undersøg eventuelle server-side eventkrav med Partner Engineering, før du bruger dem.
Hvor får udviklere hjælp?
Brug den tekniske supportsti, der er angivet under onboarding, eller via e-mail support@spreeai.comInkluder miljø, produkt-ID, browser eller enhed, tidsstempel og en præcis reproduktionssti – send aldrig hemmeligheder.
Hvornår vil Amazon Partner Network-support være tilgængelig?
Amazon Partner Network-integrationen er under udvikling. Den er bevidst markeret med "Kommer snart", indtil onboarding- og produktionsgrænsefladen er klar til eksterne udviklere.
Klar til at bygge?