Product configurators: when an online store needs one

When does an online store need a product configurator?

You need a configurator when buyers make several linked choices before they can buy, when those choices change the price, or when buyers need to see the result before they trust it. If your products fit into a few options such as size and colour, normal variants are enough. The right setup depends on how many choices you have, whether some combinations are impossible, and whether the order should end in checkout or a quote.

Our ecommerce development team builds configurators for made-to-order products on Shopify, WooCommerce and custom stores.

Where do standard variants stop working?

Every platform handles simple options well. Shopify's variants guide says each product can have up to three options and up to 2,048 variants. For more than that, Shopify points to apps from the Shopify App Store or theme code that uses line item properties. WooCommerce uses variable products with attributes, and its Product Add-Ons extension adds fields such as dropdowns, checkboxes, text and file uploads, priced as a flat fee or a percentage.

Variants start to strain when:

• there are more than three kinds of choice, such as size, material, finish, hardware and engraving;
• some combinations are impossible, such as a finish that only comes in two sizes;
• the price depends on measurements, such as width times height;
• buyers upload artwork or enter text that must be checked;
• buyers need to see a preview before they will pay.

What kinds of configurator are there?

Many stores need two of these: add-ons for simple products and a builder or quote flow for the complex ones. If you sell configured products from several makers, see our guide to multi-vendor marketplaces.

How should rules and pricing work?

Rules are the heart of a configurator. Write them down before any design work: which options depend on others, which combinations are invalid, and how each choice changes the price, lead time and shipping weight. A simple spreadsheet of rules, reviewed by the person who makes the product, prevents most later problems.

Two technical points matter:

• Price checks. The price shown in the browser must be recalculated by the platform or your server before payment. A price that only exists in the browser can be edited.
• Order specification. Every configured order needs the full set of choices attached, so production or the supplier gets exactly what the buyer chose. On Shopify this is usually done with line item properties, and on WooCommerce with order item data.

Do you need live previews or 3D?

Previews build confidence, but they are usually the most expensive part. Layered 2D images, where each option swaps a transparent layer, cover most needs and load quickly. 3D lets buyers rotate the product, but you need accurate models of every part and careful testing on phones.

For layered previews, shoot or render every option from the same angle, with the same lighting and size, so the layers line up. Mismatched photos make a configurator look broken even when the rules are right.

Start with photos or layered images, and add 3D only when it clearly helps buyers decide and you have the models. Whatever you choose, keep the page fast; our Core Web Vitals guide explains what to measure.

Should buyers be able to save and share their builds?

For bigger purchases, yes. People often design something, then ask a partner, a manager or a client before buying. A saved build with a shareable link, or an emailed summary, brings them back to the same configuration. For trade buyers, a downloadable specification or PDF quote helps them get internal approval.

These features need somewhere to store builds, usually customer accounts or a small database, so include them in the first scope rather than adding them later. Good UX design matters here too: buyers should always see what they chose and what it costs.

Should the configurator end in checkout or a quote?

Use checkout when every valid configuration has a fixed price and you can make it without a manual check. Use a quote when a person must confirm measurements, feasibility or artwork, or when larger orders get negotiated prices.

Many stores do both. Standard builds go to the cart, while unusual ones become a quote request that lands in your CRM with the full specification attached. If you also sell to trade customers, our guide to Shopify B2B and wholesale covers price lists and payment terms.

How do configured orders reach production?

A configurator is only half done when the order is placed. Someone has to make the product, so plan what they receive:

• a production sheet per order, with every choice, measurement and uploaded file in a fixed layout;
• artwork checks before production starts, with a simple way to ask the buyer for a corrected file;
• order status updates to the buyer, since made-to-order items take longer than stock items;
• where volumes justify it, a direct link to your ERP, workshop system or supplier, so nobody retypes orders.

Retyping configured orders by hand is where most errors happen, so even a simple PDF or email in a fixed format is a big improvement.

Should you use an app or build a custom configurator?

Start with an app or plugin when your rules are simple and its templates suit your brand. Move to a custom build when the rules are complex, the preview must match your products exactly, or orders must flow straight into production or ERP systems. Our Shopify developers build custom configurators as theme sections and app blocks, so your team can still edit the rest of the page in the theme editor.

Frequently asked questions

Last updated November 6, 2026