Raskeste vei
SPREEAI for utviklere
Bygg prøverommet
inn i hver skjerm.
Koble til katalogen din. Form kundereisen. Få Always On inn i butikken din med integrasjonsstien som passer teamet ditt.
Velg din vei
Start der du
handelsstabelen lever.
Bruk Shopify for et administrert oppsett, eller integrer med våre SDK-er og API-er. Velg funksjonene bedriften din trenger, og behold merkevarens handleopplevelse.
Tilpasset nett
Nett-SDK
Kontroller plassering, styling, hendelser, størrelser og legg-i-handlekurv-atferd.JavaScript + TypeScript DokumenterIntegrert mobil
iOS SDK
Ta SPREEAI-opplevelsen inn i en eksisterende iOS-handletur.Åpne iOS-guiden DokumenterIntegrert mobil
Android SDK
Integrer prøving i en Android-produktopplevelse med innebygde kontroller.Åpne Android-guiden PartnertilgangTilpassede systemer
Offentlige API-er
Bruk den godkjente API-referansen for arbeidsflyter på serversiden og i katalogen.Åpen API-referanseMarkedsplass
Amazon Partner Network
Kommer snart til Amazon Partner Network og andre plattformer, med flere måter å integrere SPREEAI i din handelsplattform.Oppdateringer vises her førstHurtigstart for nett-SDK
Din første integrasjon.
Autentiser én gang, og gjengi deretter prøvekjøring eller størrelsesjustering hvor som helst på siden. Bruk testlegitimasjon utstedt under onboarding, og legg aldri en klienthemmelighet i nettleserkode.
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.
},
},
});Integrasjonsmodellen
Fire systemer.
Ett kundeøyeblikk.
Produkt-ID-er, varianter, bilder og kontekst for markedsføring.
Plagg går gjennom prosesserings-, gjennomgangs- og klargjøringsfaser.
Butikkfronten din ber om opplevelsen for et kvalifisert produkt.
Prøv på, finn en størrelse, fullfør antrekket og gå tilbake til kassen.
En fokusert vei til lansering
Forbered deg. Koble til.
Gå og lev med selvtillit.
Tre milepæler, med en praktisk sjekkliste for hver.
- 01 · Forbered deg
Et klart utgangspunkt.
Samskjør reisen, tilgangen og katalogen.
Sjekkliste for forberedelser
- Velg én kanal, kataloggruppe og suksessmål.
- Bekreft partnertilgang, legitimasjon og tillatelser for oppstart.
- Sørg for rene, SKU-tilpassede klesbilder.
- 02 · Koble til
Få det til å føles innfødt.
Bygg inn staging. Test hele reisen.
Integrasjonssjekkliste
- Gjengi for kvalifiserte produkter og koble til varianter og handlekurvatferd.
- Match opplevelsen med merkevaren.
- Sjekk mobil, datamaskin, tilgjengelighet, ytelse og feilstatuser.
- 03 · Lansering
Lær av reell bruk.
Aktiver ferdige produkter og mål.
Sjekkliste for lansering
- Bekreft at produktet er klart, og publiser den trinnvise opplevelsen.
- Overvåk adopsjon, fullføring og konvertering.
- Bruk resultatene til å veilede deg i neste kategori eller reise.
Referanseinntekter
Gode innspill gir et bedre resultat.
- JPEG eller PNG
- Minimum 2000 × 2000 piksler
- Frontvisning kreves
- Bakfra anbefales
- Nøytral, jevn belysning
- SKU eller stil-ID i filnavn
Utviklerreferanse
Finn den neste
nyttig svar.
Start her
Komme i gang
Forstå tilgang, støttede plattformer og de første avgjørelsene teamet ditt må ta.
Offisiell referanse Administrert integrasjonShopify onboarding
Installer appen, godta avtaler, synkroniser klær, tilpass knappen og gå live.
Offisiell referanse Nett-SDKAPI-overflate
Gjennomgå initialisering, gjengivelsesalternativer, størrelsesendringer, tilpasning og typede grensesnitt.
Offisiell referanse Partner-APIOffentlig API-referanse
Utforsk det godkjente servergrensesnittet som er tilgjengelig for autentiserte partnere.
Swagger-referanse KvalitetKlesmidler
Klargjør produktbilder og metadata som beveger seg rent gjennom inntak og gjennomgang.
SPREEAI-guide ProduksjonQA 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, standarder for ressurser, sjekklister for lansering og feilsøkingsveiledning.
Åpne dokumentasjonenIngen samsvarende utviklerressurser. Prøv «Shopify», «SDK», «ressurser» eller «QA».
Bygg for produksjon
Detaljene som beskytter
kundeopplevelsen.
Sikkerhet
Hold hemmeligheter på serversiden, bruk kun utstedte miljøer og roter påloggingsinformasjon gjennom partnerens arbeidsflyt.
Privatliv
Be om kundebilder med tydelig samtykke og samkjør datahåndteringen med den godkjente integrasjonsplanen din.
Ytelse
Last inn opplevelsen der den trengs, test ekte enheter og overvåk regresjoner på produktsiden.
Tilgjengelighet
Behold tastaturtilgang, fokusrekkefølge, tilgjengelige navn og en brukbar bane når opplevelsen ikke er tilgjengelig.
Vanlige spørsmål om utviklere
Spørsmål før
den første forpliktelsen.
Hvilken integrasjon bør vi velge?
Bruk Shopify-appen for den raskeste administrerte banen, Web SDK-en for tilpasset eller headless webplassering, de innebygde SDK-ene for appopplevelser og den godkjente API-referansen for serversidearbeidsflyter som ble avtalt under onboarding.
Hvor kommer legitimasjonene fra?
SPREEAI utsteder partner-ID-en og godkjent legitimasjon under onboarding. Nettleser-SDK-en bruker en klient-ID og en partner-ID. Aldri legg inn en klienthemmelighet i front-end-kode.
Krever Shopify-appen API-nøkler?
Den nåværende Shopify-appens onboarding-flyt kobler til butikken etter de nødvendige avtalene og abonnementstrinnet. Den administrerte appen krever ikke at nøkler kopieres til oppsettskjermen.
Hvorfor vises ikke Prøv-på-knappen?
Bekreft at plagget er fullført, er aktivert for Prøv-på, er tilordnet det aktive produktet eller varianten, og at appblokken eller SDK-beholderen finnes i produktmalen.
Hvilke klientarrangementer er tilgjengelige?
De dokumenterte SDK-tilbakekallene dekker klikk på Prøv-på-knapper og interaksjoner med legg-i-handlekurven. Koble dem til analyselaget ditt uten å inkludere kundebilder eller unødvendige personopplysninger.
Er server-webhooks tilgjengelige?
Server-push webhooks er ikke en del av den nåværende publiserte SDK-dokumentasjonen. Kontroller eventuelle serversidehendelseskrav med Partner Engineering før du stoler på dem.
Hvor får utviklere hjelp?
Bruk den tekniske støtten som er oppgitt under onboarding eller e-post support@spreeai.comInkluder miljø, produkt-ID, nettleser eller enhet, tidsstempel og en kortfattet reproduksjonssti – send aldri hemmeligheter.
Når vil Amazon Partner Network-støtte være tilgjengelig?
Amazon Partner Network-integrasjonen er under utvikling. Den er bevisst merket «Kommer snart» inntil onboarding- og produksjonsgrensesnittet er klart for eksterne utviklere.
Klar til å bygge?