3D product configurator development follows a clear pipeline: optimise your CAD or 3D models for the browser, build a material library, encode the rules that decide which options are valid and how they affect the quote, then connect the configurator to your commerce platform, CMS and CRM. The rendering is the visible part, but the rules and integrations decide whether it sells.
Want to see how this pipeline applies to your product line? Tell us what you sell and how it is configured.
What a web configurator is actually made of
From the shopper's side, a configurator is a 3D model that changes colour, material or parts as they click. Under the hood, a well-built one has five layers, and weakness in any one of them shows up as slow loading, wrong combinations or orders your factory cannot build.
- Assets: optimised 3D models and textures.
- Materials: physically based materials that look right under the scene lighting.
- Rules: the product logic that governs options, dependencies and quote inputs.
- Viewer: the WebGL front end, usually Three.js, Babylon.js or PlayCanvas.
- Integrations: hooks into cart, CMS, CRM, ERP and sometimes manufacturing systems.
Step one: from CAD to real-time models
Engineering CAD files are built for manufacturing precision, not for phones. A sofa or machine model straight from SolidWorks or a similar tool may contain millions of polygons and hidden internal parts.
Preparing models for the browser
- Retopology and decimation to reduce polygon counts while keeping silhouettes crisp.
- Splitting the model into configurable parts such as legs, arms, handles or panels, each with clean pivot points so they can be swapped.
- Exporting to glTF, the standard web 3D format, compressed with Draco or Meshopt for geometry and KTX2 for textures.
- Levels of detail so a phone gets a lighter version than a desktop.
If you have no CAD at all, models can be built from reference photos and drawings, or from 3D scans for organic shapes.
Step two: materials that look real
Shoppers judge a configurator by whether the leather looks like leather. Physically based rendering (PBR) materials use base colour, roughness, metalness and normal maps so surfaces react to light realistically. Combine them with an environment map and baked ambient occlusion for depth without heavy real-time computation.
Building a material library
Treat materials as data, not as part of each model. A central library of fabrics, finishes and colours, each with its own texture set and metadata such as supplier code and availability, lets you add a new finish once and apply it across the range.
Step three: rules that turn choices into a valid quote
This is where 3D product configurator development moves beyond a pretty viewer. Every configurable product has constraints: a certain frame is not available in a particular fabric, a larger motor requires a reinforced base, some accessories apply only to certain sizes.
Modelling the rules
- Option compatibility: which choices exclude or require others.
- Defaults and dependencies: what changes automatically when the shopper picks a size or model.
- Quote inputs: which options change the price, lead time or bill of materials.
Keeping rules outside the code
Store rules in a structured format, such as JSON managed through an admin panel, rather than hard-coding them into the front end. Product managers can then add options or retire finishes without a developer. For complex industrial products, the configurator can call your existing CPQ system through an API, so pricing logic stays in one authoritative place and the 3D layer simply visualises what CPQ allows.
From configuration to enquiry or cart
For standard products, the final configuration goes straight to cart with a SKU or line-item properties. For made-to-order goods, it generates a quote request containing a configuration code, a snapshot image and the full specification, which flows to sales. Either way, every configuration should have a shareable URL so buyers can send it to a partner or colleague.
Step four: commerce, CMS and CRM hooks
- Commerce: Shopify, WooCommerce, Magento or a headless commerce engine, with inventory checks per variant.
- CMS: product descriptions, option labels and imagery managed in a headless CMS so marketing can edit copy without touching 3D files.
- CRM: configurations and quote requests pushed into your CRM with source tracking, so sales sees what the buyer built.
- Analytics: events for option changes and drop-off, showing which combinations people explore but do not buy.
- AR: a "view in your room" button using WebXR, Android Scene Viewer or Apple Quick Look. Our article on AR product visualisation explains that step.
Planning 3D product configurator development with the right team
iJurug Soft is a Bangalore studio, founded in 2018, whose work spans WebGL, metaverse, AR/VR and web development, all part of our immersive and web engineering services. We run configurator projects through Discover, Design, Build, then Launch and grow, with senior engineers and fixed milestones. Discovery usually starts with one hero product: we audit your models, list every option and rule, and agree integration points before building. If you want a whole-range environment rather than a single product viewer, see our guide to 3D virtual showroom development.
Frequently asked questions
Can we reuse our existing CAD files?
Usually yes. CAD is an excellent starting point, but it needs optimisation, part separation and material assignment before it works smoothly in a browser.
Will the configurator work on mobile?
It should. We set asset budgets per device class and test on mid-range Android phones, not just high-end hardware.
How many products can one configurator support?
The architecture can support a whole catalogue if models, materials and rules are data-driven. Most teams launch with a few products and expand.
What affects the budget for 3D product configurator development?
The number of products and options, the state of your 3D assets, rule complexity, integrations and AR requirements. We do not publish prices; we quote after reviewing your product range.
Ready to let buyers configure your products in 3D? Share your product details and current systems through our enquiry form, or write to info@ijurugsoft.com. We will review your assets, map the rules with you and send a milestone-based quote.