Mercado
SPREEAI Para os desenvolvedores
Construa a sala adequada
em cada tela.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
Escolha o seu caminho
Começa onde o seu
O comércio está vivo.
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.
VivaChegando em breve
O caminho mais rápido
Aplicativo Shopify
A nossa tecnologia está disponível através da nossa parceria Shopify. Instale a aplicação, conecte o seu catálogo e forme a experiência para sua loja.Melhor para Shopify Storefronts SDK WebWeb personalizado
SDK Web
Control placement, styling, events, sizing and add-to-cart behavior.JavaScript + Tipo de Escritório DocsMobiliário Nativo
O SDK
Levar o SPREEAI A experiência em uma viagem de compras existente.Guia de abertura DocsMobiliário Nativo
Android SDK
Integra o try-on em uma experiência de produto Android com controles nativos.Guia do Android aberto Acesso de parceiroSistemas personalizados
APIs Público
Use a referência API aprovada para os fluxos de trabalho do servidor e do catálogo.Referência API abertaWeb SDK em breve
Sua primeira integração.
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 Instalação spreeai /web-sdk # ou adicionar Yarn @ spreeai Web-Sdk emimport { 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.
},
}O modelo de integração
Quatro sistemas.
Um momento de cliente.
Identificação de produto, variantes, imagens e contexto de comércio.
Os vestidos passam através de processos de processamento, revisão e estado de preparação.
Sua loja exige a experiência para um produto elegível.
Tente, encontre um tamanho, complete a visualização e volte para o check-out.
Um caminho focado para o lançamento
Prepare para. e ligar.
Viva com confiança.
Três quilômetros, com uma lista de verificação prática para cada um.
- 01 - Preparação
Um ponto de partida claro.
Alinhem o caminho, o acesso e o catálogo.
Preparação de checklist
- Escolha um canal, grupo de catálogo e medida de sucesso.
- Confirmar o acesso de parceiros, credenciais e permissões de estágio.
- Forneça uma imagem de roupa limpa e alinhada com SKU.
- 02 - Conectar
Faça com que ele se sinta nativo.
Construindo em estágios. Teste toda a viagem.
Integrar a lista de verificação
- Render para produtos elegíveis e conectar variantes e comportamento de carro.
- Compare a experiência com a marca.
- Verifique os estágios móveis, desktop, acessibilidade, desempenho e falhas.
- 03 - Lançamento
Aprenda com o uso real.
Permite produtos e medições prontos.
Lançamento da lista de checklist
- Confirmar a disponibilidade do produto e publicar a experiência em fase.
- Monitorização da adoção, conclusão e conversão.
- Use os resultados para guiar a próxima categoria ou viagem.
Ativos baseados
Uma boa entrada dá um resultado melhor.
- JPEG ou PNG
- 2 000 × 2 000 px mínimo
- Visão de frente necessária
- Revisão recomendada
- Neutral, mesmo iluminação
- SKU ou ID de estilo em filename
Referência de desenvolvedor
Encontre o próximo
Uma resposta útil.
Começando aqui
Começando
Entender o acesso, as plataformas suportadas e as primeiras decisões que sua equipe precisa tomar.
Referência oficial Gestão de integraçãoShopify em embarcação
Install the app, accept agreements, sync garments, customize the button and go live.
Referência oficial SDK WebÁguas de superfície
Review initialization, render options, sizing, customization and typed interfaces.
Referência oficial Fogo de ParceiroReferência de API
Explore a interface de lado do servidor aprovada disponível para parceiros autenticados.
Referência de Swagger QualidadeAtivos de Garagem
Prepare a imagem do produto e metadados que se movam limpo através da ingestão e revisão.
SPREEAI Guia ProduçãoQA e lançamento
Use o navegador compartilhado, desempenho, acessibilidade e checklist go-live.
SPREEAI Guia ApoioResolução de problemas
Resolve the most common authentication, eligibility, rendering and performance issues.
SPREEAI Guia DocumentárioGuia de implementação
Browse public quickstarts, asset standards, launch checklists and troubleshooting guidance.
Documentos abertosNão se encaixam recursos de desenvolvedores. Tente “Shopify”, “SDK”, “activos” ou “QA”.
Construído para produção
Os detalhes que protegem
A experiência do cliente.
Segurança
Keep secrets server-side, use only issued environments and rotate credentials through the partner workflow.
Privacidade
Request customer imagery with clear consent and align data handling with your approved integration plan.
Performance
Carregar a experiência onde é necessário, testar real de vic Es e monitorar regressões da página do produto.
Acessibilidade
Preserve keyboard access, focus order, accessible names and a usable path when the experience is unavailable.
Desenvolvimento FAQ
Perguntas antes
O primeiro compromisso.
Que integração escolheremos?
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 onde vêm os credenciais?
SPREEAI emitir o ID do parceiro e credenciais aprovados durante a embarcação. O SDK do navegador usa um ID de cliente e ID de parceiro. Nunca coloque um segredo de cliente em código front-end.
A App Shopify requer chaves 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.
Por que o botão de prova não aparece?
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.
Quais eventos de clientes estão disponíveis?
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.
Os webhooks estão disponíveis?
Os webhooks de servidor push não fazem parte da documentação SDK atualmente publicada. Esqueça qualquer requisito de evento do lado do servidor com o Partner Engineering antes de confiar nele.
Onde os desenvolvedores podem obter ajuda?
Use o caminho de apoio técnico fornecido durante a embarcação ou email support@spreeai.com. Inclui o ambiente, ID de produto, navegador ou vic e, a estampa do tempo e um caminho de reprodução estreito – nunca envia segredos.
Quando será possível o suporte da 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.
Pronto para construir?