Steil 3D Configurator adds a Gutenberg block that shows an interactive 3D product. Visitors can rotate the model, pick a colour per part and a finish, and send a quote request with their configuration (including a screenshot of what they built).
Everything is editable from the WordPress admin:
- Configurator products — a Custom Post Type. Upload a glTF/GLB or FBX model, let the editor detect its parts, and assign a colour palette, finishes and defaults to each. Reuse the same product across many pages.
- The block — pick a product, set the height, choose where the controls sit, and toggle the finish selector, reset button and quote form.
Built on Three.js. Works with classic and block (FSE) themes; styles are scoped so they don’t clash with your theme. No external services or CDNs — everything is bundled locally.
A sample “Lounge chair” product is created on activation so you can try the block immediately.
Screenshots
The configurator on the front end: rotate the product, pick a colour per part and a finish.
The product editor in the WordPress admin, with a live 3D preview and part-to-palette mapping.