Veldtypen

Per stap stel je in hoe de opties weergegeven worden via het veld Weergave (UI). Er zijn zes typen:

Kaarten (`cards`)

Opties worden getoond als grote klikbare kaarten naast elkaar. Elke kaart toont de optienaam en omschrijving. Zonder afbeelding.

Gebruik: Keuzes waar de tekst volstaat, zoals "Ja / Nee" of een lijst van diensten.

Configurator stap met kaarten weergave

Zelfde als kaarten, maar elke optie toont ook de kaartafbeelding die je per optie instelt. De afbeelding verschijnt bovenaan de kaart.

Gebruik: Visuele keuzes, zoals dakpanstijlen, kleuren of materialen.

Configurator stap met afbeeldingskaarten

De opties staan verborgen in een uitklapmenu. De klant kiest één optie uit de lijst.

Gebruik: Lange lijsten met opties (5+) waar ruimte besparen belangrijk is. Altijd enkelvoudige keuze.

Configurator stap met dropdown

Opties worden als radiobuttons weergegeven — altijd verticaal, altijd enkelvoudige keuze.

Gebruik: Korte tot middellange lijsten (2–5 opties) waarbij de klant direct alle keuzes moet kunnen overzien.

Configurator stap met radio buttons

Opties worden als checkboxen weergegeven. De selectiemodus van de stap bepaalt of één of meerdere opties aangevinkt mogen worden.

Gebruik: Meerkeuzevragen, aanvullende opties die gecombineerd kunnen worden.

Configurator stap met checkboxen

De klant voert een getal in, geen optiekeuze. Je stelt het minimum, maximum, stap en eenheid in, en een prijs per eenheid.

Gebruik: Afmeting in meters, aantal stuks, oppervlakte.

In het stap-detailpaneel verschijnt bij dit type een extra sectie Numerieke configuratie:

Veld	Uitleg
Minimum	Laagst toegestane waarde
Maximum	Hoogst toegestane waarde
Stap	Stapgrootte bij de + / − knoppen (bijv. `0.5` voor halve meters)
Eenheid	Label achter het getal, bijv. `m²` of `stuks`
Standaardwaarde	Startwaarde die de klant al ziet
Prijs per eenheid (excl. BTW)	Prijs die vermenigvuldigd wordt met de ingevoerde waarde
BTW-tarief	0%, 9% of 21%

Stap-paneel met numerieke configuratie

tip

Stel altijd een zinvolle standaardwaarde in. Zo ziet de klant meteen een prijsindicatie zodra hij op de stap terechtkomt.

Type	Meerdere opties mogelijk?	Afbeelding per optie?	Prijs per eenheid?
`cards`	Via selectiemodus	Nee	Nee
`imageCards`	Via selectiemodus	Ja	Nee
`dropdown`	Nee (altijd enkelvoudig)	Nee	Nee
`radio`	Nee (altijd enkelvoudig)	Nee	Nee
`checkbox`	Via selectiemodus	Nee	Nee
`numeric`	N.v.t.	N.v.t.	Ja