Il mercato
SPREEAI per gli sviluppatori
Costruire la stanza adatta
In ogni schermo.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
Scegli il tuo percorso
Inizia dove il tuo
Il commercio stack vita.
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.
VivaPresto arriva
Il percorso più veloce
App Shopify
La nostra tecnologia è disponibile attraverso il nostro partner Shopify. Installare l’app, collegare il tuo catalogo e formare l’esperienza per la tua negozia.Il meglio per Shopify Storefront SDK WebWeb personalizzato
SDK Web
Control placement, styling, events, sizing and add-to-cart behavior.JavaScript + Tipi di testo DocsIl mobile nativo
Il SDK
portando il SPREEAI Un’esperienza in un viaggio di acquisto esistente.Apertura guida DocsIl mobile nativo
Il nuovo Android SDK
Integrare il try-on in un'esperienza di prodotto Android con controlli nativi.Guida Android aperto Accordo partnerSistemi personalizzati
Appi pubblici
Utilizzare la referenza API approvata per i flussi di lavoro sul server e sul catalogo.Apertura di riferimento APISito web SDK Quickstart
La sua prima integrazione.
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.
Il npm installato spreeai /web-sdk # o yarn aggiungere @ spreeai Il 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) => {
// Connect to your existing cart workflow.
},
}Il modello di integrazione
Quattro sistemi.
Un momento di cliente.
ID di prodotto, varianti, immagini e contesto di mercanza.
I vestiti si muovono attraverso gli stati di elaborazione, revisione e preparazione.
Il vostro negozio richiede l'esperienza per un prodotto idoneo.
Prova, trova una dimensione, completa la visualizzazione e ritorna al check-out.
Un percorso focalizzato per lanciare
Preparazione. connette.
Vivi con fiducia.
Tre miglia, con un checklist pratico per ciascuno.
- 01 - Preparazione
Un punto di partenza chiaro.
Alinea il viaggio, l’accesso e il catalogo.
Preparazione Checklist
- Scegli un canale, un gruppo di catalogo e una misura di successo.
- Confirmare l'accesso del partner, le credenziali e le autorizzazioni di staging.
- Fornire immagini pulite e allineate con SKU.
- 02 - Connessione
Fai che si senta nativo.
Costruito in stazione. Testare l’intero viaggio.
Integrazione Checklist
- Render per prodotti idonei e collegare varianti e comportamento della cartuccia.
- Compatibile con l’esperienza della marca.
- Verifica i stati di mobile, desktop, accessibilità, prestazioni e fallimento.
- 03 - Il lancio
Imparare dall’uso reale.
Permesso di preparare prodotti e misurazione.
Inizio checklist
- Confirmare la disponibilità del prodotto e pubblicare l'esperienza di fase.
- Monitorare l’adozione, la completazione e la conversione.
- Utilizzare i risultati per guidare la prossima categoria o viaggio.
Asset Baseline
Un buon risultato fa un risultato migliore.
- JPEG e PNG
- 2000 × 2.000 px minimo
- Visione frontale richiesta
- Ritorno visione raccomandato
- Neutral, anche illuminazione
- SKU o ID di stile in nome filename
Il riferimento dello sviluppatore
Trova il prossimo
Risposta utile
Inizia qui
Avviare a
Comprendere l'accesso, le piattaforme supportate e le prime decisioni che il tuo team deve prendere.
Riferimento ufficiale Integrazione gestitaShopify sul bordo
Install the app, accept agreements, sync garments, customize the button and go live.
Riferimento ufficiale SDK Websuperficie di fuoco
Review initialization, render options, sizing, customization and typed interfaces.
Riferimento ufficiale Il partner di fuocoIl riferimento di API
Esplora l'interfaccia server-side approvata disponibile per i partner autenticati.
La riferimento di Swagger QualitàAsset di abbigliamento
Preparare le immagini e i metadati del prodotto che si muovono pulito attraverso ingestione e revisione.
SPREEAI Guida ProduzioneQA e lancio
Utilizzare il browser condiviso, le prestazioni, l'accessibilità e la checklist go-live.
SPREEAI Guida Il sostegnoRisoluzione dei problemi
Resolve the most common authentication, eligibility, rendering and performance issues.
SPREEAI Guida DocumentazioneGuida di attuazione
Browse public quickstarts, asset standards, launch checklists and troubleshooting guidance.
Documentazione apertaNon corrispondono alle risorse dello sviluppatore. Prova “Shopify”, “SDK”, “acquisiti” o “QA”.
Costruito per la produzione
I dettagli che protegge
l’esperienza del cliente.
sicurezza
Keep secrets server-side, use only issued environments and rotate credentials through the partner workflow.
Privacy
Request customer imagery with clear consent and align data handling with your approved integration plan.
Performance
Carica l'esperienza dove è necessario, prova reale di vic Es e monitorare le regressioni della pagina del prodotto.
accessibilità
Preserve keyboard access, focus order, accessible names and a usable path when the experience is unavailable.
Sviluppatore FAQ
Domande prima
Il primo impegno.
Quale integrazione scegliere?
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.
Da dove provengono le credenziali?
SPREEAI rilascia l'ID del partner e le credenziali approvate durante l'incontro. Il browser SDK utilizza un ID client e partner ID. Non impostare mai un segreto client nel codice front-end.
L’app Shopify richiede le chiavi 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.
Perché il pulsante di prova non appare?
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.
Quali eventi clienti sono disponibili?
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.
I server webhooks sono disponibili?
I webhooks di server push non fanno parte della documentazione SDK attualmente pubblicata. Scopri qualsiasi requisito di evento sul server con Partner Engineering prima di affidarsi.
Dove i sviluppatori possono ottenere aiuto?
Utilizzare la via di supporto tecnico fornita durante l'incontro o l'e-mail support@spreeai.com. Include l’ambiente, ID del prodotto, browser o vic e, il timestamp e un percorso di riproduzione conciso – non inviare mai segreti.
Quando sarà disponibile il supporto 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.
Pronte a costruire?