Product configurator
The build-your-own tool that updates the preview and price as a shopper chooses parts, dimensions, materials, or extras.
See it
What it is
A product configurator is an interactive builder for something made or assembled to order. The shopper chooses parts, dimensions, materials, and finishes while the preview, compatibility rules, lead time, and price update. Nike By You and online car builders are the familiar shape.
Reach for one when the valid combinations are too numerous or too dependent on each other for a normal variant picker. A configurator models rules such as 'this frame only accepts these wheels' and prices the chosen recipe, rather than creating a catalog variant for every possible combination.
Gotcha: the browser is only a drafting surface. Hidden or stale clients can submit impossible combinations and old prices, so validate the full configuration and calculate the final amount again on the server. Give every saved configuration a readable summary too, or support, production, and the customer will each think a different thing was ordered.
Ask AI for it
Build a product configurator for a made-to-order desk. Model the choices as JSON Schema Draft 2020-12 with `if`, `then`, and `oneOf` rules for incompatible width, frame, top, and cable-tray combinations. Render a step-by-step builder with a persistent visual summary, live price, lead time, Back and Undo controls, and disabled choices that explain which earlier selection blocks them. Serialize the configuration into URLSearchParams so it can be shared and restored. On add to cart, send only option IDs and quantities, then revalidate every rule and recalculate the price on the server before creating a line item with a human-readable configuration summary and immutable configuration ID.