Mini CPQ · configureren, prijzen, offreren · zelf gehost, één tag

Jouw product in 3D, configureerbaar, in een middag.

Laad je eigen GLB, klik onderdelen, opties, afmetingen en regels bij elkaar in de Studio, sluit één tag in. Bezoekers kiezen kleuren en texturen, stellen maten en aantallen in, zien de prijs met staffelkorting, downloaden een offerte-PDF en vragen een offerte aan met screenshot en stuklijst. Geen SaaS, geen licentieserver, niets belt naar huis.

Koop Solo voor €59,00 → Probeer de demo ↓

Onbeperkt projecten · 12 maanden updates · Three.js onder de motorkap · door Steil Digital

Live demo: de echte Pro-bundel met het voorbeeldproduct. Probeer de zitbreedte, een krijtwit frame, zes stuks, de bezorgdienst en "Offerte downloaden (PDF)".
Voorbeeldproduct: 15 meshes, 3 onderdelen, gegenereerde texturen. Prijzen en regels zijn voorbeelden; het offerteformulier post naar een dummy-endpoint.

Alles hierboven is één product.json, één GLB (uit Blender, of een STEP die de Studio omzet) en drie texturen. De pagina bevat alleen <mini-configurator src="sample/product.json">. Kleuren, hoeken en lettertypen volgen je eigen site via CSS-variabelen; hier volgen ze de Steil-huisstijl.

De Studio

Geen code tussen je GLB en een werkende configurator.

De Studio draait in je browser, houdt alles lokaal en exporteert de map die je naast je pagina zet.

Probeer de Studio-demo ↗

1

Sleep je GLB erin

Meshes en materialen verschijnen met hun namen. Eén klik maakt per materiaal een onderdeel, met de materiaalkleur als eerste optie.

2

Klik onderdelen bij elkaar

Selecteer een onderdeel en klik meshes in de preview aan. Optionele onderdelen krijgen een schakelaar en een prijs. Match-termen vangen nieuwe exports op.

3

Opties, regels, prijzen, export

Kleuren, geüploade texturen, prijzen, artikelnummers, afmetingen met prijs per eenheid, staffelkorting, regels tussen opties, offerte-PDF. Exporteer een zip met product.json, model, texturen en een embed-snippet.

Wat je krijgt

Een mini CPQ: alles wat een productpagina nodig heeft. Niets wat overbodig is.

Je eigen model, ook uit CAD

GLB met DRACO- of meshopt-compressie op de site. De Studio importeert ook STEP, IGES, OBJ, STL, FBX, DAE, 3MF en PLY en zet ze om naar GLB. Onderdelen matchen op mesh-, solid- of materiaalnaam.

Kleuren & texturen

Effen kleuren, texturen of getinte texturen per optie. Normal- en roughness-maps, herhaling, rotatie.

Regels, afwerkingen & optionele onderdelen

Regels maken opties onbeschikbaar, zetten onderdelen uit, kiezen een optie, tellen een toeslag op of tonen een melding. Mat, satijn, glans of eigen presets. Aan/uit-schakelaars voor kussens, armleuningen, accessoires.

Prijs, afmetingen, aantallen

Basisprijs plus opties, een prijs per centimeter boven een basismaat, staffelkorting, toeslagen uit regels. Opgemaakt voor elke taal en valuta, of helemaal verborgen.

Offertes, PDF, stuklijst

Een offerte-PDF gemaakt in de browser: jouw logo, offertenummer, screenshot, elke regel met artikelnummer en prijs. Het offerteformulier post JSON met configuratie, stuklijst, screenshot en PDF naar elk endpoint. PHP- en Node-endpoints inbegrepen.

Deellinks & afbeeldingen

Elke configuratie is een korte URL. Bezoekers downloaden een PNG van wat ze bouwden.

Paneel in eigen stijl

CSS-variabelen voor kleuren, hoeken, lettertype, breedte. Licht, donker en automatisch. Alle teksten vertaalbaar in JSON.

Elke stack

Web component voor gewone HTML, WordPress of Webflow. React- en Vue-wrappers. Angular, Svelte, Astro via de tag. Core-API voor je eigen UI.

Insluiten

Twee regels. Dat is de integratie.

Zet mini-configurator.js en de geëxporteerde productmap naast je pagina. Het element vult zijn vak, werkt op touch en heeft geen build-stap nodig. Met een bundler installeer je de packages en houd je één Three.js.

  • Losse bundel: ongeveer 200 kB gzipped, Three.js inbegrepen
  • npm-packages met types voor Vite, Next.js, Nuxt, Astro
  • Events voor elke wijziging, offerte en fout; volledige API op het element
  • Geen accounts, geen externe verzoeken, geen tracking
