Piața
SPREEAI Pentru dezvoltatori
Construiește camera potrivită
în fiecare ecran.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
Alegeți calea ta
Începeți unde vă
Comerţul este în stare de viaţă.
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.
trăieşteVino în curând
Calea cea mai rapidă
Aplicație Shopify
Tehnologia noastră este disponibilă prin parteneriatul nostru Shopify. Instalați aplicația, conectați catalogul și formați experiența pentru magazinul dvs.Cele mai bune pentru Shopify Storefronts SDK WebSite-ul personalizat
SDK Web
Control placement, styling, events, sizing and add-to-cart behavior.JavaScript + tipograf DocsMobilă nativă
Cuvânt SDK
aduceţi la SPREEAI Experiență într-o călătorie de cumpărături existentă.Ghidul deschis DocsMobilă nativă
Android SDK
Integrarea try-on într-o experiență de produs Android cu controluri native.Ghidul Android deschis Acces pentru parteneriSistemele personalizate
APIs public
Utilizați referința API aprobată pentru fluxurile de lucru server-side și catalog.Referință API deschisăWeb SDK pentru start rapid
Prima integrare a lui.
Authenticate once, then render try-on or sizing anywhere on the page. Use test credentials issued during onboarding and never put a client secret in browser code.
Instalarea npm spreeai /web-sdk # sau yarn adăugă @ spreeai /SdCimport { 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) => {
// Connect to your existing cart workflow.
},
}Modelul de integrare
Cele patru sisteme.
Momentul clientului.
ID-uri de produs, variante, imagini și context de comercializare.
Gărmurile se mișcă prin procesare, revizuire și stări de pregătire.
Magazinul dvs. cere experiența pentru un produs eligibil.
Încercați, găsiți o dimensiune, completați vizualizarea și reveniți la checkout.
Un drum concentrat pentru lansare
Pregătiţi. legătura cu.
Vino să trăiești cu încredere.
Trei mile, cu o listă de verificare practică pentru fiecare.
- 01 Pregătiți
Un punct de plecare clar.
Alinierea călătoriei, accesului și catalogului.
Pregătirea checklist
- Alegeți un canal, grup de catalog și măsură de succes.
- Confirmă accesul partenerului, credențiale și permisiuni de staj.
- Furnizați imagini de îmbrăcăminte curate și alignate cu SKU.
- 02 · Conectare
Să se simtă nativ.
Construit în stagiune. Testarea întregii călătorii.
Lista de verificare integrare
- Render pentru produse eligibile și conectați variante și comportamentul de coș.
- Se potrivește experiența cu brandul.
- Verificați stările de mobil, desktop, accesibilitate, performanță și eșec.
- 03 – lansare
Învățați din utilizarea reală.
Permiteți produse și măsurători gata.
Începe lista de verificare
- Confirmă disponibilitatea produsului și publicați experiența etapei.
- Monitorizarea adopţiei, completării şi conversiei.
- Folosește rezultatele pentru a ghida următoarea categorie sau călătorie.
Baza de active
O bună intrare face un rezultat mai bun.
- JPEG sau PNG
- 2000 × 2.000 px minim
- Viziunea frontală necesară
- Revizuirea recomandată
- Neutrală, chiar și iluminat
- SKU sau ID-ul de stil în numele de fișier
Referință de dezvoltare
Găsește următorul
Răspunsuri utile.
Începe aici
să înceapă
Înțelegeți accesul, platformele susținute și primele decizii pe care echipa dvs. trebuie să le ia.
Referință oficială Integrarea gestionatăShopify pe bord
Install the app, accept agreements, sync garments, customize the button and go live.
Referință oficială SDK WebSuprafața focului
Review initialization, render options, sizing, customization and typed interfaces.
Referință oficială Incendiu partenerReferință API
Explorați interfața de server aprobată disponibilă partenerilor autentificați.
Referință Swagger calitateaProprietăți de îmbrăcăminte
Pregătiți imaginea produsului și metadata care se mișcă curat prin ingestie și revizuire.
SPREEAI Ghidul ProducțieQA și lansare
Folosește browserul partajat, performanța, accesibilitatea și lista de verificare go-live.
SPREEAI Ghidul sprijinrezolvarea problemelor
Resolve the most common authentication, eligibility, rendering and performance issues.
SPREEAI Ghidul DocumentareGhidul de implementare
Browse public quickstarts, asset standards, launch checklists and troubleshooting guidance.
Documentare deschisăNu se potrivesc resursele de dezvoltare. Încercați „Shopify”, „SDK”, „activi” sau „QA”.
Construit pentru producție
Detalii care protejează
experienţa clientului.
securitate
Keep secrets server-side, use only issued environments and rotate credentials through the partner workflow.
Privacitate
Request customer imagery with clear consent and align data handling with your approved integration plan.
performanță
Încărcați experiența acolo unde este necesar, testați real de vic Se monitorizează şi se reglează regresia paginii produsului.
Accesibilitate
Preserve keyboard access, focus order, accessible names and a usable path when the experience is unavailable.
Dezvoltator FAQ
Întrebări înainte
Primul angajament
Ce integrare trebuie sa alegem?
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.
De unde provin credențialele?
SPREEAI emite ID-ul partenerului și credențiale aprobate în timpul navigare. Browserul SDK utilizează un ID client și un ID partener. Nu puneți niciodată un secret client în codul front-end.
Aplicatia Shopify are nevoie de chei API?
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.
De ce nu apare butonul de încercare?
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.
Ce evenimente de client sunt disponibile?
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.
Sunt disponibile webhooks-uri de server?
Webhooks-ul server-push nu face parte din documentarea SDK publicată în prezent. Scapa orice cerință de eveniment server-side cu Partner Engineering înainte de a se baza pe ea.
Unde pot fi ajutate dezvoltatorii?
Folosește calea de asistență tehnică furnizată în timpul navigare sau e-mail support@spreeai.com. Include mediul, ID-ul produsului, browserul sau vic e, timestamp și o cale de reproducere concisa – nu trimite niciodată secrete.
Când va fi disponibilă suportul pentru Amazon Partner Network?
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.
Pregătit pentru construcție?