Embed the TDEE Calculator on Your Website

Free to use. No attribution required. Paste the code below into any HTML page, WordPress site, or CMS. The widget auto-resizes to fit your layout.

Widget Settings

Theme

Default height: 800px

600px1400px

The widget auto-resizes using postMessage. The default height is a fallback while the iframe loads.

Live Preview

Embed Code

<iframe
  src="https://tdeemacrocalculator.com/embed?theme=dark"
  width="100%"
  height="800"
  frameborder="0"
  scrolling="no"
  title="TDEE & Macro Calculator"
  style="border:none;max-width:900px;display:block;"
></iframe>
<script>
window.addEventListener('message',function(e){
  if(e.data&&e.data.type==='tdee-resize'){
    var f=document.querySelector('iframe[src*="tdeemacrocalculator.com/embed"]');
    if(f)f.height=e.data.height;
  }
});
</script>

Auto-resizing

The widget sends its height via postMessage so the iframe fits the content without scrollbars.

Theme support

Choose dark, light, or auto to match your site. The theme param is read on load with no flash.

No signup required

The embed is completely free. There are no API keys, rate limits, or account requirements.