Deze calculator groeit met elke iteratie. Functionele en visuele wijzigingen kunnen dus nog plaatsvinden. Laat gerust feedback achter via samvannoord.nl.
Over deze calculator
De referentie-implementatie op autokostenberekenen.nl vormt de basis: partners krijgen hetzelfde betrouwbare rekenmodel via embed of API, afgestemd op hun eigen merk en huisstijl.
Een consistent rekenmodel
Alle berekeningen draaien server-side en worden gedeeld tussen embed, API en de publieke site. Geen afwijkingen tussen kanalen.
Klaar voor embed of API
Eigen thema, taal en sleutelbeheer per partner. Je integreert binnen je bestaande portaal zonder extra last voor je team. Met support voor je light/dark mode!
Direct stuurinformatie
Helder omslagpunt per aandrijving, zodat je bezoekers of klanten direct weten welke keuze financieel klopt.
Wordt het de Volvo op LPG? Of toch een Diesel?
Met deze calculator heb jij je keuze in ieder geval financieel onderbouwd.
De calculator laat wagenparkbeheerders of particulieren direct zien wanneer elektrisch, hybride, benzine, diesel of zelfs LPG het voordeligst is. Alles draait server-side zodat embeds en toekomstige API-responses dezelfde berekening delen.
Dit project is opgezet door Sam van Noord, een nerd met interesse in alle techniek en een grote voorliefde voor voertuigen.
Partners krijgen een embedbare widget met themingopties en API-sleutels om dezelfde ervaring in hun eigen portalen/webomgevingen te tonen.
Embed & theming
Zet overrides op het element met data-component="calculator-shell"; standaard blijft de light/dark styling intact en volgt de host.
Gebruikt de ingebouwde CSS-variabelen en volgt automatisch light/dark. Dit is de ervaring zoals je hem op omslagpunt.samvannoord.nl ziet.
Partner brand
Logo placeholder en host styling via CSS vars
Statuskaart
Kostenvergelijk
Toon jaarkosten en goedkoopste scenario.
Inputvoorbeeld
Primaire kleur
#059669Voorbeeld met eigen primaire kleur, radius, focuskleur en font via CSS custom properties. Volgt ook de dark-modus van de host.
Partner brand
Logo placeholder en host styling via CSS vars
Statuskaart
Kostenvergelijk
Toon jaarkosten en goedkoopste scenario.
Inputvoorbeeld
Primaire kleur
#d946efWil je deze calculator ook draaien op jouw platform? Gebruik de contactpagina en vermeld dat het om de omslagpunt calculator gaat, dan zetten we een eigen embed of API-configuratie voor je klaar.
Liever persoonlijke demo? Geef het aan via dezelfde contactpagina, dan plannen we snel een afspraak in.