Documentação

Motivação

O Alter Product é uma aplicação web moderna para visualização, configuração e personalização interativa de produtos. Foi criado para empresas de impressão sob demanda, fabricantes que oferecem personalização, lojas online e criadores que desejam apresentar produtos em um ambiente 3D dinâmico e totalmente interativo.

A plataforma reúne as seguintes ferramentas em um único fluxo de comércio eletrônico:

  • Designer – área de trabalho central para definir variantes, áreas de impressão, produtos e configurações de execução
  • Viewer – visualizador 3D de produtos para apresentação no e-commerce
  • Configurator – configurador 3D de variantes e parâmetros de produtos para e-commerce (tamanhos, materiais, cores etc.)
  • Customizer – ferramenta avançada de design para adicionar imagens, textos, layouts e elementos de impressão aos produtos
  • Gerador de modelos 3D – criar e ajustar modelos 3D paramétricos a partir de moldes, costuras e medidas editáveis

Viewer, Configurator e Customizer podem ser incorporados ao seu site com iframe, configurados por parâmetros de URL e integrados por comunicação segura via postMessage.

O módulo Designer é a camada central de gerenciamento: define variantes, áreas de impressão e configurações de execução. Viewer, Configurator e Customizer usam essas configurações e o design preparado no Designer para apresentar a experiência de e-commerce; não abrem a área de trabalho do Designer em si. O Designer também pode ser incorporado para os fluxos de trabalho dos lojistas. Em integrações incorporadas ou com armazenamento local, os recursos e dados dos designs ficam no seu servidor, enquanto o Alter Product gerencia o licenciamento e o acesso às ferramentas.

Para integrações, o Alter Product oferece uma Public API dedicada que permite à loja ou ao backend obter dados de designs e sincronizar pedidos do Customizer. Também há um plugin oficial para WordPress/WooCommerce. Consulte o guia de integração WooCommerce para saber como configurar.

Gerador de modelos 3D

Comece com um template do gerador ou um modelo existente que inclua um gerador. Edite moldes, costuras e dimensões, confira o resultado em um manequim e aplique texturas. Salve o projeto do gerador e depois use uma revisão salva em um design de produto. O modelo resultante funciona com o Designer e com os fluxos de produto existentes do Customizer, Configurator e Viewer.

No WordPress, templates reutilizáveis, manequins e bibliotecas de texturas ficam em Assets; os ambientes HDRI usam a biblioteca compartilhada de ambientes. Model generator lista os projetos locais e importa modelos que incluem um gerador. O pacote inicial baixa o modelo selecionado com seu gerador, template e recursos relacionados, incluindo os dois manequins. Projetos e arquivos são armazenados no WordPress; atualizações de catálogo, importações, frontend e verificações de acesso continuam usando o Alter Product.

Abrir a referência da API do gerador

Início rápido

Siga estas etapas para conectar o Alter Product à sua loja.

  1. Crie uma conta e escolha a forma de integração Cadastre-se ou entre. Lojas WooCommerce devem começar pelo plugin oficial e pelo Auto Connect; lojas próprias ou headless devem usar a Public API.
  2. Instale e conecte sua loja No WordPress/WooCommerce, instale o plugin, ative os links permanentes e conecte pelo painel do WordPress. O processo completo está no guia de integração WooCommerce. Em sistemas próprios, gere credenciais de API no servidor e autorize o domínio da loja.
  3. Crie e associe o design Abra a edição de produto no WooCommerce e use a aba Alter Product para criar ou selecionar um design. Defina variantes, áreas de impressão e configurações de execução no Designer para que Viewer, Configurator ou Customizer apresentem a experiência correta de e-commerce.
  4. Incorpore a ferramenta e processe os eventos de execução O plugin WooCommerce pode exibir a ferramenta selecionada em páginas de produtos ou do WordPress. Integrações próprias incorporam o iframe, criam no backend um token de sessão de curta duração e usam postMessage para adicionar ao carrinho, obter o payload atual e sincronizar pedidos do Customizer.