For publishers

Embed the TDEE Calculator

Add a fully working TDEE calculator to your blog, fitness site, or article with a single iframe. Free, no attribution required, customizable.

Copy this snippet

Paste this into your HTML wherever you want the calculator to appear:

<iframe
  src="https://tdeecalculator.org/embed/iframe.php"
  style="width:100%;border:0;min-height:780px;background:transparent"
  loading="lazy"
  title="TDEE Calculator"
  referrerpolicy="no-referrer-when-downgrade">
</iframe>

Customize the theme color

Add a ?theme= query parameter, any 3-or-6-character hex color (no #):

<iframe src="https://tdeecalculator.org/embed/iframe.php?theme=2563eb" ...></iframe>

Default unit system

<iframe src="https://tdeecalculator.org/embed/iframe.php?u=met" ...></iframe>

Use u=imp for imperial (lb, in) or u=met for metric (kg, cm).

Live preview

Preview Interactive

What you get

  • Live calculator, updates as the visitor types
  • Visitor\'s inputs stay on their device, never sent to our server or yours
  • Power Mode reveals 12 metrics + 7 BMR formulas + 2D macro selector
  • Activity-level quiz built in
  • Loads under 80KB total, won\'t hurt your Core Web Vitals
  • Mobile-responsive at any iframe width

License + attribution

Free to embed. No attribution required. We would love a link back to tdeecalculator.org if your platform allows it, but you don\'t have to.

Reporting issues

If something breaks in your embedding context, email [email protected] and we will fix it.

Frequently asked questions

Will the iframe slow my page?
No noticeably. It loads asynchronously via the lazy attribute. The calculator weighs about 80KB total (HTML + CSS + JS combined) and will not affect your Largest Contentful Paint as long as you keep loading="lazy".
Can I embed it in WordPress / Webflow / Squarespace?
Yes, any platform that allows iframe embeds. WordPress: use a Custom HTML block. Webflow: Embed component. Squarespace: Code block.
Does the calculator collect data from my visitors?
No. Inputs stay entirely on the visitor's device. Nothing is sent to our servers or stored anywhere. Your visitors get the same privacy whether they use the calculator on our site or yours.
Can I customize beyond theme color and units?
Currently those are the two options. If you have a specific need (presets, branding, removing Power Mode), email us and we will look at adding parameters.
How tall should I make the iframe?
We recommend min-height:780px. The calculator is taller when Power Mode is expanded; users can scroll inside the iframe or you can set min-height:1400px to fit everything without scrolling.