Online product configurator · website, ecommerce and dealer channels
Online 3D product configurator for websites
We specialize in complex products. Configurix builds your website's 3D product configurator and custom software around your catalogue, pricing and sales process—from the first product choice to a qualified enquiry or accepted order.
- Your product rules
- Your website journey
- Connected project data
- Online product configurator software
- White-label website product configurator
- Interactive 3D product visualization
- Made-to-measure dimensions and product rules
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.
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.
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.
One connected project
The configured project reaches the right next step.
01 · 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.
02 · 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.
03 · Understand
3D, price and specification update together.
The buyer can compare meaningful alternatives and understand what the selected choices change visually and commercially.
04 · 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.
Custom software for manufacturers
A configurator up front. Your business connected behind it.
We specialize in complex products. Configurix builds your website's 3D product configurator and custom software around your catalogue, pricing and sales process—from the first product choice to a qualified enquiry or accepted order.
Website enquiries and CRM
Keep product dimensions, options, saved revision and customer requirements with the enquiry. Qualify the project and assign an owner so sales can continue the design instead of asking the buyer to start again.
New enquiry
Website product configuration
Product fitQualified
Website product configuration
RequirementsProposal
Website product configuration
Next actionConsultations and site visits
Continue from a saved product to a consultation, measurement or installation appointment. Define team availability, reminders and calendar permissions while retaining the project's open questions.
- 09:00Project review
- 11:30Technical review
- 14:00Production planning
Materials and configured BOM
Map an accepted product definition to the agreed components, quantities and units. Define material identifiers, revision ownership and review checks before sending output to purchasing or the factory.
| Component | Quantity |
|---|---|
| FRM-01Configured assemblies | 1 |
| PNL-02Materials and components | 1 |
| KIT-03Services and operations | 1 |
Mapped to your product codes
Pricing and branded quotations
Apply your product formulas, options, services and account context. Keep the price calculation, selected product and quote revision together, with technical or commercial approval where required.
Quote revision
Orders and assigned jobs
Pass accepted configurations into the agreed order, production or installation workflow. Preserve customer approval, documents and external references when a project changes after quotation.
- Accepted quote01
- Configured order02
- Production job03
- Installation04
Invoice and accounting handoffs
Connect accepted orders to deposit stages, invoice drafts and payment references. Agree which system issues invoices and how financial status returns to the customer project.
Website product configuration
Built for your website. Connected to your systems.
Launch a branded configurator in your existing website or a custom sales portal. Connect CRM, ERP, PIM, ecommerce, calendars and accounting through available APIs, webhooks or agreed imports. We define the data, permissions and responsibilities for each connection with your team.
- 01Your website
- 02Configurator
- 03CRM & calendar
- 04ERP & accounting
Choose the workflows your implementation needs. We build and validate them against your products, documents and target systems.
Plan your manufacturing configuratorYour website. Your products. A connected sales process.
Bring one product family, its rules and a typical customer enquiry. We will map the website experience, custom software and handoffs to your sales and factory systems.
Online product configurator FAQ
Practical answers before implementation.
Use your real catalogue
Website integration and acceptance requirements
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.
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
Related guides
Prepare the product system before choosing the interface.