Markedsplass
SPREEAI for utviklere
Bygg prøverommet
inn i hver eneste skjerm.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
Velg din vei
Start der du
Handelsstacken lever.
Use Shopify for a managed setup, or integrate with our SDKs and APIs. Choose the features your business needs and keep your brand’s shopping journey.
DirekteKommer snart
Raskeste vei
Shopify-app
Vår teknologi er tilgjengelig gjennom vårt Shopify-partnerskap. Installere appen, koble katalogen din og forme opplevelsen for butikken din.Best for Shopify Storefronts Web-SDKTilpasset nettsted
Web-SDK
Kontroller plassering, styling, hendelser, størrelse og handlekurvatferd.JavaScript + TypeScript DokumenterInnebygd mobil
I tillegg SDK
Integrer SPREEAI-opplevelsen i en eksisterende iOS-handlereise.Åpne guide DokumenterInnebygd mobil
Android SDK
Integrer prøv-på-funksjonalitet i en Android-produktopplevelse med innebygde kontroller.Åpne Android guide PartnertilgangTilpassede systemer
Offentlige API-er
Bruk den godkjente API-referansen for server-side- og katalogarbeidsflyter.Åpne API referanseHurtigstart for Web SDK
Din første integrasjon.
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.
En fokusert vei til lansering
Forbered deg. og koble.
Gå til liv med tillit.
Tre milsteiner, med en praktisk sjekkliste for hver.
- 01 - Forberedelser
Et klart utgangspunkt.
Foreninger reisen, tilgang og katalog.
Forberedelse av sjekkliste
- Velg én kanal, kataloggruppe og suksessmåte.
- Bekreft partner tilgang, akkrediteringer og staging tillatelser.
- Gi ren, SKU-alignert klærbild.
- 02 · Forbindelse
Gjør det føles innfødt.
Bygge i staging. Test hele reisen.
Integrasjon sjekkliste
- Render for kvalifisert produkt og koble varianter og kjøretilførsel.
- Sammenlign erfaring med merket.
- Sjekk mobil, skrivebord, tilgjengelighet, ytelse og feilstatus.
- 03 – Start av
Lær fra ekte bruk.
Gjør produktene klare og måle.
Start sjekklisten
- Bekreft produktberedskap og publisere den trinnsoppdagede opplevelsen.
- Overvåke adopsjon, fullføring og konvertering.
- Bruk resultatene for å veilede neste kategori eller reise.
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 dokumentasjonIngen 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.
Hvilken integrasjon bør vi velge?
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.
Hvor kommer kreditt fra?
SPREEAI utsteder partner-ID og godkjente akkrediteringer under ombord. SDK-en bruker en klient-ID og partner-ID. Aldri innlemme en klienthemmelighet i front-end-koden.
Trenger Shopify-appen API-nøkler?
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.
Hvorfor vises ikke Try-On-knappen?
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.
Hvilke kundevent er tilgjengelige?
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.
Er server webhooks tilgjengelig?
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.
Hvor får utviklere hjelp?
Bruk den tekniske støtten som er gitt under overbording eller e-post support@spreeai.com. Include the environment, product ID, browser or device, timestamp and a concise reproduction path—never send secrets.
Når vil Amazon Partner Network-støtte være tilgjengelig?
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.
Klar til å bygge?