Integrar herramientas Pon una calculadora de GetaBite en tu blog o guía. Cada widget mantiene una línea Made with GetaBite con enlace a la herramienta completa.
Copia el código iframe, pégalo en tu CMS. El widget ajusta la altura con postMessage. Sin cookies en el widget. Umami cuenta visitas como en getabite.app.
Reglas de integración Una línea Made with GetaBite con enlace normal a la herramienta siempre es visible y no se puede ocultar. Sin cookies, sin rastreadores y sin llamadas a terceros en el widget. Solo visitas de Umami, igual de sobrias que en el sitio principal. El iframe envía su altura a la página padre. El fragmento copiado incluye un listener para que el marco crezca con el contenido. Las URL de embed son noindex y tienen canonical a la página de la herramienta para no competir en búsqueda. Herramientas integrables Cada página de herramienta también tiene un configurador con idioma, valor inicial, claro u oscuro y código para copiar.
Ejemplo: calculadora de proteína Pega esto en una entrada. La vista previa usa la misma URL.
<iframe
src="https://getabite.app/embed/protein?locale=es&food=lentils-cooked&target=50"
title="Calculadora de proteína GetaBite"
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>
Integrar esta herramienta Elige idioma, tema y valor inicial. Copia el código en tu sitio.
El enlace Made with GetaBite siempre se muestra. No se puede quitar.
<iframe
src="https://getabite.app/embed/protein?locale=es&food=lentils-cooked&target=50"
title="Calculadora de proteína GetaBite"
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>Copiar código Integrar esta herramienta Elige idioma, tema y valor inicial. Copia el código en tu sitio.
El enlace Made with GetaBite siempre se muestra. No se puede quitar.
<iframe
src="https://getabite.app/embed/order-card?locale=es&language=greek&preset=vegan"
title="Tarjeta de pedido GetaBite"
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>Copiar código Integrar esta herramienta Elige idioma, tema y valor inicial. Copia el código en tu sitio.
El enlace Made with GetaBite siempre se muestra. No se puede quitar.
<iframe
src="https://getabite.app/embed/menu-words?locale=es&language=greek"
title="Palabras de menú GetaBite"
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>Copiar código Integrar esta herramienta Elige idioma, tema y valor inicial. Copia el código en tu sitio.
El enlace Made with GetaBite siempre se muestra. No se puede quitar.
<iframe
src="https://getabite.app/embed/fasting-calendar?locale=es&date=2026-09-22"
title="Calendario de ayuno GetaBite"
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>Copiar código Integrar esta herramienta Elige idioma, tema y valor inicial. Copia el código en tu sitio.
El enlace Made with GetaBite siempre se muestra. No se puede quitar.
<iframe
src="https://getabite.app/embed/cities?locale=es&a=london&b=paris"
title="Comparación de ciudades GetaBite"
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>Copiar código Integrar esta herramienta Elige idioma, tema y valor inicial. Copia el código en tu sitio.
El enlace Made with GetaBite siempre se muestra. No se puede quitar.
<iframe
src="https://getabite.app/embed/legume-cooking?locale=es&variety=chickpeas"
title="Tiempos de legumbres GetaBite"
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>Copiar código FAQ
¿Qué herramientas puedo integrar? Calculadora de proteína, tarjeta de pedido, palabras de menú, calendario de ayuno, comparación de ciudades y tiempos de legumbres.
¿El iframe perjudica mi SEO? Las páginas embed son noindex y apuntan el canonical a la herramienta. Tu página conserva el contenido; el widget añade un enlace de texto hacia GetaBite.
¿Ponéis cookies en el widget? No. El layout de embed no escribe cookies. El tema viene de la URL. Umami solo registra una visita si está configurado.
¿Cómo funciona la altura? El widget envía su altura al padre. El código copiado escucha ese mensaje y actualiza la altura del iframe.