Online product configurator · website, ecommerce and dealer channels
Turn your website into a guided product showroom.
Configurix is an online 3D product configurator for made-to-measure and configurable products. Buyers follow governed product rules, see controlled pricing and send a complete project to your sales team—from the website they already trust.
One connected project
What the customer selects stays useful after the 3D session.
The product definition, live price, customer request, saved revision and commercial output can reference the same configuration instead of being rebuilt across forms, spreadsheets and email threads.
Configure
Dimensions, options and compatible choices
Price
Rules, quantities and market context
Save
Project ID, revision and customer details
Continue
Quote, CRM and scoped order handoff
Definition
More than a model visitors can rotate.
An online product configurator is a browser-based sales application for products that have meaningful choices. It lets a visitor work through the approved catalogue while the product geometry, appearance, specification and—when included—price update from the same selections. A 3D website configurator adds an interactive spatial view to that governed product state.
A viewer answers, “What does this model look like?” A configurator also answers, “Which sizes and options may be sold together, what does this version cost, and what information should the next team receive?” That difference matters for pergolas, verandas, doors, fences, garden rooms, carports, outdoor kitchens, HVAC products and other made-to-order systems.
Configurix can support a public self-service journey, a salesperson-led consultation, a showroom experience and an authenticated dealer portal. Each audience can see the catalogue, prices, actions and documents permitted for its market and role.
Catalogue-controlled choices
Guide visitors through the dimensions, systems, materials, finishes and accessories your business actually sells—not an open-ended 3D model.
Interactive 3D
Update product geometry and appearance as selections change, so the customer sees the configured product instead of interpreting a list of codes.
Live price logic
Calculate from approved formulas, matrices and option prices, with control over what a public visitor, dealer or salesperson may see.
Structured lead capture
Send sales the customer details together with the selected product, size, options, price context and source—one useful project, not an empty enquiry.
Saved projects
Let customers return to a design and let sales continue the same record, keeping revisions and decisions connected throughout the conversation.
Quotes and documents
Turn the saved configuration into a branded proposal with imagery, specification and price, using the document rules agreed for the business.
Mobile and optional AR
Provide a touch-ready web journey and, where supported, let customers place the configured product into their environment from a phone or tablet.
Connected handoff
Pass scoped customer, product, quote, BOM or order information to CRM, ERP, ecommerce and operational systems without retyping the project.
Customer journey
From product page to sales-ready configuration.
The journey gives the visitor a useful result before asking for contact details. Your team receives the context needed to continue, price or approve the same project.
- 1 / 4
Discover
A visitor arrives with a product question.
Organic search, paid media, a dealer referral or a direct campaign brings the buyer to a page that explains the product before inviting configuration.
- 2 / 4
Configure
Guidance turns interest into a defined product.
The user selects an approved product family, dimensions and options while rules remove combinations that do not belong together.
- 3 / 4
Understand
3D, price and specification update together.
The buyer can compare meaningful alternatives and understand what the selected choices change visually and commercially.
- 4 / 4
Continue
The configured project reaches the right next step.
Save, request a quote, book a consultation or proceed through a connected purchase flow—without reducing the work to a generic message.
Online delivery patterns
Choose where the configurator lives before deciding how it is embedded.
The same configuration engine can support a public product page, a focused design workspace, a custom headless storefront and an authenticated portal. Each pattern has different navigation, security, performance, analytics and ownership requirements.
Embedded product-page configurator
Place the experience beside product content, specifications and the primary commercial action.
Best when a buyer starts with one known product family and should remain inside the existing ecommerce or marketing journey.
Confirm responsive height, navigation, analytics context, loading behavior and how configuration identity reaches cart or lead capture.
Dedicated branded configurator route
Open a focused, full-screen workspace on the same domain or an agreed branded application domain.
Best when the product needs more room, several decision stages, drawings, saved projects or a larger assisted-sales workspace.
Confirm domain ownership, return navigation, canonical content, campaign attribution, saved links and meaningful non-app landing content.
Headless configurator components
Use APIs and reusable interface components inside a custom website, ecommerce storefront, dealer portal or mobile application.
Best when a business controls several channels and needs its own experience while sharing a canonical configuration engine.
Confirm state authority, authentication, API versions, retries, caching, event contracts and who maintains each channel interface.
Authenticated customer or dealer portal
Combine configuration with assigned catalogue, account pricing, margin permissions, quotes, revisions and project history.
Best for repeat buyers, distributors, dealers, showrooms and sales teams that need protected commercial context.
Confirm server-side authorization, tenant isolation, role permissions, historical project behavior and account-specific handoff.
What to compare
Static catalogue, generic viewer or connected website configurator?
Names vary between vendors. Evaluate what the working system controls and what remains usable after the visual session, rather than choosing from the label alone.
| Capability | Static product page | Generic 3D viewer | Configurix website configurator |
|---|---|---|---|
| Product visualization | Static images | Interactive model | Interactive configured product |
| Catalogue and compatibility rules | No | Usually limited | Defined around approved product logic |
| Made-to-measure dimensions | Described in text | May show presets | Controlled ranges, increments and dependencies |
| Live pricing | Separate or absent | Varies | Connected to dimensions and selections |
| Structured lead record | Contact form | Usually separate | Customer plus complete configuration context |
| Saved project and revisions | No | View state may be temporary | Reusable project shared with sales |
| Branded quote | Manual | Usually separate | Generated from the saved configuration |
| Operational handoff | Manual re-entry | Usually separate | Scoped CRM, ERP, BOM or order data |
Performance, SEO and measurement
Keep the website useful before the 3D canvas loads.
An interactive configurator and a search-friendly product page can work together. The page should explain the product and buying task in indexable HTML, then load the 3D experience deliberately for the visitor who wants to use it.
Load deliberately
Optimize models and textures, use a useful poster or introduction and avoid forcing every heavy asset into the first page response.
Keep content indexable
Use real headings, product descriptions, FAQs and internal links around the configurator so the page remains understandable without parsing a 3D scene.
Design for touch
Test option panels, 3D controls, price visibility, save actions and form fields on representative phones and tablets—not desktop alone.
Measure meaningful steps
Track starts, product selections, price views, saves, quote requests and submissions with consent and campaign context appropriate to the market.
Preserve the journey
Keep navigation, domain, branding and calls to action coherent so the interactive step feels like part of the website rather than an unrelated destination.
Test real projects
Check normal, edge and invalid configurations plus pricing, documents and integrations before judging readiness from a polished demonstration.
Online configurator acceptance
Prove the public journey on the devices and systems customers actually use.
A polished desktop demonstration is not enough. Use one representative product, boundary configurations, real channel permissions and the agreed commercial next step to verify the complete online experience.
The public URL returns a successful status and meaningful title, description, heading and product explanation without requiring the 3D scene to finish loading.
Every important product choice is represented by a crawlable, labelled control or textual summary rather than existing only as pixels inside a canvas.
The normal and largest representative configurations become usable on the agreed phones, tablets, desktops, browsers and network conditions.
Product rules produce the expected valid, incomplete, invalid and review-required states for normal, boundary and conflicting selections.
Visible geometry, materials, dimensions, specification and scoped price reference the same configuration and catalogue revision.
Refresh, back, forward, save, reopen, revise and shared-project links preserve state according to the documented customer journey.
Quote, cart, lead or consultation submission sends stable product and configuration identities plus the agreed customer and campaign context.
Consent, analytics and error reporting record the agreed events without sending unnecessary personal or commercially restricted data.
Loading, unsupported graphics, network failure, expired projects and integration rejection expose a useful message, fallback and recovery path.
Keyboard and touch users can complete the core journey through labelled controls without a keyboard trap or mandatory complex gesture.
Market, language, currency, units, catalogue and price visibility change only through approved locale, account and role rules.
A released catalogue, price, rule or 3D asset change passes regression tests for current projects and the agreed historical-project policy.
Primary web references
Make the interactive experience crawlable, measurable and operable.
These primary references define the surrounding web behavior. Product rules, price authority and downstream data still require acceptance against the implemented catalogue and business systems.
Google Search: JavaScript SEO basics
Primary guidance on crawling, rendering, indexing, crawlable links, status codes and discoverability for JavaScript-powered applications.
Google Search: developer SEO guide
Primary guidance on semantic HTML, visible textual context, descriptive metadata, crawlable links and search-friendly JavaScript experiences.
Google Web Vitals
Official field-measurement guidance for loading, interaction and visual stability through LCP, INP and CLS.
W3C WCAG 2.2
The W3C Recommendation for perceivable, operable, understandable and robust content, including keyboard and pointer requirements.
Lead and project data
Capture the buying context, not only an email address.
The exact fields depend on consent, market, user role and implementation scope. A structured record can give the next team a clear starting point while avoiding unnecessary questions in the public form.
Customer and enquiry
- Name and contact details
- Company, location and preferred language
- Consent and preferred next action
Configured product
- Product family and dimensions
- Selected systems, options and finishes
- Configuration ID, revision and imagery
Commercial context
- Calculated price or price range
- Tax, currency and price-list context
- Discount or approval status where permitted
Journey and attribution
- Landing page and campaign source
- Meaningful configuration events
- Save, quote and submission timestamps
Project output
- Quote and document references
- Tasks, ownership and next steps
- Scoped BOM, order or integration fields
Implementation checklist
Prepare the product system before choosing the interface.
A clean interface cannot compensate for unclear catalogue ownership or untested price logic. These eight inputs make scope, responsibility and acceptance easier to define.
- 01
Catalogue
List the product families, dimensions, systems, options, finishes and market availability that belong in the first release.
- 02
3D assets
Confirm model sources, level of detail, materials, parametric behavior, mobile targets and who approves the visual result.
- 03
Product rules
Document limits, increments, dependencies, exclusions, default choices and combinations that require review.
- 04
Pricing
Provide price lists, formulas, quantities, tax, delivery, installation, discount and visibility rules with approved examples.
- 05
Customer journey
Choose the calls to action, required fields, save behavior, account needs, follow-up and market-specific experience.
- 06
Documents and handoff
Define quote templates, project fields, BOM requirements and data expected by CRM, ERP, order or production systems.
- 07
Performance and analytics
Agree load targets, device coverage, consent behavior, event names and measurements before implementation acceptance.
- 08
Acceptance
Test normal, boundary and invalid configurations plus representative prices, documents and integrations against approved references.
Products you can configure online
One platform, different product logic.
Configurix is built around the catalogue of each business. The interface may feel consistent, but the dimensions, rules, prices, documents and handoff data remain specific to the product category and supplier.
Pergolas
Bioclimatic, attached, freestanding, retractable and timber systems
Verandas
Frames, roof systems, glazing, walls and sliding doors
Awnings
Dimensions, cassette systems, fabric, frame and control options
Doors
Openings, constructions, panels, glazing, hardware and finishes
Fences and gates
Runs, panels, posts, pedestrian gates and automated entrances
Garden rooms
Footprints, structures, cladding, glazing, doors and services
Carports
Layouts, bays, posts, roofs, solar options and drainage
HVAC enclosures
Units, panels, louvers, access, airflow choices and finishes
Online product configurator FAQ
Practical answers before implementation.
- What is an online product configurator?
- An online product configurator is a browser-based application that guides a customer, salesperson or dealer through the permitted dimensions, components, materials, finishes and accessories for a configurable product. It records the resulting product state and may connect it to interactive 2D or 3D visualization, live pricing, a saved project, quote request, cart, approval or structured business handoff. The term describes the delivery channel; the working rules and outputs determine the actual capability.
- What is a 3D product configurator for a website?
- A 3D product configurator for a website is an interactive sales application that lets visitors define a product from approved dimensions, materials, finishes and accessories while the 3D model updates. A connected implementation can also calculate price, save the configuration, capture a detailed enquiry, create a quote and pass structured project data to sales or operations.
- How is a website product configurator different from a 3D viewer?
- A 3D viewer primarily lets people inspect a model. A product configurator applies catalogue choices and dependencies: it can restrict dimensions, hide incompatible options, calculate the commercial result and retain the selected specification. The important test is whether the visual choice remains connected to useful product and project data after the visitor leaves the 3D scene.
- Can Configurix be embedded into an existing website?
- Yes. Configurix can be presented inside an existing product page or opened as a dedicated branded experience. The exact integration can use an embed, link or application route depending on the website platform, authentication, analytics, domain and performance requirements. Navigation and calls to action can remain aligned with the seller's website.
- Will the configurator use our brand and domain?
- Yes. The customer-facing experience can use the seller's logo, colours, typography, terminology, domain and document templates. A broader white-label implementation can also define market-specific catalogues, dealer access and customer communications so the experience feels like part of the business rather than a disconnected third-party tool.
- Does it work on phones and tablets?
- Configurix is web based and can provide responsive journeys for desktop, tablet and mobile. The mobile flow should prioritize touch targets, readable option labels, manageable 3D controls and clear save or quote actions. Device coverage, large catalogues and representative projects are tested as part of implementation acceptance.
- Can customers see live prices while they configure?
- Yes, when pricing is included in scope. Configurix can calculate from dimensions, quantities, systems, finishes, accessories, installation, delivery, tax, discounts and market price lists. Public journeys may show an exact price, a starting price, a range or no price at all; the visibility and calculation rules are controlled by the business.
- Can a website configurator capture better-qualified leads?
- It can capture more useful context than a generic contact form because the submitted record may include the configured product, dimensions, selected options, price context, imagery, language, market and source information. Actual conversion performance depends on traffic quality, offer, user experience and follow-up, so it should be measured against the business's own documented baseline.
- Can visitors save a design and return later?
- Yes. A configuration can be saved and reopened through the journey designed for the implementation. This may use a project link, email, customer account or salesperson-assisted record. The saved project can preserve selected options and revision history so the team continues the same configuration instead of recreating it from screenshots or notes.
- Does a customer need an account to use an online configurator?
- Not necessarily. A public journey can let visitors configure before identifying themselves, then ask for the minimum information needed to save, quote, buy or request review. An account can support private prices, assigned catalogues, saved-project history and collaboration. The right pattern depends on product complexity, privacy, sales model and the value the buyer receives before contact details are requested.
- Can the same configuration generate a quote or bill of materials?
- The saved configuration can generate a branded quote when document and price rules are included. A bill of materials, cut data or production handoff can also be implemented when the product model maps valid configurations to the required components and quantities. Commercial documents and production outputs are validated separately against approved examples.
- Does Configurix support augmented reality?
- Optional AR can let a supported product be viewed at scale in the customer's environment from a compatible device. AR availability depends on the 3D asset, product, browser, device and implementation. It complements the configured project; it does not replace site measurement, technical review or installation checks.
- Can the configurator support multiple languages and countries?
- Yes. Configurix can be implemented in one or multiple languages, including localized product names, option guidance, calls to action and quote content. Market rules can also control currency, tax, catalogue availability, price lists, units, dealer access and customer documents for the countries or regions served.
- Will adding 3D make our website slow or harm SEO?
- It does not have to. A strong implementation gives search engines useful indexable HTML around the interactive experience, optimizes 3D assets, loads heavy resources deliberately and tests mobile performance. The configurator itself does not guarantee search rankings; technical performance, relevant content, internal links and genuine user value remain important.
- Can configuration events be measured in analytics?
- Yes. Events can be defined for meaningful actions such as starting a configuration, selecting a product family, viewing price, saving, requesting a quote or completing a submission. Event names, consent handling, campaign attribution and analytics destinations are agreed with the implementation so the business can evaluate the complete journey.
- Can it connect to our CRM, ERP or ecommerce systems?
- Configurix can pass scoped data through APIs, webhooks, files or direct integrations. A CRM may receive the customer and project context; an ERP or order system may receive approved configuration data; and ecommerce or payment steps can be connected when they match the sales model. Fields, ownership and failure handling are defined per integration.
- How quickly can a website product configurator launch?
- Configurix offers a focused fast-launch program that can usually target a first working configurator in seven days when models, catalogue data, pricing decisions and reviews are ready. A full white-label system with multiple products, languages, integrations and document outputs can take up to 30 days, depending on scope and input readiness.
- Can options, prices and product rules be updated after launch?
- Yes. Product families, dimensions, finishes, accessories, availability and price logic can evolve after launch. The maintenance model defines which changes the customer's team can manage, which require Configurix support and how updates are reviewed before they reach customers or production workflows.
Use your real catalogue
See how your website configurator could work.
Bring one product family, representative pricing and a typical customer project. We will show how the choices, 3D experience, lead record and commercial output can stay connected.
Book a tailored demo