Documentation

Motivation

Alter Product is a modern web application designed for interactive product visualization, configuration and personalization. It was built for Print-On-Demand businesses, manufacturers offering customization, online stores and creators who want to present products in a dynamic, fully interactive 3D environment.

The platform consists of four core components that work together as a complete e-commerce ecosystem:

  • Designer – project management area where other ecommerce tools are generated from
  • Viewer – 3D ecommerce product viewer for visual presentation
  • Configurator – 3D ecommerce product variant and parameter configurator (sizes, materials, colors, etc.)
  • Customizer – advanced ecommerce design tool for adding graphics, text, layouts and print elements on products

Each ecommerce tool (Viewer, Configurator, Customizer) can be embedded on your website using iframe, configured with URL parameters and integrated via secure postMessage communication.

The Designer module acts as the central management layer — Define variants, print areas and allowing further edit or view in ecommerce tool.

For integrations, Alter Product provides a dedicated API that allows your store or backend system to fetch design data, synchronize customizer orders.

Quick Start

How to get started with Alter Product?

  1. Create an account and a product design Register or Log in to your account. Create your first product.
  2. Prepare your design in Designer Use the Designer module to manage product configurations, variants (sizes, materials, print types, etc.) and design.
  3. Set up API, and embeding options Integrate communication with your shop (WooCommerce or custom) and embed ecommerce tool on your website.
  4. Configure your postMessage communication To synchronize add-to-cart actions and design data with your platform.