Coming soon to the Amazon Partner Network and other platforms, with more ways to integrate SPREEAI into your commerce stack.Opdateringer vil fremgå her først

Web SDK-hurtigstart

Din første integration.

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-sdk

import { 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.

01Dit katalog

Produkt-id'er, varianter, billeder og merchandising-kontekst.

02SPREEAI-indtagelse

Beklædningsgenstande bevæger sig gennem bearbejdnings-, gennemgangs- og klarhedstilstande.

03SDK eller API

Din butiksfront anmoder om oplevelsen for et berettiget produkt.

04Kundehandling

Prøv, find en størrelse, fuldend looket og gå tilbage til kassen.

En fokuseret vej til at starte

Forbered dig. Tilslut
Gå til live med tillid.

Tre milepæler, med en praktisk checkliste for hver.

01 - Forberedelse
Et klart startpunkt.
Tilpasse rejsen, adgangen og katalogen.
Forberedelse af checklist
- Vælg en kanal, kataloggruppe og succesmønster.
- Bekræft partneradgang, akkrediteringer og staging tilladelser.
- Giv ren, SKU-alignet tøjbillede.
Produktsætning · Katalog · Katalog
02 - Forbindelse
Det gør det føles native.
Bygge i stængning. Tester hele rejsen.
Integration Checkliste
- Render for kvalificerede produkter og koble varianter og kiste adfærd.
- Det er en oplevelse, der passer til mærket.
- Tjek mobil, desktop, tilgængelighed, ydeevne og fejlstilstande.
Front-end · QA · Brand
03 - Start af
Lær af virkeligt brug.
Gør produktet klar og måles.
Start checklisten
- Bekræft produktberedskab og offentliggør den trækoplevelse.
- Overvågning af adoption, fuldførelse og konvertering.
- Brug resultaterne til at guide den næste kategori eller rejse.
Handel · Analytics

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

Åbne aktiekontrollisten

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.

Officiel reference Håndteret integration

Shopify-onboarding

Installer appen, acceptér aftalerne, synkroniser tøjet, tilpas knappen og gå live.

Officiel reference Web-SDK

API-overflade

Gennemgå initialisering, gengivelsesindstillinger, størrelsesbestemmelse, tilpasning og typede grænseflader.

Officiel reference Partner-API

Offentlig API-reference

Udforsk den godkendte server-side-grænseflade, der er tilgængelig for autoriserede partnere.

Swagger reference Kvalitet

Beklædningsressourcer

Forbered produktbilleder og metadata, der glider ubesværet gennem indlæsning og gennemgang.

SPREEAI Guide Produktion

Kvalitetssikring og lancering

Brug tjeklisten til delt browser, ydeevne, tilgængelighed og lancering.

SPREEAI Guide Støtte

Fejlfinding

Løs de mest almindelige problemer med godkendelse, kvalifikation, gengivelse og ydeevne.

SPREEAI Guide Dokumentation

Implementeringsvejledninger

Gennemse offentlige startguider, aktivstandarder, lanceringstjeklister og fejlfindingsvejledninger.

Åbne dokumentation

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?

Vælg stien.
Vi hjælper dig med at sende det.

Book en teknisk afdækning Se alle dokker Åbn Partner Workspace

Byg prøverummetind på enhver skærm.

Start hvor ducommerce stack lever.

Shopify-app

Web-SDK

Det er SDK

Android SDK

Offentlige API'er

Amazon Partner Netværk

Din første integration.

Fire systemer.Ét kundemoment.

Forbered dig. TilslutGå til live med tillid.

Et klart startpunkt.

Det gør det føles native.

Lær af virkeligt brug.