Free Webmaster Embed Widget
Embed Free Calorie & TDEE Deficit Calculator On Your Site
Embed a Mifflin-St Jeor daily calorie expenditure and macronutrient target calculator for fat loss or muscle building. Tailored for Personal Trainers, Dietitians & Meal Prep Blogs. 100% free with no ad popups, no API keys, and responsive layout.
Free forever
Zero ad banners
Mobile responsive
HTTPS secured
Customize Embed Options
Widget Height580px
HTML iFrame Code
<!-- Free Calorie & TDEE Deficit Calculator by Ubify Tools --> <iframe src="https://tools.ubify.app/embed/calorie-calculator" width="100%" height="580" style="border:1px solid rgba(255,255,255,0.15); border-radius:12px; max-width:100%; box-shadow:0 4px 20px rgba(0,0,0,0.08);" title="Calorie & TDEE Deficit Calculator" loading="lazy"> </iframe> <p style="font-size:11px; color:#888; text-align:right; margin-top:4px;"> Free Calculator by <a href="https://tools.ubify.app" target="_blank" rel="noopener noreferrer" style="color:#3b82f6; text-decoration:underline;">Ubify Tools</a> </p>
WordPress / CMS Shortcode
[iframe src="https://tools.ubify.app/embed/calorie-calculator" width="100%" height="580" frameborder="0" style="border:1px solid #e2e8f0; border-radius:12px;"]
Recommended For:
- Nutritionists helping visitors estimate daily maintenance calories
- Meal prep and healthy recipe blogs providing portion guidelines
- Fitness apps and community portals calculating client deficits
Live Embedded Sandbox
How to Embed This Calculator on Any Platform
1. WordPress (Block & Classic)
In the Gutenberg block editor, add a Custom HTML block, paste the snippet, and hit publish. In Elementor, drag the HTML widget into your column.
2. Webflow, Wix & Squarespace
Add an Embed or Code component to your page canvas. Paste the iframe snippet directly and set container width to 100%.
3. React / Next.js / Vue
Render the iframe JSX with src="https://tools.ubify.app/embed/calorie-calculator", loading="lazy", and responsive inline styling.