How to integrate with DatHuis apps using iframes
To be able to load any of the DatHuis apps we highly recommend loading our "host script". This script will make sure that the iframe resizes to the space available.
This script can be loaded from `https://btstrp.dathuis.nl/assets/dhHostWindow.min.js`
Waardecheck powered by Brainbay or Avix
To include our DatHuis Waardechecks on your website you will need to load the following HTML snippet:
<script src="https://btstrp.dathuis.nl/assets/dhHostWindow.min.js"></script><iframe id="datHuisIframe" style="width: 100%;" src="<YOUR URL>"></iframe><script>iFrameResize({}, '#datHuisIframe')</script>
Note that the `src` of the iframe is not yet filled in correctly.
To get the correct value of `src` you will need to navigate to Apps/Waardecheck - Powered by Brainbay or Apps/Waardecheck - Powered by Avix.
Here you will find a field called "Gewenste adres" which will always start with `https://mijnwaardecheck.nl/`.
Set the value of `src` to the `https://mijnwaardecheck.nl/<YOUR VALUE>`.
> You might need to adjust some CSS depending on your situation.
DatHuis waarderapport (Legacy)
Currently the DatHuis waarderapport doesn't support automatic resizing of the content window. So no need to load the host window script.
However we will add it in future iterations and progressive updates will be delivered over the host window script. So it is always recommended to load this on your page.
To include the Waarderapport on your website you will need to load the following HTML snippet:
<script src="https://btstrp.dathuis.nl/assets/dhHostWindow.min.js"></script><iframe id="datHuisIframe" style="width: 100%;" src="<YOUR URL>"></iframe><script>iFrameResize({}, '#datHuisIframe')</script>
Note that the `src` of the iframe is not yet filled in correctly.
To get the correct value of `src` you will need to navigate to Apps/Waarderapporten and select which of the Waarderapporten you want to load on your page, you could have multiple listed here.
After selecting the waarderapport you want to embed you will see an input called "Gewenste URL" this value will start with `https://www.mijnwaarderapport.nl/c/`
Set the value of `src` to the `https://www.mijnwaarderapport.nl/c/<YOUR VALUE>`.