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 a pedido, fabricantes que oferecem personalização, lojas online e criadores que desejam apresentar produtos num ambiente 3D dinâmico e totalmente interativo.
A plataforma reúne as seguintes ferramentas num ú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 gestão: 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 comerciantes. Em integrações incorporadas ou com armazenamento local, os recursos e dados dos designs ficam no seu servidor, enquanto o Alter Product gere 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. O Alter Product também disponibiliza um plugin para WordPress que requer o WooCommerce instalado e ativo; consulte o guia de instalação do plugin para WordPress para saber como configurar.
Comece com um template do gerador ou um modelo existente que inclua um gerador. Edite moldes, costuras e dimensões, verifique o resultado num manequim e aplique texturas. Guarde o projeto do gerador e depois utilize uma revisão guardada num design de produto. O modelo resultante funciona com o Designer e com os fluxos de produto existentes do Customizer, Configurator e Viewer.
No WordPress, os templates reutilizáveis, os manequins e as bibliotecas de texturas encontram-se em Assets; os ambientes HDRI utilizam a biblioteca de ambientes partilhada. Model generator apresenta os projetos locais e importa modelos que incluem um gerador. O pacote inicial descarrega o modelo selecionado com o respetivo gerador, template e recursos associados, incluindo ambos os manequins. Os projetos e ficheiros são guardados no WordPress; as atualizações do catálogo, as importações, o frontend e as verificações de acesso continuam a utilizar o Alter Product.
Siga estas etapas para conectar o Alter Product à sua loja.
Crie uma conta e escolha a forma de integraçãoRegiste-se ou entre. Para WordPress, escolha o plugin do Alter Product, que requer o WooCommerce ativo, e ligue a sua conta através do Auto Connect; lojas próprias ou headless devem usar a Public API.
Instale e conecte sua loja
No painel do WordPress, verifique se o WooCommerce está ativo, instale o plugin do Alter Product, ative as ligações permanentes e ligue a sua conta. O processo completo está no guia de instalação do plugin para WordPress. Em sistemas próprios, gere credenciais de API no servidor e autorize o domínio da loja.
Crie e associe o design
Abra a edição de produto no WooCommerce e use o separador 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.
Incorpore a ferramenta e processe os eventos de execução
O plugin do Alter Product para WordPress 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.