Embed Free Calculators on Your Website
Last updated
You can put any DIYCalcLab calculator on your own website for free — DIY blogs, home-improvement forums, contractor and landscaper sites, building-supply stores, real-estate and property-management pages, and classroom resources. Your visitors get the same calculator, formulas and unit conversion as on our site, without leaving your page.
How it works
- Open the calculator you want (list below) and scroll to Embed this calculator.
- Pick a width, a light or dark theme and the default units (imperial or metric).
- Click Copy embed code and paste it into your page’s HTML (in WordPress use a “Custom HTML” block).
The code is an <iframe>, one small credit line below it (“Calculator by DIYCalcLab”, a rel="nofollow" link), and a tiny optional script that resizes the frame to fit. If your platform strips scripts, the widget still works at its fixed height.
<iframe src="https://diycalclab.com/embed/concrete-slab/?theme=light&u=imperial" title="Concrete Slab Calculator by DIYCalcLab" width="100%" height="760" style="border:0;width:100%;max-width:100%;height:760px;color-scheme:normal" loading="lazy" allow="clipboard-write" data-dcl-embed></iframe>
<p style="margin:6px 0 0;font:14px/1.4 system-ui,sans-serif">Calculator by <a href="https://diycalclab.com/concrete/slab-calculator/" rel="nofollow">DIYCalcLab</a></p>
<script src="https://diycalclab.com/embed.js" async></script>Options
| Parameter | Values | Effect |
|---|---|---|
theme | light, dark (omit to follow the visitor’s device) | Colour scheme inside the widget |
u | imperial, metric | Units shown first; visitors can still switch |
| width / height | Any CSS size on the iframe | The widget is responsive down to 320 px; height is adjusted automatically by embed.js |
Calculators you can embed
Concrete
Paint, Stain & Wallpaper
Tile
Flooring & Trim
Roofing & Siding
Landscaping
Decking
Fencing
Drywall, Ceilings & Insulation
Framing & Lumber
Masonry
Conversions
Widget terms
- Free for personal and commercial sites. No sign-up and no API key.
- Keep the credit visible below the widget. The link uses our brand name and
rel="nofollow"on purpose — the widget is offered for your visitors, not in exchange for a search-ranking link. Please don’t remove the nofollow, hide the credit, or replace it with keyword-rich anchor text (Google’s link spam policies treat keyword links distributed in widgets as unnatural). You may shorten it to just “DIYCalcLab”. - Don’t alter the calculator or overlay it in a way that suggests the results are your own, and don’t place the widget on pages that are illegal, deceptive or adult content.
- No ads, no analytics, no tracking cookies inside the widget. It only remembers the visitor’s unit choice in their browser’s local storage.
- Results are estimates (see our disclaimer). The widget is provided as-is; we may update calculators, and we may block domains that misuse it.
- These terms are part of our Terms of Use. Questions or a custom colour scheme: [email protected].
Privacy for your visitors
The widget is served from diycalclab.com. Like any web request, our hosting provider (Cloudflare) processes the visitor’s IP address and browser details to deliver it. The widget does not load Google Analytics, advertising, or third-party scripts, and needs no cookie consent banner of its own. See our privacy policy.
Widget pages live at https://diycalclab.com/embed/%3Ccalculator%3E/ and are marked noindex so they never compete with your page in search.