<!-- ergens in je pagina -->
<script type="module" src="mini-configurator.js"></script>

<mini-configurator
  src="chair/product.json"
  share theme="auto"
  style="height: 80vh">
</mini-configurator>

// React
<ProductConfigurator product="/chair/product.json" share
  onChange={(state, summary) => ...} />
Prijzen

Eén betaling. Onbeperkt projecten.

Broncode inbegrepen. Een domeingebonden licentiesleutel die in de browser wordt gecontroleerd, geen licentieserver, geen limiet per site. Eenmalig kopen, of per maand met opzeggen wanneer je wilt.

Solo

Eén ontwikkelaar

€99,00 €59,00eenmalig, excl. btw
Lanceerprijs tot 5 oktober
  • Onbeperkt klant- en eigen projecten
  • Volledige broncode: core, web component, React & Vue
  • De Studio, documentatie, voorbeelden, endpoints
  • 12 maanden updates
  • Support per e-mail

of €9,00 per maand, altijd opzegbaar

Koop Solo voor €59,00
Team

Tot vijf ontwikkelaars

€249,00 €149,00eenmalig, excl. btw
Lanceerprijs tot 5 oktober
  • Alles van Solo
  • Voor bureaus en productteams
  • Eén licentie voor het hele team
  • 12 maanden updates
  • Support met voorrang

of €19,00 per maand, altijd opzegbaar

Koop Team voor €149,00

Btw wordt bij het afrekenen opgeteld waar van toepassing; EU-bedrijven met btw-nummer betalen verlegd. Betalen via Mollie (iDEAL, creditcard, PayPal), direct downloaden en factuur. Vragen vóór je koopt, meer seats of OEM-voorwaarden? Mail info@steildigital.nl. Licentie · Voorwaarden

Vragen

Veelgestelde vragen.

Welke modelformaten werken?

Op de site: glTF 2.0 en GLB, met of zonder DRACO- of meshopt-compressie. In de Studio: ook STEP, IGES en BREP rechtstreeks uit SolidWorks, Inventor, Fusion, Onshape of FreeCAD (in je browser omgezet met OpenCascade), plus OBJ met MTL, STL, FBX, Collada, 3MF en PLY. De Studio zet alles om naar één GLB.

Werkt het met WordPress, Webflow, Shopify?

Overal waar je een HTML-blok kunt toevoegen en bestanden kunt uploaden. Upload de bundel en de productmap, plak de twee regels. Geen plugin nodig.

Waar gaan offerteaanvragen heen?

Naar elke URL die je instelt: het meegeleverde PHP-script (mailt je de aanvraag met screenshot als bijlage), het Node-endpoint, een formulierdienst zoals Formspree, of je eigen backend. De payload is gewone JSON.

Is er een licentiecheck of telemetrie?

Je sleutel wordt in de browser gecontroleerd met een publieke sleutel; er wordt nooit iets verstuurd. Hij is gebonden aan de domeinen die je op je orderpagina invult (onbeperkt, wildcards mogen). Zonder geldige sleutel blijft alles werken en toont het paneel een kleine Unlicensed-badge. Niet op localhost.

Kan ik mijn eigen UI bouwen?

Ja. Het core-package is de engine zonder paneel: laden, configureren, prijs, screenshot, offerte. Het web component is één UI daarbovenop.

En AR, animaties, USDZ?

Nog niet. De roadmap volgt wat kopers vragen; updates binnen 12 maanden zijn inbegrepen.

Is dit CPQ-software?

Een mini CPQ: configureren, prijzen en offreren voor maatwerkproducten, zonder backend. Geen enterprise-CPQ (geen CRM- of ERP-koppeling, goedkeuringsflows of catalogus van honderden producten), maar voor één productlijn dekt het de hele flow: afmetingen met een prijs per eenheid die het model schalen, staffelkorting op aantallen, regels tussen opties, artikelnummers met stuklijst, diensten en toeslagen, btw, een instelbaar offerteformulier en een offerte-PDF met je logo, voorwaarden en nummerformaat. Alles in één product.json, zonder server. Zie de Studio-stappen Rules & pricing en Quote & labels.

Kan ik het proberen voor ik koop?

Ja. De Studio hierboven is de echte: sleep je eigen GLB erin, bouw onderdelen, regels en prijzen, zie de live preview. Alleen exporteren vraagt een licentiesleutel.