Tools · Embed
Put the calculator on your own site
Municipality, leasing company, filling station or knowledge partner? You may embed the cost calculator free of charge. Two lines of code — the widget calculates live and updates automatically with h2rijders.nl.
1. Paste these two lines
Place them where the calculator should appear. The script loads the widget in an iframe and keeps its height in sync, so no scrollbar appears inside the widget.
<div data-h2r-widget="waterstof-of-benzine"></div>
<script src="https://h2rijders.nl/embed/h2rijders.js" async></script>2. This is how it looks
Options
Add them as attributes on the div, for example data-lang="en" or data-hprice="14.50". Values outside the range are clamped to the nearest valid number.
| Attribute | Meaning | Range | Default |
|---|---|---|---|
data-lang | Language | nl / en | nl |
data-dist | Distance per year (km) | 1.000 – 50.000 | 15.000 |
data-huse | Hydrogen consumption (kg/100km) | 0,6 – 1,6 | 1,0 |
data-hprice | Hydrogen price (€/kg) | 8 – 25 | 13,00 |
data-buse | Petrol consumption (l/100km) | 4,0 – 12,0 | 8,0 |
data-bprice | Petrol price (€/l) | 1,75 – 3,00 | 2,10 |
data-height | Initial height in px | — | 760 |
Without JavaScript
Not allowed to load an external script? Then place the iframe yourself. The height is fixed — choose it generously.
<iframe src="https://h2rijders.nl/embed/waterstof-of-benzine"
style="width:100%;height:760px;border:0" loading="lazy"
title="H2Rijders — Hydrogen or petrol"></iframe>Terms of use
- Embedding is free, including on commercial sites.
- The H2Rijders logo, the source line and the link to h2rijders.nl remain visible and unaltered.
- The result is an indication based on the values set — not an offer and not advice.
- The widget sets no cookies for your visitors and sends no data from your page.
- We keep developing the widget; embedded widgets update automatically.
Questions or need a custom widget? Contact us.