Add these dependencies to the head of your page.
<head>
...
<script src="https://leasetools.toyota.nl/toyota_promo/main.js" type="module"></script>
</head>
Then add a LeaseTool component <div>
with some configuration as described below somewhere
in your page.
The basic LeaseTool component renders a Faceting overview.
<div data-component="LeaseTool"></div>
To create a model specific Lease Tool page, add 3 attributes.
data-prop-model
for the model slug;data-prop-overview-url
link to the general overview;data-prop-model-url
link template to the other model specific urls. In this template the variable %model%
is replaced with the actual model slug;<div data-component="LeaseTool"
data-prop-model="aygo-x"
data-prop-overview-url="https://www.toyota.nl/private-lease/index.json"
data-prop-model-url="https://www.toyota.nl/private-lease/%model%.json"></div>