Alter Product es una aplicación web moderna para visualizar, configurar y personalizar productos de forma interactiva. Se ha creado para empresas de impresión bajo demanda, fabricantes que ofrecen personalización, tiendas en línea y creadores que quieren presentar productos en un entorno 3D dinámico y totalmente interactivo.
La plataforma reúne las siguientes herramientas en un único flujo de comercio electrónico:
Designer - espacio de trabajo central para definir variantes, áreas de impresión, productos y ajustes de las aplicaciones
Viewer - visor de productos 3D para su presentación visual en comercio electrónico
Configurator - configurador de variantes y parámetros de productos 3D (tallas, materiales, colores, etc.)
Customizer - herramienta avanzada de diseño para añadir gráficos, texto, composiciones y elementos de impresión a los productos
Generador de modelos 3D - crear y ajustar modelos 3D paramétricos a partir de patrones, costuras y medidas editables
Viewer, Configurator y Customizer pueden integrarse en tu web mediante iframe, configurarse con parámetros de URL y conectarse mediante comunicación segura con postMessage.
El módulo Designer actúa como capa central de gestión: define variantes, áreas de impresión y ajustes de las aplicaciones. Viewer, Configurator y Customizer utilizan esos ajustes y el diseño preparado en Designer para mostrar la experiencia de compra; no abren el espacio de trabajo de Designer. Designer también se puede integrar para los procesos del vendedor. En las configuraciones integradas o con almacenamiento local, los recursos y los datos del diseño se guardan en tu servidor, mientras que Alter Product gestiona las licencias y el acceso a las aplicaciones.
Para las integraciones, Alter Product ofrece una API pública que permite a tu tienda o backend obtener datos de los diseños y sincronizar pedidos de Customizer. Alter Product también ofrece un plugin para WordPress que requiere WooCommerce instalado y activo; consulta la guía de instalación del plugin de WordPress para conocer la configuración.
Empieza con una plantilla del generador o un modelo existente que incluya un generador. Edita los patrones, las costuras y las dimensiones, comprueba el resultado en un maniquí y aplica texturas. Guarda el proyecto del generador y utiliza después una revisión guardada en un diseño de producto. El modelo resultante funciona con Designer y los flujos de producto existentes de Customizer, Configurator y Viewer.
En WordPress, las plantillas reutilizables, los maniquíes y las bibliotecas de texturas se encuentran en Assets; los entornos HDRI utilizan la biblioteca de entornos compartida. Model generator muestra los proyectos locales e importa modelos que incluyen un generador. El paquete inicial descarga el modelo seleccionado con su generador, plantilla y recursos asociados, incluidos ambos maniquíes. Los proyectos y los archivos se guardan en WordPress; las actualizaciones del catálogo, las importaciones, el frontend y las comprobaciones de acceso siguen utilizando Alter Product.
Sigue estos pasos para conectar Alter Product con tu tienda.
Crea una cuenta y elige una vía de integraciónRegístrate o inicia sesión. Para WordPress, elige el plugin de Alter Product, que requiere WooCommerce activo, y conecta tu cuenta mediante Auto Connect; las tiendas a medida o headless deben usar la API pública.
Instala y conecta tu tienda
En el panel de WordPress, comprueba que WooCommerce esté activo, instala el plugin de Alter Product, activa los enlaces permanentes y conecta tu cuenta. El proceso completo se describe en la guía de instalación del plugin de WordPress. Si usas una infraestructura propia, genera credenciales de API en el servidor y autoriza el dominio de la tienda.
Crea y asigna el diseño
Abre la edición del producto en WooCommerce y utiliza la pestaña Alter Product para crear o seleccionar un diseño. Define variantes, áreas de impresión y ajustes en Designer para que Viewer, Configurator o Customizer muestren la experiencia de compra correcta.
Integra la herramienta elegida y gestiona sus eventos
El plugin de Alter Product para WordPress puede mostrar la herramienta seleccionada en páginas de producto o de WordPress. Las integraciones a medida insertan el iframe, crean un token de sesión de corta duración en el backend y utilizan postMessage para añadir al carrito, obtener los datos actuales y sincronizar pedidos de Customizer.