Partners

Embed the calculator

Two ways to embed: a plain iframe, or a script tag that injects the iframe and auto-resizes it. Both use the same theming options. Attribution (“Dutch Tax Calculator”) is always shown.

Script tag (recommended)

Auto height via postMessage. Put this where the widget should appear.

<div id="dtc-embed"></div>
<script
  src="https://dutchtaxcalculator.nl/embed.js"
  data-target="#dtc-embed"
  data-amount="75000"
  data-accent="f97316"
  async
></script>

iframe

<iframe
  src="https://dutchtaxcalculator.nl/embed?amount=75000"
  title="Dutch Tax Calculator"
  style="width:100%;max-width:720px;height:420px;border:0;border-radius:12px;"
  loading="lazy"
></iframe>

Option	Query / data-*	Example
Starting amount	amount	75000
30% ruling / tax credit	ruling, credit	1 / 0
Hide boxes	hideGross, hideNet, hideHoliday	1
Hide chips / split / rate / actions	hideChips, hideSplit, hideRate, hideActions	1
Colours	accent, grossBg, netBg, holidayBg, …	0d9488 (no # needed)
Page background	pageBg	transparent or fff7ed

Default iframe

Compact gross-to-net widget with branding.

                <iframe
  src="https://dutchtaxcalculator.nl/embed?amount=75000"
  title="Dutch Tax Calculator"
  style="width:100%;max-width:720px;height:420px;border:0;border-radius:12px;"
  loading="lazy"
></iframe>

Custom colours

Accent + box colours via query params.

                <iframe
  src="https://dutchtaxcalculator.nl/embed?amount=80000&ruling=1&accent=0d9488&grossBg=0d9488&grossText=ffffff&netBg=f0fdfa&netText=134e4a&holidayBg=134e4a&holidayText=5eead4&inputBg=ffffff"
  title="Dutch Tax Calculator"
  style="width:100%;max-width:720px;height:420px;border:0;border-radius:12px;"
  loading="lazy"
></iframe>

Hide holiday box

Right column shows gross + net only.

                <iframe
  src="https://dutchtaxcalculator.nl/embed?amount=60000&hideHoliday=1&hideActions=1"
  title="Dutch Tax Calculator"
  style="width:100%;max-width:720px;height:420px;border:0;border-radius:12px;"
  loading="lazy"
></iframe>

Minimal (net focus)

Hide gross box, chips, rate, and actions.

                <iframe
  src="https://dutchtaxcalculator.nl/embed?amount=90000&hideGross=1&hideChips=1&hideRate=1&hideActions=1&accent=ea580c&netBg=fff7ed&holidayBg=1c1917&holidayText=fb923c"
  title="Dutch Tax Calculator"
  style="width:100%;max-width:720px;height:420px;border:0;border-radius:12px;"
  loading="lazy"
></iframe>

Live script-tag example

Rendered by /embed.js on this page.