Pamilihan
SPREEAI para sa mga developer
Buuin ang fitting room
sa bawat screen.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
Piliin ang iyong landas
Magsimula kung saan ang iyong
Buhay ang commerce stack.
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.
MabuhayMalapit na
Pinakamabilis na daan
Mga App sa Shopify
Ang aming teknolohiya ay maaaring magagamit sa pamamagitan ng aming Shopify kumpanya. I-install ang app, sumusunod sa iyong catalog at makakuha ng mga experience para sa iyong store.Ang pinakamahusay na para sa Shopify storefronts Mga Web SDKCustom na web
Mga Web SDK
Kontrolin ang pagkakalagay, estilo, mga kaganapan, laki, at kilos ng add-to-cart.Mga tagapagdag ng JavaScript + TypeScript Mga DokumentoKatutubong mobile
Mga SDK
Dalhin ang karanasan ng SPREEAI sa isang umiiral nang paglalakbay sa pamimili sa iOS.Mga Open Guide Mga DokumentoKatutubong mobile
Mga Android SDK
Isama ang try-on sa isang karanasan ng produkto sa Android na may mga katutubong kontrol.Mga Mga Mga Android Guide Access ng kasosyoMga custom na sistema
Mga Pampublikong API
Gamitin ang aprubadong API reference para sa mga workflow sa server-side at catalogue.Ang Open APIMabilisang Gabay sa Web SDK
Ang iyong unang integration.
Mag-authenticate minsan, pagkatapos ay i-render ang try-on o sizing kahit saan sa pahina. Gamitin ang mga test credential na ibinigay sa panahon ng onboarding at huwag na huwag ilagay ang client secret sa code ng browser.
npm install @spreeai/web-sdk
# o
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) => {
// Kumonekta sa iyong kasalukuyang workflow ng cart.
},
}Ang modelo ng integrasyon
Apat na sistema.
Isang sandali ng customer.
Mga ID ng produkto, variant, mga imahe at konteksto ng merchandising.
Ang mga damit ay dumadaan sa mga yestado ng pagproseso, pagsusuri, at pagiging handa.
Humihiling ang iyong storefront ng karanasan para sa isang kuwalipikadong produkto.
Subukan, maghanap ng sukat, kumpletuhin ang hitsura at bumalik sa pag-check out.
Ang isang target na lalong upang i-start
Pagpili ng ang Connect.
Tingnan ang buhay sa confidence.
3 milestones, na may isang prakty checklist para sa bawat.
- 01 ang mga preparasyon
Ang isang malapit na start point.
Ang pag-align ng mga lalong, access at catalog.
Mga Checklist
- I-click ang isang channel, katagulong grupo at ang success measure.
- I-confirm partner access, mga credentials at mga permissions ng pag-stage.
- Mag-aalok ng clean, SKU-aligned dress image.
- 02 ang mga
Ikaw ay nating nating natang.
Pagtatakbo sa pag-staging Tapos na ang buong trip.
Ang mga checklist
- Render para sa mga produkto na mag-aklipat at sumusunod ng mga variante at karagdagang pag-aalis.
- Ang mga eksperimento ay mag-atake sa brand.
- Check mobile, desktop, accessibility, performance at failure states.
- 03 · Paglalakad
Mag-aaral mula sa real use.
Magiging mag-aalok ng mga produkto at pag-iisip.
Mga checklist
- I-confirm ang produkto na may mga pagiging mag-aaral at i-publish ang patakaran.
- Ang pag-aaral ay nag-iisip sa adoption, completion at conversion.
- Ang mga resulta ay gumagamit upang mag-guide ang next category o trip.
Basehang yaman
Ang magandang input ay nagbubunga ng mas magandang resulta.
- JPEG o PNG
- 2,000 × 2,000 px minimum
- Ang mga view ay kailangan
- Back view sa mga rekomendasyon
- NUTRAL, kahit na lumabas
- SKU o style ID sa filename
Mga Reference ng Developer
Ang next
Mga responsong ito.
mula sa ngayon
mula sa
Makikita ang access, mga platform na nag-support at ang unang mga decision sa iyong team ay kailangan upang gawin.
Ang mga reference Mga IntegrasyonMga Shopify sa pamamagitan ng
Install the app, accept agreements, sync garments, customize the button and go live.
Ang mga reference Mga Web SDKAng mga pinapalasan
Review initialization, render options, sizing, customization and typed interfaces.
Ang mga reference Mga Partner ng APIMga Reference sa Public API
I-explore ang mga magagamit ng server-side interface para sa mga authenticated partners.
Mga reference sa Swagger Mga QualityMga alalahanin ng assets
Magpapatuloy ang produkto image at metadata na mag-move clean through ingestion and review.
SPREEAI Mga Guides ProduksiyonAng mga ito & launch
I-using ang shared browser, kinakailangan, accessibility at go-live checklist.
SPREEAI Mga Guides Mga SupportMga problema
Resolve the most common authentication, eligibility, rendering and performance issues.
SPREEAI Mga Guides Mga DokumentoMga Guides ng Implementation
Browse public quickstarts, asset standards, launch checklists and troubleshooting guidance.
Mga Open DocumentationHindi na mag-atake ng mga resource ng mga developer. I-click ang “Shopify,” “SDK,” “Acts,” o “QA.”
Pag-iisip sa produksyon
Ang mga detalye na nagbibigay ng proteksyon
ang customer experience.
Sa Security
Keep secrets server-side, use only issued environments and rotate credentials through the partner workflow.
Mga Privacy
Request customer imagery with clear consent and align data handling with your approved integration plan.
Mga Performance
I-load ang experience kung kailangan, test real de vic ang mga ito at nakikita ng mga regresiya sa produkto-page.
Mga accessibility
Preserve keyboard access, focus order, accessible names and a usable path when the experience is unavailable.
Mga FAQ ng Developer
Mga Pangalan sa
ang unang kompromiso.
Ano ang integration na kailangan mong magsisimula?
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.
Ano ang mga credentials?
SPREEAI ang mga partner ID at mga sertifikal na pag-aalis sa panahon ng onboarding. Ang browser SDK ay gumagamit ng isang client ID at partner ID. Huwag mag-inilagay ang isang customer secret sa front-end code.
Ang Shopify App ay kailangan ng mga API key?
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.
Bakit hindi ang try-on button ay nagkakaibang?
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.
Ano ang mga customer event ay mayroon?
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.
Ang mga server webhooks ay maaaring magagamit?
Ang server-push webhooks ay hindi isang bahagi ng mga dokumento ng SDK na nagbibigay sa ngayon. Ang mga server-side event requirement ay mag-stimulado sa Partner Engineering bago makakuha ng ito.
Ano ang mga tulong ng mga developers?
I-using ang technical support path na nagbibigay sa panahon ng onboarding o email support@spreeai.com. Mag-inklud ng mga setting, produkto ID, browser o vic e, timestamp at isang magandang paraan ng reproduction – hindi na nag-send mga salita.
Ano ang mga pag-aaral ng 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.
Lahat ng pag-iasa?