Embed tools Put a GetaBite calculator on your blog or guide. Every embed keeps a small Made with GetaBite link back to the full tool.
Copy the iframe code, paste it into your CMS, and the widget resizes itself with postMessage. No cookies in the widget. Umami counts pageviews the same way as on getabite.app.
Rules for embeds A Made with GetaBite line with a normal link to the tool page is always visible and cannot be turned off. No cookies, no trackers, and no third-party calls inside the widget. Only Umami pageviews, same sparse setup as the main site. The iframe sends its height to the parent page. The copied snippet includes a small listener so the frame grows with the content. Embed URLs are noindex and set a canonical to the full tool page so they do not compete in search. Embeddable tools Each tool page also has a configurator with language, preset, light or dark, and copyable code.
Example: protein calculator Paste this into a blog post. The live preview below uses the same URL.
<iframe
src="https://getabite.app/embed/protein?food=lentils-cooked&target=50"
title="GetaBite protein calculator"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>
Embed this tool Pick language, theme, and a starting preset. Copy the code into your site.
The Made with GetaBite link is always shown. It cannot be removed.
<iframe
src="https://getabite.app/embed/protein?food=lentils-cooked&target=50"
title="GetaBite protein calculator"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Copy code Embed this tool Pick language, theme, and a starting preset. Copy the code into your site.
The Made with GetaBite link is always shown. It cannot be removed.
<iframe
src="https://getabite.app/embed/order-card?language=greek&preset=vegan"
title="GetaBite order card"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Copy code Embed this tool Pick language, theme, and a starting preset. Copy the code into your site.
The Made with GetaBite link is always shown. It cannot be removed.
<iframe
src="https://getabite.app/embed/menu-words?language=greek"
title="GetaBite menu words"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Copy code Embed this tool Pick language, theme, and a starting preset. Copy the code into your site.
The Made with GetaBite link is always shown. It cannot be removed.
<iframe
src="https://getabite.app/embed/fasting-calendar?date=2026-09-22"
title="GetaBite fasting calendar"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Copy code Embed this tool Pick language, theme, and a starting preset. Copy the code into your site.
The Made with GetaBite link is always shown. It cannot be removed.
<iframe
src="https://getabite.app/embed/cities?a=london&b=paris"
title="GetaBite city comparison"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Copy code Embed this tool Pick language, theme, and a starting preset. Copy the code into your site.
The Made with GetaBite link is always shown. It cannot be removed.
<iframe
src="https://getabite.app/embed/legume-cooking?variety=chickpeas"
title="GetaBite legume cooking times"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Copy code FAQ
Which tools can I embed? Protein calculator, order card, menu words, fasting calendar, city comparison, and legume cooking times.
Will the iframe hurt my SEO? Embed pages are noindex and point their canonical at the full tool page. Your page keeps the content; the widget adds a dofollow-style text link back to GetaBite.
Do you set cookies in the widget? No. The embed layout does not write cookies. Theme comes from the URL. Umami only records a pageview when configured.
How does height work? The widget posts its height to the parent. The copied snippet listens for that message and updates the iframe height. 
getabite