Marketplace
SPREEAI for developers
Build the fitting room
into every screen.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
Choose your path
Start where your
commerce stack lives.
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.
LiveComing soon
Fastest path
Shopify App
Our technology is available through our Shopify partnership. Install the app, connect your catalogue and shape the experience for your store.Best for Shopify storefronts Web SDKCustom web
Web SDK
Control placement, styling, events, sizing and add-to-cart behavior.JavaScript + TypeScript DocsNative mobile
iOS SDK
Bring the SPREEAI experience into an existing iOS shopping journey.Open iOS guide DocsNative mobile
Android SDK
Integrate try-on into an Android product experience with native controls.Open Android guide Partner accessCustom systems
Public APIs
Use the approved API reference for server-side and catalogue workflows.Open API referenceWeb SDK quickstart
Your first integration.
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.
npm install @spreeai/web-sdk
# or
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) => {
// Connect to your existing cart workflow.
},
}The integration model
Four systems.
One customer moment.
Product IDs, variants, imagery and merchandising context.
Garments move through processing, review and readiness states.
Your storefront requests the experience for an eligible product.
Try on, find a size, complete the look and return to checkout.
A focused path to launch
Prepare. Connect.
Go live with confidence.
Three milestones, with a practical checklist for each.
- 01 · Prepare
A clear starting point.
Align the journey, access and catalogue.
Preparation checklist
- Choose one channel, catalogue group and success measure.
- Confirm partner access, credentials and staging permissions.
- Provide clean, SKU-aligned garment imagery.
- 02 · Connect
Make it feel native.
Build in staging. Test the whole journey.
Integration checklist
- Render for eligible products and connect variants and cart behavior.
- Match the experience to the brand.
- Check mobile, desktop, accessibility, performance and failure states.
- 03 · Launch
Learn from real use.
Enable ready products and measure.
Launch checklist
- Confirm product readiness and publish the staged experience.
- Monitor adoption, completion and conversion.
- Use results to guide the next category or journey.
Asset baseline
Good input makes a better result.
- JPEG or PNG
- 2,000 × 2,000 px minimum
- Front view required
- Back view recommended
- Neutral, even lighting
- SKU or style ID in filename
Developer reference
Find the next
useful answer.
Start here
Getting Started
Understand access, supported platforms and the first decisions your team needs to make.
Official reference Managed integrationShopify onboarding
Install the app, accept agreements, sync garments, customize the button and go live.
Official reference Web SDKAPI surface
Review initialization, render options, sizing, customization and typed interfaces.
Official reference Partner APIPublic API reference
Explore the approved server-side interface available to authenticated partners.
Swagger reference QualityGarment assets
Prepare product imagery and metadata that move cleanly through ingestion and review.
SPREEAI guide ProductionQA & launch
Use the shared browser, performance, accessibility and go-live checklist.
SPREEAI guide SupportTroubleshooting
Resolve the most common authentication, eligibility, rendering and performance issues.
SPREEAI guide DocumentationImplementation guides
Browse public quickstarts, asset standards, launch checklists and troubleshooting guidance.
Open documentationNo matching developer resources. Try “Shopify,” “SDK,” “assets,” or “QA.”
Build for production
The details that protect
the customer experience.
Security
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
Load the experience where it is needed, test real devices and monitor product-page regressions.
Accessibility
Preserve keyboard access, focus order, accessible names and a usable path when the experience is unavailable.
Developer FAQ
Questions before
the first commit.
Which integration should we choose?
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.
Where do credentials come from?
SPREEAI issues the partner ID and approved credentials during onboarding. The browser SDK uses a client ID and partner ID. Never embed a client secret in front-end code.
Does the Shopify App require API keys?
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.
Why does the Try-On button not appear?
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.
Which client events are available?
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.
Are server webhooks available?
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.
Where do developers get help?
Use the technical support path provided during onboarding or email support@spreeai.com. Include the environment, product ID, browser or device, timestamp and a concise reproduction path—never send secrets.
When will Amazon Partner Network support be available?
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.
Ready to build?