Embed a Free Protein Calculator on Your Site

Advertisement

Live preview — exactly what visitors to your site would see:

Add it to your site

Copy the code below and paste it anywhere in your page's HTML — a sidebar, an article, a resource page. It's a plain <iframe>, so it works with any site builder or CMS that accepts custom HTML.

<iframe src="https://www.calorilator.com/embed/protein-calculator/" width="100%" height="1350" style="max-width:480px;border:none;" title="Protein Calculator by Calorilator" loading="lazy"></iframe>
<p style="font:12px system-ui,sans-serif;text-align:center;margin:4px 0 0;">Calculator by <a href="https://www.calorilator.com/protein-calculator/" target="_blank" rel="noopener">Calorilator</a></p>

What you're embedding

A protein target calculator (0.8g/kg for non-training adults, 1.6-2.2g/kg for people training regularly) plus a reference table showing real protein-per-100g values for common foods, sourced from USDA FoodData Central — no ads, no analytics, no tracking, no webfont download. It uses the same pure calculation code as the full protein calculator page on this site, so the numbers your visitors see match ours exactly.

Advertisement

Frequently asked questions

Is this free to embed?

Yes — no account, no API key, no cost. Copy the code below and paste it into your page.

Do I need to keep the attribution link?

We'd appreciate it — the small "Calculator by Calorilator" line under the widget is how we keep this free tool available and maintained. It's a request, not a technical lock: nothing stops you from editing the pasted code, but keeping it is what makes offering the widget worthwhile for us to keep doing.

Will this slow down my page?

The widget itself is a small, self-contained page — no ads, no analytics, no tracking scripts, no webfont download. It loads with loading="lazy" by default, so it won't block anything above it on your page.

Can I resize it?

Yes — the width and height attributes on the <iframe> tag are plain HTML, adjust them to fit your layout. The widget itself is responsive down to a narrow sidebar width. It's taller than our other widgets by default since it includes a protein-by-food reference table — drop the height if you'd rather your visitors scroll for that part.

Can I use it on multiple pages or sites?

Yes, there's no limit — embed it wherever it's useful.