3D Shoe Configurator

Interactive 3D Shoe Configurator Demo

This is a live 3D shoe configurator built entirely with the 3D Product Customizer & Configurator for WooCommerce plugin. Drag to rotate the shoe, scroll to zoom, and use the customization steps to change materials in real time. Every interaction you see runs natively inside WooCommerce — no external service, no custom development.

Customize materials in real time

Swap the upper, sole, and accent materials and watch the shoe update instantly. Each option uses physically based rendering, so colors, roughness, and metalness respond to light the way real footwear does — from matte canvas to brushed metal eyelets to soft suede. The materials in this demo were defined entirely through the plugin’s visual admin interface, with no design software and no code.

Change the geometry, not just the color

This configurator goes beyond surface colors. Selecting an option here can alter the shoe itself — toggle laces off when a strap is chosen, or switch between silhouettes. The plugin reads the model’s full mesh hierarchy on upload, so every part of the shoe is available to show, hide, or restyle through simple configuration steps.

View it in your space with AR

On a compatible phone, the View in AR button places this shoe in your room at true scale — Quick Look on iOS, WebXR on Android. The same AR view is available on every product built with the plugin.

How this demo was made

This page uses a single .glb model uploaded directly through the WooCommerce product editor. The plugin detected each mesh automatically, the materials were assigned with checkboxes, and the configurator you see generated itself — no templates, no repetitive setup. When a customer configures and adds a product to the cart, the full selection is saved to the order as line-item meta.

Want this on your own store? Install the 3D Product Customizer free on WordPress.org, or see the full plugin features and pricing.