LeaseModule Iframe guide · version 1.18.10
Iframe guide

Iframe integration for portals and customer websites.

Use the examples below for vehicle detail pages, monthly price cards and general finance pages. The layout and width now match the latest manual style.

Quick start → Choose another guide

Overview

With one integration ID you can place three iframe display types. Choose the right type for each page and fill the vehicle details dynamically from your website.

01

Vehicle calculator

Complete calculator on a vehicle detail page including finance request flow.

BEST FOR: DETAIL PAGES
02

Maandprijs voertuig

Compact monthly amount on a stock card or next to the sale price.

BEST FOR: LISTING CARDS
03

Standalone calculator

General calculator where the visitor enters the vehicle details.

BEST FOR: FINANCE PAGES

Before you start

Openbaar

Integratie-ID

You receive this from your lease provider. The integration ID may be visible in the iframe URL.

Benodigd

Dealer-ID

Use the dealer ID from your dealer overview, for example LO-00002.

i
ImportantOnly use the components that are active for your portal. For vehicle and monthly price views, fill the vehicle data automatically per listing.

1. Vehicle calculator

Show the full calculator on the vehicle detail page next to or below the selected vehicle.

Vehicle listing · Volkswagen Golf
Volkswagen Golf
2022 · Petrol
€ 24.950
Calculate your monthly amount
Purchase price · € 24.950
Term · 72 months
Deposit · € 0
Indicative monthly amount
€ 427 p/m
View options →
Demo vehicle card

Volkswagen Golf

Model year 2022 · Petrol · Dealer LO-00002
Vehicle price € 24.950

Calculate your lease amount

Vehicle price: € 24.950
Term: 72 months
Deposit: € 0
Calculate monthly payment

Illustrative view of the calculator next to a vehicle detail.

Example code
<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. Monthly price display

Use this compact variation on stock cards, next to the selling price or inside a vehicle list.

Compact vehicle card
Volkswagen Golf · € 24.950

Vehicle card

Suitable for listing and search result pages.

Monthly amount on card

From € 427 p/m
Provider settings and vehicle data automatically determine the amount.
Example code
<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. Standalone calculator

For a general finance page without a preselected vehicle.

Standalone component
Visitor enters price, term and vehicle type

General finance page

No stock feed is required to use this variation.

Losse leasecalculator

Vehicle price invoeren
Select business / consumer
Select finance term
Calculate
Example code
<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. Fields and parameters

For vehicle and monthly, you pass vehicle data. The standalone calculator only needs the integration ID and dealer ID.

ParameterRequiredDescription
integration_idJaThe integration ID from your email.
typeJavehicle, monthly of standalone.
dealer_idJaDealer-ID uit jouw dealer-overzicht, bijvoorbeeld LO-00002.
aanschafprijsJa*Vehicle selling price as a number, for example 24950.
merkJa*Make name, for example Volkswagen.
modelJa*Model name, for example Golf.
kentekenOptioneelRegistration plate of the vehicle.
bouwjaarOptioneelFour-digit year of manufacture.
brandstofOptioneelFor example Benzine.
btwmargeOptioneelbtw of marge.
voertuigsoortOptioneelFor example Personenauto or Bedrijfswagen.
termOptioneel**Term in months; default 72.
productOptioneel**business of consumer.
down_paymentOptioneel**Deposit; default 0.
final_paymentOptioneel**Final payment; default 0.

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

5. Installation and testing

  • Replace the sample integration ID and dealer ID.
  • Build the iframe URL using your current vehicle data.
  • Place the iframe in an HTML widget or website template.
  • Check that your domain is allowed by the lease provider.
  • Test calculations, mobile display and request handling.
!
ImportantIf the iframe stays empty, check the browser console for frame-ancestors or X-Frame-Options. Never place a secret API key in browser-side code.