Calea cea mai rapidă
SPREEAI pentru dezvoltatori
Construiește cabina de probă
în fiecare ecran.
Conectează-ți catalogul. Modelează parcursul clientului. Adu Always On în magazinul tău cu ajutorul căii de integrare care se potrivește echipei tale.
Alege-ți calea
Începeți de unde sunteți
stiva comercială trăiește.
Folosește Shopify pentru o configurare gestionată sau integrează-l cu SDK-urile și API-urile noastre. Alege funcțiile de care are nevoie afacerea ta și menține experiența de cumpărături a brandului tău.
Web personalizat
SDK-ul web
Controlează plasarea, stilizarea, evenimentele, dimensionarea și comportamentul la adăugarea în coș.JavaScript + TypeScript DocumenteMobil nativ
SDK-ul iOS
Includeți experiența SPREEAI într-o experiență de cumpărături iOS existentă.Deschideți ghidul iOS DocumenteMobil nativ
SDK-ul Android
Integrați funcția de testare într-o experiență de produs Android cu ajutorul controalelor native.Deschideți ghidul Android Acces partenerSisteme personalizate
API-uri publice
Folosește referința API aprobată pentru fluxurile de lucru pe server și din catalog.Referință API deschisăPiață
Rețeaua de parteneri Amazon
În curând disponibil pe Amazon Partner Network și pe alte platforme, cu mai multe modalități de a integra SPREEAI în pachetul dvs. comercial.Actualizările vor apărea mai întâi aiciGhid de pornire rapidă pentru SDK-ul web
Prima ta integrare.
Autentificați-vă o singură dată, apoi redați versiunea de probă sau dimensionarea oriunde pe pagină. Folosiți acreditările de testare emise în timpul integrării și nu includeți niciodată un secret client în codul browserului.
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.
},
},
});Modelul de integrare
Patru sisteme.
Un moment al clientului.
ID-uri de produs, variante, imagini și context de merchandising.
Articolele de îmbrăcăminte trec prin stările de procesare, revizuire și pregătire.
Vitrina ta solicită experiența pentru un produs eligibil.
Probează, găsește o mărime, completează ținuta și revine la finalizarea comenzii.
O cale concentrată către lansare
Pregătește-te. Conectează-te.
Trăiește cu încredere.
Trei etape importante, cu o listă de verificare practică pentru fiecare.
- 01 · Pregătire
Un punct de plecare clar.
Aliniați parcursul, accesul și catalogul.
Listă de verificare pentru pregătire
- Alegeți un canal, un grup de catalog și o măsură de succes.
- Confirmați accesul partenerului, acreditările și permisiunile de testare.
- Oferiți imagini curate, aliniate cu SKU-urile articolelor de îmbrăcăminte.
- 02 · Conectează-te
Fă-l să pară nativ.
Integrați etapele. Testați întreaga experiență.
Listă de verificare pentru integrare
- Randați pentru produse eligibile și conectați variantele și comportamentul coșului.
- Asortează experiența cu brandul.
- Verificați stările de funcționare pe mobil, desktop, accesibilitate, performanță și erori.
- 03 · Lansare
Învață din utilizarea reală.
Activați produsele gata preparate și măsurați.
Listă de verificare a lansării
- Confirmați disponibilitatea produsului și publicați experiența etapizată.
- Monitorizați adoptarea, finalizarea și conversia.
- Folosește rezultatele pentru a ghida următoarea categorie sau călătorie.
Nivel de referință al activelor
O contribuție bună duce la un rezultat mai bun.
- JPEG sau PNG
- Minim 2.000 × 2.000 px
- Vedere frontală necesară
- Vedere din spate recomandată
- Iluminare neutră, uniformă
- SKU sau ID de stil în numele fișierului
Referință pentru dezvoltatori
Găsește următorul
răspuns util.
Începeți aici
Noțiuni de bază
Înțelegeți accesul, platformele acceptate și primele decizii pe care echipa dvs. trebuie să le ia.
Referință oficială Integrare gestionatăShopify integrare
Instalați aplicația, acceptați acordurile, sincronizați articolele vestimentare, personalizați butonul și lansați-o.
Referință oficială SDK-ul webSuprafață API
Revizuiți inițializarea, opțiunile de randare, dimensionarea, personalizarea și interfețele tipizate.
Referință oficială API-ul parteneruluiReferință API publică
Explorează interfața aprobată pe server, disponibilă partenerilor autentificați.
Referință Swagger CalitateActive vestimentare
Pregătiți imagini și metadate ale produselor care să fie procesate fără probleme prin procesul de ingerare și revizuire.
Ghid SPREEAI ProducțieAsigurarea calității și lansarea
Folosește lista de verificare pentru browserul partajat, performanță, accesibilitate și lansare.
Ghid SPREEAI SprijinDepanare
Rezolvați cele mai frecvente probleme de autentificare, eligibilitate, randare și performanță.
Ghid SPREEAI DocumentareGhiduri de implementare
Răsfoiți ghidurile de început rapide publice, standardele pentru resurse, listele de verificare pentru lansare și îndrumările de depanare.
Deschideți documentațiaNu există resurse pentru dezvoltatori care să corespundă. Încercați „Shopify”, „SDK”, „assets” sau „QA”.
Construiți pentru producție
Detaliile care protejează
experiența clientului.
Securitate
Păstrați secretele la nivel de server, utilizați doar mediile emise și rotiți acreditările prin fluxul de lucru al partenerului.
Confidențialitate
Solicitați imagini ale clienților cu consimțământul lor clar și aliniați gestionarea datelor cu planul de integrare aprobat.
Performanţă
Încărcați experiența acolo unde este nevoie, testați dispozitive reale și monitorizați regresiile paginilor de produs.
Accesibilitate
Păstrați accesul de la tastatură, ordinea de focalizare, numele accesibile și o cale utilizabilă atunci când experiența nu este disponibilă.
Întrebări frecvente pentru dezvoltatori
Întrebări înainte
prima angajare.
Ce integrare ar trebui să alegem?
Folosește aplicația Shopify pentru cea mai rapidă cale gestionată, SDK-ul web pentru plasarea web personalizată sau fără antet, SDK-urile native pentru experiențele aplicației și referința API aprobată pentru fluxurile de lucru pe server, convenite în timpul integrării.
De unde provin acreditările?
SPREEAI emite ID-ul partenerului și acreditările aprobate în timpul integrării. SDK-ul browserului utilizează un ID de client și un ID de partener. Nu încorporați niciodată un secret client în codul front-end.
Aplicația Shopify necesită chei API?
Fluxul actual de integrare a aplicației Shopify conectează magazinul după acordurile și etapa de abonare necesare; aplicația gestionată nu necesită copierea cheilor în ecranul de configurare.
De ce nu apare butonul „Încercare”?
Confirmă că procesarea articolului de îmbrăcăminte a fost finalizată, că este activată opțiunea de încercare, că este asociată cu produsul sau varianta activă și că blocul de aplicație sau containerul SDK este prezent în șablonul de produs.
Ce evenimente pentru clienți sunt disponibile?
Reacțiile de apel SDK documentate acoperă clicurile pe butonul de încercare și interacțiunile de adăugare în coș. Conectați-le la stratul dvs. de analiză fără a include imagini ale clienților sau date personale inutile.
Sunt disponibile webhook-uri pentru server?
Webhook-urile server-push nu fac parte din documentația SDK publicată în prezent. Verificați orice cerință de eveniment pe partea de server cu Partner Engineering înainte de a vă baza pe ea.
De unde primesc ajutor dezvoltatorii?
Folosește calea de asistență tehnică furnizată în timpul procesului de integrare sau prin e-mail support@spreeai.comIncludeți mediul, ID-ul produsului, browserul sau dispozitivul, marcajul temporal și o cale de reproducere concisă - nu trimiteți niciodată secrete.
Când va fi disponibilă asistența pentru Rețeaua de Parteneri Amazon?
Integrarea Amazon Partner Network este în curs de dezvoltare. Este marcată intenționat ca „În curând” până când interfața de integrare și de producție va fi gata pentru dezvoltatorii externi.
Gata să construiești?