Documentación

¿Por qué Alter Product?

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. Para WordPress/WooCommerce también hay un plugin oficial; consulta la guía de integración con WooCommerce para conocer la configuración.

Generador de modelos 3D

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.

Abrir la referencia de la API del generador

Inicio rápido

Sigue estos pasos para conectar Alter Product con tu tienda.

  1. Crea una cuenta y elige una vía de integración Regístrate o inicia sesión. Las tiendas WooCommerce deben empezar con el plugin oficial y Auto Connect; las tiendas a medida o headless deben usar la API pública.
  2. Instala y conecta tu tienda Para WordPress/WooCommerce, instala el plugin, activa los enlaces permanentes y conéctalo desde el panel de WordPress. El proceso completo se describe en la guía de integración con WooCommerce. Si usas una infraestructura propia, genera credenciales de API en el servidor y autoriza el dominio de la tienda.
  3. 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.
  4. Integra la herramienta elegida y gestiona sus eventos El plugin de WooCommerce 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.