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.

Tema

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>

Integrar esta herramienta

Elige idioma, tema y valor inicial. Copia el código en tu sitio.

Tema

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>

Integrar esta herramienta

Elige idioma, tema y valor inicial. Copia el código en tu sitio.

Tema

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>

Integrar esta herramienta

Elige idioma, tema y valor inicial. Copia el código en tu sitio.

Tema

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>

Integrar esta herramienta

Elige idioma, tema y valor inicial. Copia el código en tu sitio.

Tema

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>

Integrar esta herramienta

Elige idioma, tema y valor inicial. Copia el código en tu sitio.

Tema

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>

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.

Compartir