The Short Answer
A 3D product configurator lets buyers change a product's colours, materials and parts live before they buy. On Shopify you can start with an off-the-shelf app for a monthly fee plus model preparation, or commission a custom Three.js configurator, which typically costs $30,000 to $100,000 or more in the US and UK. It pays off for high-ticket products with many visual options, and rarely for simple ones.
How a Configurator Works on Shopify
Shopify already supports 3D models as product media, with a built-in viewer and AR on iPhone. A configurator adds a layer on top: it swaps materials or parts on the model when the buyer picks an option, and passes the chosen combination to the cart as a variant or line item properties.
The same pattern works on other platforms and on headless storefronts. What matters is that every visual option maps to something you can actually make and ship. Our Shopify store design guide covers the product page around it.
Off-the-Shelf App or Custom Build
Apps are faster and cheaper to start; custom builds look and behave exactly the way your brand needs. The choice depends on how unusual your product logic is and how much the experience itself is part of what you sell.
| Configurator app | Custom Three.js build | |
|---|---|---|
| Upfront cost | Low, mainly model preparation | $30,000 to $100,000+ |
| Ongoing cost | Monthly subscription | Hosting plus occasional updates |
| Look and feel | Template, limited styling | Designed to match the brand |
| Product logic | Standard options and swaps | Any rules, dependencies and pricing |
| Best for | Testing demand, simple options | Made-to-order and premium products |
What Drives the Cost of a Custom Configurator
The cost follows the number of products, the number of options per product, the rules between options, and how realistic the materials must look. A single chair in five fabrics is a small project; a modular sofa with dozens of parts and price rules is a large one.
- Models: every part and material has to be modelled or converted and optimised for the web.
- Rules: "this leg only with that top" logic and live pricing take real engineering and testing.
- Realism: fabrics, metals and wood that read correctly on a phone screen need careful material work.
- Integration: connecting options to variants, inventory and checkout is where cheap builds cut corners.
When a Configurator Pays Off
It pays off when buyers hesitate because they cannot picture their version, when returns are driven by "not what I expected", and when the average order is high enough that a small lift in conversion covers the build. Furniture, jewellery, bikes, lighting and made-to-order goods fit this pattern.
It does not pay off for low-priced products, products with one or two options, or stores whose traffic is too small for the lift to matter. For those, good photography or a few 3D renders do more for less, as we compare in 3D visualisation versus product photography.
Keeping the Store Fast
A configurator should load only on the product pages that use it, start with a still image, and fetch the 3D when the buyer interacts. Compressed models and baked lighting keep it smooth on phones. Done this way, the rest of the store stays as fast as before.
How We Approach Configurators
Kalex models products in Blender, builds configurators in Three.js and connects them to the store's variants and checkout. The sensible first step is usually one hero product, to prove the lift before extending the range. See our 3D website service, read what 3D websites cost, or tell us about your product.