Image of a chair inside the configurator

3D Product Customizer

Let customers build their perfect product in 3D — swap materials, hide parts, and share their design. Powered by Three.js, built for WooCommerce.

Showcase

How does it work?

Easy 3D Model loading

Seamlessly manage your 3D assets without leaving WordPress. Our loader integrates directly into the WooCommerce product data tab, allowing you to upload, manage, and replace 3D files as easily as featured images. Includes built-in support for drag-and-drop uploads and immediate visual feedback to ensure asset integrity.

Example of shapes detected by the plugin

Automatic mesh detection

Our plugin will automatically detects the parts of the model and fills the steps configurator.

Upon upload, the plugin analyzes the .glb hierarchy to identify all distinct meshes.
It automatically populates the configuration steps, allowing you to assign materials and toggle visibility directly in the editor.
Clearly see which parts of your model are active and assign logic to them with absolute precision.

Texture definiton

The plugin allows you to define materials and textures with physical properties in order to resemble your product as close to reality.

Adjust roughness, metalness, and reflection intensity to perfectly match your physical samples.
Whether it’s matte rubber, shiny plastic, or soft fabric, fine-tune every surface detail with simple sliders.
Upload your own high-resolution maps to ensure your customers see exactly what they are buying.

Texture selection inside the steps configurator

Easy texture selection

Populate your configurator in seconds. Once your materials are created, they appear in a visual gallery attached to every step. Simply check the boxes for the textures you want to offer—like “Red,” “Blue,” and “Black”—and the plugin automatically generates the frontend options for you.

Powerful configuration options

Step by step configuration options based on meshes.

Go beyond simple colors. Configure options that physically alter the product silhouette—like hiding “Laces” when a “Velcro Strap” is selected.
Define rules to show or hide specific mesh groups instantly, allowing for complex variations like High-Top vs. Low-Top or different handle styles.
Apply changes to multiple parts at once (e.g., “Left Arm” and “Right Arm”) to keep the configuration synchronized.