Free Calorie Calculator Widget

Embed a daily calorie and TDEE calculator that matches your site. Set default profile, activity, and goal, tune colors, then copy the embed code (no backend required).

Attribution and terms

Keep the “Powered by” link visible. See our Terms of Service.

<!-- CalcRegistry Calorie Calculator Widget -->
<div id="calcregistry-calorie-widget"></div>
<script>
(function () {
  var mount = document.getElementById('calcregistry-calorie-widget');
  if (!mount) return;

  var widgetUrl = "https://www.calcregistry.com/embed/calorie/?units=imperial&age=30&gender=male&formula=mifflin&activity=1.375&heightCm=175&weightKg=75&heightFeet=5&heightInches=9&weightLbs=165&goal=maintain&weeklyChange=0.5&proteinPct=30&carbPct=40&fatPct=30&showBmr=1&showMacros=1&showDisclaimer=1&bg=%23fafaf8&resultBg=%23292524&resultColor=%23f5f3ef&inputColor=%2357534e&width=360";
  var widgetOrigin = "https://www.calcregistry.com";
  var maxWidth = "360px";
  var iframe = document.createElement('iframe');
  iframe.src = widgetUrl;
  iframe.title = 'Calorie Calculator';
  iframe.loading = 'lazy';
  iframe.setAttribute('scrolling', 'no');
  iframe.style.cssText = 'display:block;width:100%;height:1px;border:0;background:transparent;overflow:hidden;';

  var container = document.createElement('div');
  container.style.cssText = 'width:100%;max-width:' + maxWidth + ';margin:0 auto;background:transparent;';
  container.appendChild(iframe);

  var attribution = document.createElement('p');
  attribution.style.cssText = 'margin:8px 0 0;font-size:12px;line-height:1.4;color:#57534e;text-align:center;';
  attribution.innerHTML = 'Powered by <a href="https://www.calcregistry.com/calculators/fitness-and-health/calorie-calculator" rel="noopener" style="color:#44403c;text-decoration:underline;text-underline-offset:2px;font-weight:600;">CalcRegistry Calorie Calculator</a>';

  mount.innerHTML = '';
  container.appendChild(attribution);
  mount.appendChild(container);

  var applyHeight = function (height) {
    if (!height) return;
    iframe.style.height = Math.ceil(height) + 'px';
  };

  window.addEventListener('message', function (event) {
    if (event.origin !== widgetOrigin) return;
    var data = event.data || {};
    if (data.type !== 'calcregistry-widget-height' || data.widget !== 'calorie') return;
    applyHeight(Number(data.height));
  });
})();
</script>

Free Calorie Calculator Widget

Content

Style

Embed code