Gids · 6 min. leestijd
Bestelformulieren met live totaal: hoe je het doet
Bijgewerkt 2026-09-17
Samengevat
Een bestelformulier met live totaal gebruikt numerieke velden voor aantal en prijs per artikel, een berekend veld dat ze optelt terwijl er wordt getypt, en duidelijke opmaak zodat het totaal leest als een geldbedrag, niet zomaar een getal.
Een bestelformulier zonder zichtbaar totaal dwingt mensen om in hun hoofd te rekenen of te wachten op een bevestigingsmail om te weten wat ze betalen. Een live totaal neemt die onzekerheid weg en spoort invoerfouten op (een nul te veel in een aantalveld) voor verzending in plaats van erna. Deze gids behandelt de structuur: de velden, de formule en de kleine details die het totaal betrouwbaar maken.
Structureer eerst de velden
Elk bestelbaar artikel heeft een aantalveld (numeriek) nodig en, als de prijs varieert, een prijsveld of een vaste waarde die direct in de formule wordt gebruikt. Houd aantal en prijs als aparte velden in plaats van één gecombineerd tekstveld, want een berekend veld heeft schone numerieke invoer nodig om te werken.
Voor een vaste artikelcatalogus is een keuzeveld per artikel, met de prijs ingebouwd in de optie, plus een aantalveld, meestal eenvoudiger dan mensen zelf prijzen te laten invoeren.
Bouw het berekende totaal
Een berekend veld kan naar elk aantal- en prijsveld in een formule verwijzen en het totaal live bijwerken terwijl iemand het formulier invult, nog voordat hij bij verzenden komt. Bij meerdere regels vermenigvuldigt de formule het aantal van elk artikel met de prijs, en telt vervolgens alles op.
Reken je belasting of vaste verzendkosten, voeg die dan als aparte stap toe in de formule in plaats van ze stilzwijgend in één regel te verwerken, zodat de uitsplitsing leesbaar blijft als je ooit een totaal aan een klant moet uitleggen.
Toon een uitsplitsing, niet alleen een getal
Eén enkel totaal zonder context voelt willekeurig aan. Toon waar mogelijk het subtotaal, de belasting en de verzending als aparte berekende waarden, ook al staat alleen het eindtotaal centraal, zodat het cijfer zichzelf verklaart in plaats van iets dat de klant blindelings moet geloven.
Verminder invoerfouten
Numerieke velden moeten redelijke grenzen opleggen, zoals een minimum van 0 en een zinnig maximum voor het aantal, zodat een typefout niet stilzwijgend een totaal met een factor 100 verkeerd maakt. Elk veld dat het totaal voedt verplicht maken voorkomt dat een leeg aantal de berekening breekt.
Wat er gebeurt na verzending
Een bestelformulier is op zich geen betaalverwerker; het verzamelt meestal de besteldetails en het totaal, en stuurt dan door naar betaling of stuurt de details naar wie de bestelling verwerkt (via e-mailmelding of webhook naar een ander systeem). Stel duidelijke verwachtingen in het succesbericht zodat mensen weten wat volgt, of dat nu een factuur, een betaallink of een bevestigingsgesprek is.
In YeetForm werken berekende velden de totalen live bij terwijl aantallen en prijzen worden ingevoerd, via een formule die direct naar de andere velden verwijst, en een webhook kan de afgeronde bestelling na verzending doorsturen naar een ander systeem.