Embed Our UK Salary Calculator (Free)
Add the 2026/27 UK take-home pay calculator to your blog or website with one line of HTML. Always-current HMRC rates, auto-resizing, mobile-friendly, no signup required.
Live Preview
Customise
1. Basic embed (fixed height)
Simplest option. Works in any HTML page or blog editor that accepts raw HTML.
<iframe src="https://mypaycalculator.co.uk/embed?accent=111827" title="UK Salary Calculator" width="100%" height="640" frameborder="0" loading="lazy" style="border:0;max-width:480px;display:block;margin:0 auto;" ></iframe> <p style="font-size:12px;text-align:center;max-width:480px;margin:6px auto 0;">Powered by <a href="https://mypaycalculator.co.uk/" rel="nofollow">My Pay Calculator</a></p>
2. Auto-resizing embed (recommended)
Adds a tiny script so the iframe expands to fit results — no inner scrollbar.
<iframe
id="mpc-embed"
src="https://mypaycalculator.co.uk/embed?accent=111827"
title="UK Salary Calculator"
width="100%"
height="640"
frameborder="0"
loading="lazy"
style="border:0;max-width:480px;display:block;margin:0 auto;"
></iframe>
<script>
window.addEventListener("message", function (e) {
if (e.origin !== "https://mypaycalculator.co.uk") return;
if (!e.data || e.data.type !== "mypaycalculator:resize") return;
var f = document.getElementById("mpc-embed");
if (f && typeof e.data.height === "number") {
f.style.height = e.data.height + 20 + "px";
}
});
</script>
<p style="font-size:12px;text-align:center;max-width:480px;margin:6px auto 0;">Powered by <a href="https://mypaycalculator.co.uk/" rel="nofollow">My Pay Calculator</a></p>3. WordPress shortcode (requires iframe plugin)
For WordPress.org sites using the 'iframe' plugin by Webvitaly.
[iframe src="https://mypaycalculator.co.uk/embed?accent=111827" width="100%" height="640"] <p style="font-size:12px;text-align:center;max-width:480px;margin:6px auto 0;">Powered by <a href="https://mypaycalculator.co.uk/" rel="nofollow">My Pay Calculator</a></p>
License & attribution
Free for all uses (personal, commercial, editorial). The only requirement is to keep the "Powered by My Pay Calculator" credit line that comes with the embed code visible below the widget. If you embed the widget on your site, we'd love to hear about it — drop us a note via the feedback form.
Frequently Asked Questions
Is it really free?
Yes — 100% free, no signup, no API key. We only ask that the small attribution link at the bottom of the widget stays visible. That link is what keeps the calculator free for everyone.
Will it stay accurate next tax year?
Yes. The widget is loaded live from mypaycalculator.co.uk, so when HMRC announces new tax bands, NI thresholds, or student loan rates, the widget updates automatically. You never need to touch the embed code.
Will it slow down my site?
No. The iframe is sandboxed and loads independently of your page — it does not block your page render. The resize script is ~1KB.
Can I customise the look?
Yes. Append ?theme=dark for a dark theme, and ?accent=005eb8 (any 6-digit hex without the #) to match your brand colour. Example: https://mypaycalculator.co.uk/embed?theme=dark&accent=005eb8.
Can I track who embedded it?
Add ?ref=yoursite to the iframe URL and we will see the referrer in our analytics. It is not required but helps us know where the widget is being used so we can collaborate on future features.
What is the "Powered by" credit line for?
The embed code includes a small "Powered by My Pay Calculator" credit below the widget, and the widget itself links to the full calculator. These give your readers a route to the full tool with all its features (NHS, Teacher, pension, mortgages, etc.) and let them see where the numbers come from. The credit link uses rel="nofollow", in line with Google's guidelines for widget links.
Got feedback or feature requests?
We'd love to hear from you. Tell us what you need at our feedback form.