Free Embeddable UK Student Loan Calculator Widget
Drop a working UK student loan repayment calculator into your blog, university page, or journalism article with one line of HTML. Free for any site to embed — the only condition is keeping the attribution backlink intact.
1. Copy the embed code
Paste this single iframe tag wherever you want the calculator to appear in your page's HTML. The widget is responsive, mobile friendly, and uses loading="lazy" so it never blocks first paint.
<iframe src="https://studentloancalculator.uk/embed/repayment-calculator/"
width="100%" height="600" frameborder="0" loading="lazy"
title="UK Student Loan Repayment Calculator"
style="border:1px solid #e5e7eb;border-radius:8px;max-width:720px"></iframe>
<p style="font-size:12px;color:#6b7280;margin-top:4px">
Calculator by <a href="https://studentloancalculator.uk/" rel="noopener">studentloancalculator.uk</a>
</p>The recommended iframe height is 600 px. On very narrow mobile viewports (under 360 px), set height="680" to avoid an inner scrollbar.
2. Live preview
This is exactly what your readers will see — no fake mockup, the iframe below uses the same URL you'll paste into your site.
3. Usage rights and licence
The widget is offered free of charge to any website under a simple attribution licence:
- You may embed the iframe on commercial sites, non-profit sites, university pages, school resources, journalism, and personal blogs.
- You must keep the visible “Powered by studentloancalculator.uk” link inside the widget footer — do not hide it with CSS, JavaScript, or by cropping the iframe with negative offsets.
- You may not reverse-engineer, repackage, or re-host the widget's HTML/JS as your own product.
- You may not wrap the widget in messaging that implies endorsement by the Student Loans Company, HMRC, or gov.uk.
Need a white-label or no-attribution version for a paid client project? Email hello@studentloancalculator.uk.
Who the widget is built for
Universities & CAS pages
Show prospective students how their tuition will translate to monthly repayments after graduation. Drop the widget into your finance, admissions, or post-graduation pages.
Journalism & explainer articles
Embed an interactive calculator inside your “how much will I repay?” explainer so readers can plug in their own salary without leaving your article.
Personal finance blogs
Add a working tool to your “graduate budget” or “Plan 2 vs Plan 5” comparison posts — readers stay engaged longer when they can interact with the numbers.
Careers & HR resources
Help graduate-scheme applicants and new joiners model their take-home pay after the student loan deduction. Useful on onboarding portals and graduate-recruitment microsites.
What the widget calculates
The embedded calculator mirrors the core math of the full monthly repayment calculator but in a tighter UI suitable for inline article placement:
- Salary input — number field plus slider, accepting £0 to £250,000 gross annual salary.
- Plan toggles — tick any combination of Plan 1, Plan 2, Plan 4 (Scotland), Plan 5, and Postgraduate. The Postgraduate loan stacks on top of any one undergraduate plan just as it does in real PAYE deductions.
- Frequency switcher — show repayments as monthly, weekly, or annual figures depending on what your audience expects.
- Threshold visibility — each plan's 2026-27 threshold is displayed alongside the calculated deduction, so readers learn the rules as they use the tool.
- Gov.uk attribution — the widget footer links to the official gov.uk page so readers can verify figures themselves, reinforcing trustworthiness on YMYL pages.
Customising the iframe
The widget itself is fixed, but the surrounding iframe is yours to size. A few patterns we recommend:
| Context | Recommended height | Why |
|---|---|---|
| Inline blog article | 600 | Default. Fits the calculator and footer without inner scroll on desktop and most mobiles. |
| Narrow sidebar | 720 | Plan toggles wrap onto two rows so add a little headroom. |
| CAS / fee page | 640 | Slight headroom for body copy directly under the iframe without scrollbar overlap. |
| Old mobile viewports | 680 | Under 360 px wide, the plan checkboxes stack vertically. |
Always set width="100%" and let the iframe scale to its container. Leave loading="lazy" in place to protect your Core Web Vitals.
Performance, privacy, and accessibility
- Lazy loaded — the iframe is fetched only when the user scrolls it into view, so it does not count against your Largest Contentful Paint.
- No third-party trackers — the embed endpoint does not run advertising scripts, social pixels, or behavioural analytics.
- No personal data captured — the salary you type into the widget stays in the browser, never sent to any server.
- Keyboard accessible — every input, checkbox, and select can be operated with the keyboard alone and is labelled for screen readers.
- Responsive down to 320 px — the widget reflows for small phones without horizontal scroll.
Embed widget FAQ
- Is the embeddable student loan calculator free to use?
- Yes. The widget is free for any website to embed, including commercial, educational, and journalism sites. The only requirement is that the visible 'Powered by studentloancalculator.uk' attribution link in the widget footer stays in place — do not remove or hide it with CSS.
- Do I need an API key or account to embed it?
- No. The widget is a self-contained iframe. Copy the one-line embed code, paste it into your HTML, and it works immediately. No registration, no API key, no JavaScript SDK.
- Which UK student loan plans does the widget cover?
- All five UK student loan plans: Plan 1 (pre-2012), Plan 2 (2012–2023), Plan 4 (Scotland), Plan 5 (2023 onwards) and Postgraduate. The widget uses the 2026-27 repayment thresholds published by HMRC and gov.uk and is updated each April when new thresholds take effect.
- Will the widget slow down my page?
- Minimal impact. The iframe uses loading="lazy" so it only loads when scrolled into view. The widget itself is roughly 35 KB of compiled CSS and JavaScript and renders on first paint without external network calls beyond the host document.
- Can I change the colour scheme or branding?
- Not in this version. The widget ships with a neutral light theme designed to fit most blog and university site layouts. A configurable theme version with light/dark toggle and a brand-colour query parameter is on the roadmap.
- Is the calculator accurate enough for financial advice?
- The widget is an educational estimate, not financial advice. It applies the standard HMRC repayment formula (9% above threshold for Plans 1, 2, 4, 5 and 6% for Postgraduate) to gross annual salary. Edge cases such as bonus months, salary sacrifice, and self-employment via Self Assessment are handled differently and are beyond the widget's scope — link readers to the full calculator on studentloancalculator.uk for those.
- Can I embed multiple widgets on the same page?
- Yes. Each iframe is isolated, so you can embed several copies on a long-form article — for example, one in the introduction and one in a worked-examples section — without state leaking between them.
- Does the widget work on mobile?
- Yes. The widget is responsive down to 320 px viewports. The recommended iframe height is 600 px which fits comfortably without inner scroll on most mobile devices.
Use the full calculators on our site
Need the full version with bonus handling, salary sacrifice, write-off modelling, or plan comparisons? Use these on studentloancalculator.uk:
- Monthly repayment calculatorFull-page version with FAQs, worked examples, schema markup.
- Combined repayment calculatorStack any UG plan with Postgraduate to see total deductions.
- Total loan cost calculatorLifetime cost projections including interest and write-off.
- All UK student loan calculatorsThe full set of 30+ calculators across plans and scenarios.