Voertuigcalculator
Volledige calculator op de voertuigdetailpagina met aanvraagmogelijkheid.
Overzicht
Met één integratie-ID kun je drie soorten iframe-weergaven plaatsen. Kies per pagina het juiste type en vul de voertuiggegevens dynamisch vanuit jouw website in.
Maandprijs voertuig
Compact maandbedrag op een voertuigkaart of naast de verkoopprijs.
Losse calculator
Algemene calculator waarbij de bezoeker zelf de voertuiggegevens invoert.
Voordat je begint
Integratie-ID
Deze ontvang je van jouw leaseprovider. De integratie-ID mag zichtbaar zijn in de iframe-URL.
Voertuiggegevens
Voor voertuig- en maandprijsweergaven stuur je per auto gegevens mee zoals merk, model, prijs en bouwjaar.
BelangrijkJe bent rechtstreeks aangesloten: jouw integratie-ID is voldoende. Je hoeft geen dealer-ID of portaaloverzicht te gebruiken. Kies alleen de modules die voor jouw omgeving actief zijn.
1. Voertuigcalculator
Toon op de voertuigdetailpagina de volledige calculator naast of onder het geselecteerde voertuig.
Voertuigcalculator
Volledige calculator op de voertuigdetailpagina, inclusief voertuiggegevens en een duidelijke aanvraagknop.
Voorbeeldcode
Gebruik type=vehicle op voertuigdetailpagina’s. De iframe ontvangt de voertuiggegevens van jouw eigen website.
Integratie-ID meesturen
Voertuiggegevens per detailpagina invullen
Automatische hoogte aanpassen via postMessage
Voorbeeldcode
<iframe id="lm-vehicle" src="https://leasemodule.nl/api/embed/?integration_id=JOUW_INTEGRATIE_ID&type=vehicle&reference=VWE12345&aanschafprijs=24950&voertuigsoort=Personenauto&merk=Volkswagen&model=Golf&bouwjaar=2022&kenteken=G123AB&brandstof=Benzine&btwmarge=btw&dealernaam=Voorbeeld+Autobedrijf&dealerwebsite=https%3A%2F%2Fvoorbeeld.nl&voertuigurl=https%3A%2F%2Fvoorbeeld.nl%2Faanbod%2Fgolf" title="LeaseModule vehicle" width="100%" height="450" style="border:0;width:100%" loading="lazy"></iframe>
<script>
(function () {
var frame = document.getElementById('lm-vehicle');
if (!frame) return;
window.addEventListener('message', function (event) {
if (event.origin !== 'https://leasemodule.nl' ||
event.source !== frame.contentWindow ||
!event.data || event.data.type !== 'leasemodule:height') return;
var height = Number(event.data.height);
if (isFinite(height) && height >= 100 && height <= 10000) {
frame.style.height = Math.ceil(height) + 'px';
}
});
frame.addEventListener('load', function () {
frame.contentWindow.postMessage({type:'leasemodule:hello'}, 'https://leasemodule.nl');
});
})();
</script>2. Maandprijsberekening
Gebruik deze compacte variant op voorraadkaarten, bij de verkoopprijs of in een voertuiglijst.
Maandprijs voertuig
Compacte weergave voor aanbodskaarten, zoekresultaten en voertuigoverzichten.
Maandprijs op kaart
Vanaf € 427 p/m
Compacte iframe met
type=monthlyGebaseerd op de providerinstellingen
Automatisch gekoppeld aan jouw voertuiggegevens
Voorbeeldcode
<iframe id="lm-monthly" src="https://leasemodule.nl/api/embed/?integration_id=JOUW_INTEGRATIE_ID&type=monthly&reference=VWE12345&aanschafprijs=24950&voertuigsoort=Personenauto&merk=Volkswagen&model=Golf&bouwjaar=2022&kenteken=G123AB&brandstof=Benzine&btwmarge=btw&dealernaam=Voorbeeld+Autobedrijf&dealerwebsite=https%3A%2F%2Fvoorbeeld.nl&voertuigurl=https%3A%2F%2Fvoorbeeld.nl%2Faanbod%2Fgolf" title="LeaseModule monthly" width="100%" height="140" style="border:0;width:100%" loading="lazy"></iframe>
<script>
(function () {
var frame = document.getElementById('lm-monthly');
if (!frame) return;
window.addEventListener('message', function (event) {
if (event.origin !== 'https://leasemodule.nl' ||
event.source !== frame.contentWindow ||
!event.data || event.data.type !== 'leasemodule:height') return;
var height = Number(event.data.height);
if (isFinite(height) && height >= 100 && height <= 10000) {
frame.style.height = Math.ceil(height) + 'px';
}
});
frame.addEventListener('load', function () {
frame.contentWindow.postMessage({type:'leasemodule:hello'}, 'https://leasemodule.nl');
});
})();
</script>3. Losse calculator
Voor een algemene financieringspagina zonder vooraf geselecteerd voertuig.
Losse calculator
Zelfstandige calculator voor algemene financieringspagina’s zonder vooraf geselecteerd voertuig.
Losse calculator
Alleen integratie-ID nodig
Bezoeker vult zelf prijs en voertuigtype in
Direct geschikt voor een informatie- of financepagina
Voorbeeldcode
<iframe id="lm-standalone" src="https://leasemodule.nl/api/embed/?integration_id=JOUW_INTEGRATIE_ID&type=standalone" title="LeaseModule standalone" width="100%" height="450" style="border:0;width:100%" loading="lazy"></iframe>
<script>
(function () {
var frame = document.getElementById('lm-standalone');
if (!frame) return;
window.addEventListener('message', function (event) {
if (event.origin !== 'https://leasemodule.nl' ||
event.source !== frame.contentWindow ||
!event.data || event.data.type !== 'leasemodule:height') return;
var height = Number(event.data.height);
if (isFinite(height) && height >= 100 && height <= 10000) {
frame.style.height = Math.ceil(height) + 'px';
}
});
frame.addEventListener('load', function () {
frame.contentWindow.postMessage({type:'leasemodule:hello'}, 'https://leasemodule.nl');
});
})();
</script>4. Velden en parameters
Voor vehicle en monthly stuur je voertuiggegevens mee. De losse calculator heeft alleen de integratie-ID nodig.
| Parameter | Verplicht | Omschrijving |
|---|---|---|
integration_id | Ja | De integratie-ID uit jouw e-mail. |
type | Ja | vehicle, monthly of standalone. |
aanschafprijs | Ja* | Verkoopprijs als getal, bijvoorbeeld 24950. |
merk | Ja* | Merknaam, bijvoorbeeld Volkswagen. |
model | Ja* | Modelnaam, bijvoorbeeld Golf. |
kenteken | Optioneel | Kenteken van het voertuig. |
bouwjaar | Optioneel | Viercijferig bouwjaar. |
brandstof | Optioneel | Bijvoorbeeld Benzine. |
btwmarge | Optioneel | btw of marge. |
voertuigsoort | Optioneel | Mogelijke waarden zijn onder andere Personenauto, Bedrijfswagen, Motor, Caravan en Aanhanger. |
term | Optioneel** | Looptijd in maanden; standaard 72. |
product | Optioneel** | business of consumer. |
down_payment | Optioneel** | Aanbetaling; standaard 0. |
final_payment | Optioneel** | Slottermijn; standaard 0. |
dealernaam | Optioneel | Naam van jouw autobedrijf voor in de aanvraag en weergave. |
dealerwebsite | Optioneel | Volledige URL van jouw website, bijvoorbeeld https://voorbeeld.nl. |
voertuigurl | Optioneel | De detailpagina van het voertuig op jouw eigen website. |
* Alleen verplicht voor vehicle en monthly. ** Alleen beschikbaar voor de maandprijsweergave.
5. Installeren en testen
- Vervang de voorbeeld-integratie-ID in de iframe-code.
- Bouw de iframe-URL op met jouw actuele voertuiggegevens.
- Plaats de iframe in een HTML-widget of website-template.
- Controleer of jouw domein is toegestaan bij de leaseprovider.
- Test berekeningen, mobiele weergave en aanvraagverwerking.
Let op Zie je een lege iframe? Controleer de browserconsole op
frame-ancestors of X-Frame-Options. Een geheime API-sleutel plaats je nooit in browsercode.