Embed CalorTracker calculators and food cards on your site
If you write about nutrition, run a gym, coach clients or teach a class, your readers keep asking the same question: how many calories should I eat, or how much protein is in this? These widgets answer it on your own page, with the same formulas and the same USDA data as the pages on this site. They are free, need no account and no API key, and each one shows a small "Powered by CalorTracker" link back to the tool it is built from.
There are 36 calculators to choose from, plus a nutrition card for every food in our food database. Pick one below, copy the code and paste it where you want the widget to appear. Every formula is written out on how we calculate, and the browsable list of the same tools is on the calculators page.
Two ways to add a widget
The iframe works anywhere that accepts HTML, including most website builders and newsletters that allow embeds. It keeps the height you give it and scrolls inside the frame if the result is taller. The script builds the same iframe for you and resizes it to fit, so the result never gets cut off; it needs a page that allows scripts.
Both are fluid: the width is 100% of the space you give them, up to 640 px, and they work at 320 px wide. Give the iframe at least the starting height listed with each widget. To choose a colour theme, add ?theme=light or ?theme=dark to the iframe address, or data-theme="dark" to the script. Without it the widget follows each visitor's light or dark setting.
What a widget does on your page
- It sets no cookie and stores nothing in your visitors' browsers, so it does not add anything to your cookie banner.
- It counts each load once, with the name of your site (the host, such as
example.com, never the page address) and the widget. It does not record who loaded it. - The calculators run in the visitor's browser. What they type is not sent to us.
- The credit link stays visible. It is how people find the full tool, and it is the price of the widget.
Calculators
Each preview below is the real widget; try it before you copy the code.
TDEE CalculatorPreview and code
Starts at 760 px tall. The page it credits is the tdee calculator.
iframe
<iframe src="https://calortracker.com/embed/tdee-calculator" title="TDEE Calculator by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/tdee-calculator">TDEE Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="tdee-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/tdee-calculator">TDEE Calculator</a> by CalorTracker</p>BMR CalculatorPreview and code
Starts at 760 px tall. The page it credits is the bmr calculator.
iframe
<iframe src="https://calortracker.com/embed/bmr-calculator" title="BMR Calculator by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/bmr-calculator">BMR Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="bmr-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/bmr-calculator">BMR Calculator</a> by CalorTracker</p>Calorie Deficit CalculatorPreview and code
Starts at 760 px tall. The page it credits is the calorie deficit calculator.
iframe
<iframe src="https://calortracker.com/embed/calorie-deficit-calculator" title="Calorie Deficit Calculator by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/calorie-deficit-calculator">Calorie Deficit Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="calorie-deficit-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/calorie-deficit-calculator">Calorie Deficit Calculator</a> by CalorTracker</p>Calorie CalculatorPreview and code
Starts at 760 px tall. The page it credits is the calorie calculator.
iframe
<iframe src="https://calortracker.com/embed/calorie-calculator" title="Calorie Calculator by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/calorie-calculator">Calorie Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="calorie-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/calorie-calculator">Calorie Calculator</a> by CalorTracker</p>Weight Loss CalculatorPreview and code
Starts at 760 px tall. The page it credits is the weight loss calculator.
iframe
<iframe src="https://calortracker.com/embed/weight-loss-calculator" title="Weight Loss Calculator by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/weight-loss-calculator">Weight Loss Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="weight-loss-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/weight-loss-calculator">Weight Loss Calculator</a> by CalorTracker</p>Weight Gain CalculatorPreview and code
Starts at 760 px tall. The page it credits is the weight gain calculator.
iframe
<iframe src="https://calortracker.com/embed/weight-gain-calculator" title="Weight Gain Calculator by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/weight-gain-calculator">Weight Gain Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="weight-gain-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/weight-gain-calculator">Weight Gain Calculator</a> by CalorTracker</p>How Long to Lose WeightPreview and code
Starts at 760 px tall. The page it credits is the how long to lose weight.
iframe
<iframe src="https://calortracker.com/embed/how-long-to-lose-weight-calculator" title="How Long to Lose Weight by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/how-long-to-lose-weight-calculator">How Long to Lose Weight</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="how-long-to-lose-weight-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/how-long-to-lose-weight-calculator">How Long to Lose Weight</a> by CalorTracker</p>Calorie Cycling CalculatorPreview and code
Starts at 760 px tall. The page it credits is the calorie cycling calculator.
iframe
<iframe src="https://calortracker.com/embed/calorie-cycling-calculator" title="Calorie Cycling Calculator by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/calorie-cycling-calculator">Calorie Cycling Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="calorie-cycling-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/calorie-cycling-calculator">Calorie Cycling Calculator</a> by CalorTracker</p>Intermittent Fasting CalculatorPreview and code
Starts at 760 px tall. The page it credits is the intermittent fasting calculator.
iframe
<iframe src="https://calortracker.com/embed/intermittent-fasting-calculator" title="Intermittent Fasting Calculator by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/intermittent-fasting-calculator">Intermittent Fasting Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="intermittent-fasting-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/intermittent-fasting-calculator">Intermittent Fasting Calculator</a> by CalorTracker</p>Weight Loss PercentagePreview and code
Starts at 760 px tall. The page it credits is the weight loss percentage.
iframe
<iframe src="https://calortracker.com/embed/weight-loss-percentage-calculator" title="Weight Loss Percentage by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/weight-loss-percentage-calculator">Weight Loss Percentage</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="weight-loss-percentage-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/weight-loss-percentage-calculator">Weight Loss Percentage</a> by CalorTracker</p>Macro CalculatorPreview and code
Starts at 820 px tall. The page it credits is the macro calculator.
iframe
<iframe src="https://calortracker.com/embed/macro-calculator" title="Macro Calculator by CalorTracker" width="100%" height="820" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/macro-calculator">Macro Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="macro-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/macro-calculator">Macro Calculator</a> by CalorTracker</p>Protein CalculatorPreview and code
Starts at 820 px tall. The page it credits is the protein calculator.
iframe
<iframe src="https://calortracker.com/embed/protein-calculator" title="Protein Calculator by CalorTracker" width="100%" height="820" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/protein-calculator">Protein Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="protein-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/protein-calculator">Protein Calculator</a> by CalorTracker</p>Keto CalculatorPreview and code
Starts at 820 px tall. The page it credits is the keto calculator.
iframe
<iframe src="https://calortracker.com/embed/keto-calculator" title="Keto Calculator by CalorTracker" width="100%" height="820" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/keto-calculator">Keto Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="keto-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/keto-calculator">Keto Calculator</a> by CalorTracker</p>Cutting Macro CalculatorPreview and code
Starts at 820 px tall. The page it credits is the cutting macro calculator.
iframe
<iframe src="https://calortracker.com/embed/cutting-macro-calculator" title="Cutting Macro Calculator by CalorTracker" width="100%" height="820" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/cutting-macro-calculator">Cutting Macro Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="cutting-macro-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/cutting-macro-calculator">Cutting Macro Calculator</a> by CalorTracker</p>Bulking Macro CalculatorPreview and code
Starts at 820 px tall. The page it credits is the bulking macro calculator.
iframe
<iframe src="https://calortracker.com/embed/bulking-macro-calculator" title="Bulking Macro Calculator by CalorTracker" width="100%" height="820" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/bulking-macro-calculator">Bulking Macro Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="bulking-macro-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/bulking-macro-calculator">Bulking Macro Calculator</a> by CalorTracker</p>Carb CalculatorPreview and code
Starts at 820 px tall. The page it credits is the carb calculator.
iframe
<iframe src="https://calortracker.com/embed/carb-calculator" title="Carb Calculator by CalorTracker" width="100%" height="820" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/carb-calculator">Carb Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="carb-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/carb-calculator">Carb Calculator</a> by CalorTracker</p>Fat Intake CalculatorPreview and code
Starts at 820 px tall. The page it credits is the fat intake calculator.
iframe
<iframe src="https://calortracker.com/embed/fat-intake-calculator" title="Fat Intake Calculator by CalorTracker" width="100%" height="820" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/fat-intake-calculator">Fat Intake Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="fat-intake-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/fat-intake-calculator">Fat Intake Calculator</a> by CalorTracker</p>Fiber CalculatorPreview and code
Starts at 820 px tall. The page it credits is the fiber calculator.
iframe
<iframe src="https://calortracker.com/embed/fiber-calculator" title="Fiber Calculator by CalorTracker" width="100%" height="820" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/fiber-calculator">Fiber Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="fiber-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/fiber-calculator">Fiber Calculator</a> by CalorTracker</p>Net Carbs CalculatorPreview and code
Starts at 820 px tall. The page it credits is the net carbs calculator.
iframe
<iframe src="https://calortracker.com/embed/net-carbs-calculator" title="Net Carbs Calculator by CalorTracker" width="100%" height="820" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/net-carbs-calculator">Net Carbs Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="net-carbs-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/net-carbs-calculator">Net Carbs Calculator</a> by CalorTracker</p>BMI CalculatorPreview and code
Starts at 700 px tall. The page it credits is the bmi calculator.
iframe
<iframe src="https://calortracker.com/embed/bmi-calculator" title="BMI Calculator by CalorTracker" width="100%" height="700" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/bmi-calculator">BMI Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="bmi-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/bmi-calculator">BMI Calculator</a> by CalorTracker</p>Body Fat CalculatorPreview and code
Starts at 700 px tall. The page it credits is the body fat calculator.
iframe
<iframe src="https://calortracker.com/embed/body-fat-percentage-calculator" title="Body Fat Calculator by CalorTracker" width="100%" height="700" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/body-fat-percentage-calculator">Body Fat Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="body-fat-percentage-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/body-fat-percentage-calculator">Body Fat Calculator</a> by CalorTracker</p>Ideal Weight CalculatorPreview and code
Starts at 700 px tall. The page it credits is the ideal weight calculator.
iframe
<iframe src="https://calortracker.com/embed/ideal-weight-calculator" title="Ideal Weight Calculator by CalorTracker" width="100%" height="700" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/ideal-weight-calculator">Ideal Weight Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="ideal-weight-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/ideal-weight-calculator">Ideal Weight Calculator</a> by CalorTracker</p>Lean Body Mass CalculatorPreview and code
Starts at 700 px tall. The page it credits is the lean body mass calculator.
iframe
<iframe src="https://calortracker.com/embed/lean-body-mass-calculator" title="Lean Body Mass Calculator by CalorTracker" width="100%" height="700" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/lean-body-mass-calculator">Lean Body Mass Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="lean-body-mass-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/lean-body-mass-calculator">Lean Body Mass Calculator</a> by CalorTracker</p>FFMI CalculatorPreview and code
Starts at 700 px tall. The page it credits is the ffmi calculator.
iframe
<iframe src="https://calortracker.com/embed/ffmi-calculator" title="FFMI Calculator by CalorTracker" width="100%" height="700" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/ffmi-calculator">FFMI Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="ffmi-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/ffmi-calculator">FFMI Calculator</a> by CalorTracker</p>Waist-to-Height Ratio CalculatorPreview and code
Starts at 700 px tall. The page it credits is the waist-to-height ratio calculator.
iframe
<iframe src="https://calortracker.com/embed/waist-to-height-ratio-calculator" title="Waist-to-Height Ratio Calculator by CalorTracker" width="100%" height="700" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/waist-to-height-ratio-calculator">Waist-to-Height Ratio Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="waist-to-height-ratio-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/waist-to-height-ratio-calculator">Waist-to-Height Ratio Calculator</a> by CalorTracker</p>Waist-to-Hip Ratio CalculatorPreview and code
Starts at 700 px tall. The page it credits is the waist-to-hip ratio calculator.
iframe
<iframe src="https://calortracker.com/embed/waist-to-hip-ratio-calculator" title="Waist-to-Hip Ratio Calculator by CalorTracker" width="100%" height="700" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/waist-to-hip-ratio-calculator">Waist-to-Hip Ratio Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="waist-to-hip-ratio-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/waist-to-hip-ratio-calculator">Waist-to-Hip Ratio Calculator</a> by CalorTracker</p>Water Intake CalculatorPreview and code
Starts at 620 px tall. The page it credits is the water intake calculator.
iframe
<iframe src="https://calortracker.com/embed/water-intake-calculator" title="Water Intake Calculator by CalorTracker" width="100%" height="620" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/water-intake-calculator">Water Intake Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="water-intake-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/water-intake-calculator">Water Intake Calculator</a> by CalorTracker</p>Sweat Loss CalculatorPreview and code
Starts at 620 px tall. The page it credits is the sweat loss calculator.
iframe
<iframe src="https://calortracker.com/embed/sweat-loss-calculator" title="Sweat Loss Calculator by CalorTracker" width="100%" height="620" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/sweat-loss-calculator">Sweat Loss Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="sweat-loss-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/sweat-loss-calculator">Sweat Loss Calculator</a> by CalorTracker</p>Steps to Calories CalculatorPreview and code
Starts at 760 px tall. The page it credits is the steps to calories calculator.
iframe
<iframe src="https://calortracker.com/embed/steps-to-calories-calculator" title="Steps to Calories Calculator by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/steps-to-calories-calculator">Steps to Calories Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="steps-to-calories-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/steps-to-calories-calculator">Steps to Calories Calculator</a> by CalorTracker</p>Steps to Distance CalculatorPreview and code
Starts at 760 px tall. The page it credits is the steps to distance calculator.
iframe
<iframe src="https://calortracker.com/embed/steps-to-distance-calculator" title="Steps to Distance Calculator by CalorTracker" width="100%" height="760" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/steps-to-distance-calculator">Steps to Distance Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="steps-to-distance-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/steps-to-distance-calculator">Steps to Distance Calculator</a> by CalorTracker</p>Recipe Calorie CalculatorPreview and code
Starts at 780 px tall. The page it credits is the recipe calorie calculator.
iframe
<iframe src="https://calortracker.com/embed/recipe-calorie-calculator" title="Recipe Calorie Calculator by CalorTracker" width="100%" height="780" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/recipe-calorie-calculator">Recipe Calorie Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="recipe-calorie-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/recipe-calorie-calculator">Recipe Calorie Calculator</a> by CalorTracker</p>Alcohol Calorie CalculatorPreview and code
Starts at 780 px tall. The page it credits is the alcohol calorie calculator.
iframe
<iframe src="https://calortracker.com/embed/alcohol-calorie-calculator" title="Alcohol Calorie Calculator by CalorTracker" width="100%" height="780" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/alcohol-calorie-calculator">Alcohol Calorie Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="alcohol-calorie-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/alcohol-calorie-calculator">Alcohol Calorie Calculator</a> by CalorTracker</p>kJ to kcal ConverterPreview and code
Starts at 780 px tall. The page it credits is the kj to kcal converter.
iframe
<iframe src="https://calortracker.com/embed/kj-to-kcal-converter" title="kJ to kcal Converter by CalorTracker" width="100%" height="780" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/kj-to-kcal-converter">kJ to kcal Converter</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="kj-to-kcal-converter" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/kj-to-kcal-converter">kJ to kcal Converter</a> by CalorTracker</p>Caffeine CalculatorPreview and code
Starts at 780 px tall. The page it credits is the caffeine calculator.
iframe
<iframe src="https://calortracker.com/embed/caffeine-calculator" title="Caffeine Calculator by CalorTracker" width="100%" height="780" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/caffeine-calculator">Caffeine Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="caffeine-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/caffeine-calculator">Caffeine Calculator</a> by CalorTracker</p>Sugar Intake CalculatorPreview and code
Starts at 780 px tall. The page it credits is the sugar intake calculator.
iframe
<iframe src="https://calortracker.com/embed/sugar-intake-calculator" title="Sugar Intake Calculator by CalorTracker" width="100%" height="780" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/sugar-intake-calculator">Sugar Intake Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="sugar-intake-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/sugar-intake-calculator">Sugar Intake Calculator</a> by CalorTracker</p>Calories to Fat CalculatorPreview and code
Starts at 780 px tall. The page it credits is the calories to fat calculator.
iframe
<iframe src="https://calortracker.com/embed/calories-to-fat-calculator" title="Calories to Fat Calculator by CalorTracker" width="100%" height="780" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/calories-to-fat-calculator">Calories to Fat Calculator</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-widget="calories-to-fat-calculator" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/calories-to-fat-calculator">Calories to Fat Calculator</a> by CalorTracker</p>Nutrition card for any food
The card shows calories, protein, carbs and fat per 100 g and for the usual portion, with the USDA FoodData Central record it comes from and a link to the full nutrition facts. It is a good fit for a recipe post or a "what's in a banana" explainer.
The example is banana. To show another food, replace banana in the code with the last part of that food's address on the food database: the card for calortracker.com/nutrition/banana is at calortracker.com/embed/food/banana.
iframe
<iframe src="https://calortracker.com/embed/food/banana" title="Banana nutrition card by CalorTracker" width="100%" height="440" style="border:0;max-width:640px" loading="lazy"></iframe>
<p style="font-size:12px"><a href="https://calortracker.com/nutrition/banana">Banana nutrition facts</a> by CalorTracker</p>Script (resizes itself)
<script src="https://calortracker.com/embed.js" data-food="banana" async></script>
<p style="font-size:12px"><a href="https://calortracker.com/nutrition/banana">Banana nutrition facts</a> by CalorTracker</p>Calculator results are estimates from published formulas, not medical advice. Food values are USDA averages; a single piece varies with variety and preparation.
Every widget links the page it is built from, and the sources page lists where the numbers come from.
Your readers can keep going in the app
A calculator gives a target; CalorTracker helps hit it. Log meals by photo, voice or text and see the day against the goal you set.
Start free on the web