Naar hoofdinhoud
Embed · iframe

Plaats de rekentools op jouw site

Eén iframe-snippet, klaar in 30 seconden. Gratis, zonder account. Werkt op WordPress, Shopify, Wix, Webflow en elk ander platform met een HTML-blok.

Geen account nodigAuto-update bij nieuwe versiesWerkt overal

Zo werkt het

3 stappen, geen technische kennis nodig.

  1. 01
    Kies een rekentool

    Bekijk hieronder de previews en pak de snippet die past bij jouw pagina.

  2. 02
    Kopieer de iframe-code

    Eén klik op 'Kopieer'. De snippet werkt direct , geen scripts of dependencies.

  3. 03
    Plak in je CMS

    WordPress, Shopify, Wix, Webflow of elke andere site met een HTML-blok.

Kies je snippet

5 rekentools, ieder zelfstandig embedbaar.

Dagdosering op gewicht

Hoeveel mg CBD per dag op basis van gewicht, doel en ervaring.

HTML · iframe
<iframe id="vcbd-dosering" src="https://rekentool.vergelijkcbd.nl/embed/dosering" style="width:100%;border:0;border-radius:24px;display:block;min-height:760px" loading="lazy" title="Dagdosering op gewicht"></iframe>
<script>(function(){window.addEventListener("message",function(e){if(e&&e.data&&e.data.type==="vcbd:height"&&e.data.slug==="dosering"){var f=document.getElementById("vcbd-dosering");if(f){f.style.height=e.data.height+"px";}}});})();</script>

Auto-hoogte via postMessage · Fallback min-height: 760px · Breedte: 100%

mg ↔ druppels omrekenen

Reken een mg-dosering om naar druppels van de gekozen sterkte.

HTML · iframe
<iframe id="vcbd-druppels" src="https://rekentool.vergelijkcbd.nl/embed/druppels" style="width:100%;border:0;border-radius:24px;display:block;min-height:820px" loading="lazy" title="mg ↔ druppels omrekenen"></iframe>
<script>(function(){window.addEventListener("message",function(e){if(e&&e.data&&e.data.type==="vcbd:height"&&e.data.slug==="druppels"){var f=document.getElementById("vcbd-druppels");if(f){f.style.height=e.data.height+"px";}}});})();</script>

Auto-hoogte via postMessage · Fallback min-height: 820px · Breedte: 100%

Persoonlijke aanbeveling

Welk product en welke inname-verdeling past bij de gebruiker.

HTML · iframe
<iframe id="vcbd-aanbeveling" src="https://rekentool.vergelijkcbd.nl/embed/aanbeveling" style="width:100%;border:0;border-radius:24px;display:block;min-height:1100px" loading="lazy" title="Persoonlijke aanbeveling"></iframe>
<script>(function(){window.addEventListener("message",function(e){if(e&&e.data&&e.data.type==="vcbd:height"&&e.data.slug==="aanbeveling"){var f=document.getElementById("vcbd-aanbeveling");if(f){f.style.height=e.data.height+"px";}}});})();</script>

Auto-hoogte via postMessage · Fallback min-height: 1100px · Breedte: 100%

4-weken opbouwschema

Veilig opbouwen van 1 druppel naar de streefdosis in 4 weken.

HTML · iframe
<iframe id="vcbd-opbouwschema" src="https://rekentool.vergelijkcbd.nl/embed/opbouwschema" style="width:100%;border:0;border-radius:24px;display:block;min-height:780px" loading="lazy" title="4-weken opbouwschema"></iframe>
<script>(function(){window.addEventListener("message",function(e){if(e&&e.data&&e.data.type==="vcbd:height"&&e.data.slug==="opbouwschema"){var f=document.getElementById("vcbd-opbouwschema");if(f){f.style.height=e.data.height+"px";}}});})();</script>

Auto-hoogte via postMessage · Fallback min-height: 780px · Breedte: 100%

CBD Converter (% ↔ mg ↔ druppels)

Volledige 2-weg omrekenen tussen sterkte, mg, ml, druppels en dagdosis.

HTML · iframe
<iframe id="vcbd-converter" src="https://rekentool.vergelijkcbd.nl/embed/converter" style="width:100%;border:0;border-radius:24px;display:block;min-height:1100px" loading="lazy" title="CBD Converter (% ↔ mg ↔ druppels)"></iframe>
<script>(function(){window.addEventListener("message",function(e){if(e&&e.data&&e.data.type==="vcbd:height"&&e.data.slug==="converter"){var f=document.getElementById("vcbd-converter");if(f){f.style.height=e.data.height+"px";}}});})();</script>

Auto-hoogte via postMessage · Fallback min-height: 1100px · Breedte: 100%

Per platform plakken

Stap-voor-stap voor de meest gebruikte CMS'en.

WWordPress
  1. 1Open je pagina in de blok-editor (Gutenberg).
  2. 2Klik op + en kies het blok 'Aangepaste HTML'.
  3. 3Plak de iframe-code en klik op 'Bijwerken'.
SShopify
  1. 1Ga naar Online Store → Pagina's en open de pagina.
  2. 2Klik in de editor op '<>' (Toon HTML).
  3. 3Plak de iframe-code en sla op.
WWix
  1. 1Klik op + → Embed → HTML iframe.
  2. 2Plak de iframe-code in 'Code'.
  3. 3Pas de blokgrootte aan zodat hij past.
WWebflow
  1. 1Sleep een 'Embed' element naar je pagina.
  2. 2Plak de iframe-code in de embed-editor.
  3. 3Klik op 'Save & Close' en publiceer.

Veelgestelde vragen

Moet ik iets installeren?

Nee. Het is een standaard <iframe>. Geen scripts, geen JavaScript, geen dependencies.

Past de hoogte zich aan?

Ja. De snippet bevat een mini-script dat de iframe automatisch laat meegroeien met de inhoud op mobiel, tablet en desktop. Plak je alleen het iframe-tag zonder script? Dan geldt de vaste min-height als veilige fallback.

Werkt het op mobiel?

Ja, de rekentools zijn mobile-first ontworpen en passen zich aan elke breedte aan.

Krijgt mijn site updates automatisch?

Ja. Zodra wij de tool updaten, zien jouw bezoekers de nieuwe versie zonder dat je iets hoeft te doen.