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. O Alter Product também oferece 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, 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.
Siga estas etapas para conectar o Alter Product à sua loja.
Crie uma conta e escolha a forma de integraçãoCadastre-se ou entre. Para WordPress, escolha o plugin do Alter Product, que requer o WooCommerce ativo, e conecte sua conta pelo 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 os links permanentes e conecte 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 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.
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.