Step 1
Build Your Embed Code
Configure the widget, see it on a sample page, then copy the code that matches
1440px — desktop layout · Auto height is on: the widget reports its height and the iframe grows to fit, so there is no inner scrollbar.
How much tax will you actually pay this year?
Your gross salary is rarely what lands in your bank account. Use the calculator below to see income tax, payroll contributions, and your real take-home pay.
Once you know your net pay, the next step is budgeting: set aside your fixed costs first, then decide how much of what is left goes to savings.
Code for these settings
<iframe
id="tax-calculator-widget"
src="https://paychecktaxcalculator.net/widget/tax-calculator"
width="100%"
height="900"
loading="lazy"
frameborder="0"
scrolling="no"
style="border: 1px solid #e5e7eb; border-radius: 12px;"
title="Tax Calculator Widget"
></iframe>
<script>
window.addEventListener('message', function (event) {
if (event.origin !== 'https://paychecktaxcalculator.net') return
var data = event.data || {}
if (data.widget !== 'tax-calculator' || !data.height) return
var frame = document.getElementById('tax-calculator-widget')
if (frame) frame.style.height = data.height + 40 + 'px'
})
</script>Step 2
How to Embed the Tax Calculator on Your Website
Where the code goes in WordPress, plain HTML site builders, and React
WordPress
- Edit the post or page and add a Custom HTML block.
- Paste the code from the preview above. No plugin is required.
- Publish, then view the live page — the block editor does not always render iframes.
HTML, Squarespace, Webflow, Ghost
- Add a code or embed block where you want the calculator.
- Paste the same iframe code and save.
- If your theme constrains width, place it in a full-width section.
React, Next.js, Vue
- Render the iframe in a component and keep the title attribute for accessibility.
- In JSX, write frameBorder and use style as an object instead of a string.
- Add the height listener in an effect if you want the auto-height behaviour.
Minimum working code, if you would rather not use the preview
<iframe
src="https://paychecktaxcalculator.net/widget/tax-calculator"
width="100%"
height="900"
loading="lazy"
frameborder="0"
scrolling="no"
style="border: 1px solid #e5e7eb; border-radius: 12px;"
title="Tax Calculator Widget"
></iframe>This is the whole integration: no script tag, no plugin, no key. Add the auto-height option in the preview if you want the iframe to resize itself as results expand.
Options
Lock the Widget to One Country or a Shortlist
Add a query parameter to the iframe URL when your audience is country-specific
By default readers pick from 96 countries. If you publish for one market, restrict the widget so nobody lands on the wrong calculator — for example a US-only payroll blog or a UK salary guide.
| Parameter | Example | Result |
|---|---|---|
| country | ?country=US | Locks the widget to one country and hides the country picker. |
| countries | ?countries=US,Canada,UK | Limits the picker to a shortlist so readers can still switch within it. |
| default | ?countries=US,Canada&default=Canada | Chooses which allowed country the widget opens on. |
| income | ?country=UK&income=60000 | Pre-fills the salary so results show as soon as the widget loads. |
Country values are forgiving: US, usa, and united-states all work. Unrecognised values are ignored, so a typo falls back to the full list instead of breaking the embed. Set these in the Countries control of the preview and the generated code updates for you.
Checklist
Before You Publish
Five checks that catch almost every embed problem
Check both layouts
The widget ships two designs: a branded card on desktop and a mobile-first layout under 768px. The preview above switches between them.
Give it enough height
Results expand the widget. Use auto height so the iframe resizes itself, or set a fixed height tall enough for the full breakdown.
Match your container width
Narrow sidebars squeeze the calculator. A full-width or wide article column lets the form and results sit side by side.
Load it on a real phone once
Device emulation is close, but check the published page on a phone for tap targets and theme clipping.
Keep the credit link
The widget footer credits us, and a visible link on your page is what keeps the embed free to use.
Licence
What Free Use Requires
The one condition, and what you get in return
Keep a credit link
The widget footer already credits us. Adding a visible link to paychecktaxcalculator.net near the embed is what keeps it free, and it gives readers a route to the full tool.
Need it unbranded? Contact us about white-label embeds.
What we handle for you
- Brackets, payroll rules, and thresholds updated every tax year — your code never changes.
- Hosting, uptime, and performance, isolated from your page's CSS and JavaScript.
- No ads and no tracking pixels inside the widget on your readers' screens.
- No usage limits, no key rotation, and no per-view billing to monitor.
Background
What a Tax Calculator Widget Is, and Why Publishers Add One
A tax calculator widget is an interactive calculator you place inside your own page so readers work out their income tax and take-home pay without leaving your article. Ours runs the same engine as our main calculator: gross-to-net pay, income tax, payroll contributions, effective rate, and per-paycheck figures across 96 countries.
Publishers add one because a question like “what will I actually take home?” is hard to answer with prose alone. A calculator answers it for the reader's own numbers, which tends to keep people on the page longer than a static rate table and gives salary, payroll, immigration, and personal-finance content something to act on.
Building the same thing yourself means modelling brackets for every jurisdiction you cover and revisiting them each tax year. Embedding moves that maintenance to us: the calculation logic and the rate tables are ours to keep current, while your page keeps its own design and layout around the iframe.
FAQ
Tax Calculator Widget — Frequently Asked Questions
Related
More From Paycheck Tax Calculator
Full tax calculator
The complete tool the widget is built from, with every country and option.
US paycheck hub
Bonus, RSU, overtime, and 1099 calculators behind one state picker.
All calculators
Browse every calculator we publish, by country and topic.
Contact us
Ask about white-label embeds or a calculator we do not cover yet.
Get Started
Ready to embed?
Configure the widget in the preview, copy the code, and paste it into your page.
Updated for 2026 tax rates · Credit link required for free use