Skip to content
Product Configurator

Their choice.
Made visible.

Give every option a clear result. Help customers compare possibilities and discover a combination that feels right. Keep each choice and its visible result together before an enquiry or purchase.

Choice and result

Make the decision tangible.

A colour changes the character. A material changes the feel. A component changes the whole. Show the effect of a selection in the product itself, so customers can explore with intention.

Product examples

Find your product category.

Configurable capabilities

Define the options customers can change.

Colour, material and finish

Use approved references and clear names to explain visual differences.

Components and modules

Show supported parts and the combinations that belong together.

Personal details

Agree any supported text, trim or other personalisation as part of the product scope.

Made for considered purchases

Many possibilities. One understandable product.

Furniture collections

Compare upholstery, timber finishes and compatible modules in the context of a single design.

Personal accessories

Explore colourways and hardware combinations without losing sight of the overall object.

Custom product ranges

Explain supported component options for vehicles or equipment, with the product rules clearly defined.

Product logic

Make valid choices easier to follow.

Available options and dependencies should reflect the actual range. Confirm dimensional changes, component compatibility and unavailable combinations before publication.

Start with the buying decision

A furniture finish, accessory colourway or vehicle trim needs a different sequence. Keep that sequence focused on what the customer can actually order or discuss.

Useful secondary features

Plan what happens to a selection.

Views, hotspots, animations and sound explain the product; they do not change its configuration. Colours, materials, finishes and components define the selected product. Saved choices, sharing and quotation summaries can support the next conversation where included.

Commerce handoff

Checkout, live pricing and availability are separate integration decisions. Agree which system owns each value and how the selected combination reaches it.

Visual references

Keep the product and its options consistent.

Upholstered lounge chair and footstool with exposed wooden frames
Illustrative product and application imagery.
Illustrative vehicle showroom with car visualisation on digital displays
Illustrative product and application imagery.
Responsive behavior

Useful choices on a smaller screen.

Keep controls readable and touch-friendly, with the selected result close to the choice. Test zoom, orientation and the return to product information on supported devices.

Preview before launch

A lightweight image keeps collection pages usable. Load the working configurator after intent unless the dedicated page has been tested for immediate loading.

Workflow

Build from your range and its rules.

Product
Experience
Publish
Website
From product to screen

Product

Gather product references, materials and the choices customers need to understand.

Questions

Scope the right combination.

Is this colour study a working configurator?

No. It uses illustrative image colours. A working product configurator uses authored visual assets and the actual available choices.

Can dimensions and components change?

Where the product and experience support them. Define the valid options, constraints and visual states before production.

Does configuration include live pricing or checkout?

Not automatically. Pricing, inventory, saving, sharing and checkout depend on the agreed systems and integration.

Related products

More ways to present your product.

A new way to discover

Which choices define your product?

Bring the range, its options and the next step you want customers to take.

Book a Demo