Handleiding iframe

Iframe-integratie voor portalen en klantwebsites.

Gebruik je portaalintegratie en de dealer-ID van de betreffende klant. Bekijk de voorbeelden voor voertuigdetailpagina’s, maandprijskaarten en financieringspagina’s. De opmaak en breedte sluiten nu aan op de nieuwste handleidingsstijl.

Snel starten → Kies een andere handleiding

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.

Voertuigcalculator

Volledige calculator op de voertuigdetailpagina met aanvraagmogelijkheid.

GESCHIKT VOOR: DETAILPAGINA’S

Maandprijs voertuig

Compact maandbedrag op een voertuigkaart of naast de verkoopprijs.

GESCHIKT VOOR: AANBODSKAARTEN

Losse calculator

Algemene calculator waarbij de bezoeker zelf de voertuiggegevens invoert.

GESCHIKT VOOR: FINANCIERINGSPAGINA’S

Voordat je begint

Openbaar

Integratie-ID

Deze ontvang je van jouw leaseprovider. De integratie-ID mag zichtbaar zijn in de iframe-URL.

Benodigd

Dealer-ID

Gebruik de dealer-ID uit jouw eigen dealer-ID-overzicht, bijvoorbeeld LO-00002.

BelangrijkGebruik alleen de onderdelen die voor jouw portaal actief zijn. Voor voertuig- en maandprijsweergaven vul je de voertuiggegevens automatisch per advertentie in.

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.

Bereken jouw leasebedrag

Aanschafprijs: € 24.950

Looptijd: 72 maanden

Aanbetaling: € 0

Bereken maandbedrag

Illustratieve weergave van de calculator naast een voertuigdetail.

Voorbeeldcode

<iframe id="lm-vehicle" src="https://leasemodule.nl/api/embed/?integration_id=JOUW_INTEGRATIE_ID&type=vehicle&dealer_id=LO-00002&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

De providerinstellingen en voertuiggegevens bepalen automatisch het bedrag.

Voorbeeldcode

<iframe id="lm-monthly" src="https://leasemodule.nl/api/embed/?integration_id=JOUW_INTEGRATIE_ID&type=monthly&dealer_id=LO-00002&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 leasecalculator

Aanschafprijs invoeren

Zakelijk / particulier kiezen

Looptijd selecteren

Berekenen

Voorbeeldcode

<iframe id="lm-standalone" src="https://leasemodule.nl/api/embed/?integration_id=JOUW_INTEGRATIE_ID&type=standalone&dealer_id=LO-00002" 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 en dealer-ID nodig.

Parameter	Verplicht	Omschrijving
`integration_id`	Ja	De integratie-ID uit jouw e-mail.
`type`	Ja	`vehicle`, `monthly` of `standalone`.
`dealer_id`	Ja	Dealer-ID uit jouw dealer-overzicht, bijvoorbeeld `LO-00002`.
`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	Bijvoorbeeld `Personenauto` of `Bedrijfswagen`.
`term`	Optioneel**	Looptijd in maanden; standaard 72.
`product`	Optioneel**	`business` of `consumer`.
`down_payment`	Optioneel**	Aanbetaling; standaard 0.
`final_payment`	Optioneel**	Slottermijn; standaard 0.

* Alleen verplicht voor vehicle en monthly. ** Alleen beschikbaar voor de maandprijsweergave.

5. Installeren en testen

Vervang de voorbeeld-integratie-ID en dealer-ID.
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 opZie je een lege iframe? Controleer de browserconsole op frame-ancestors of X-Frame-Options. Een geheime API-sleutel plaats je nooit in browsercode.