Calculadoras para tu web

La oferta, sin letra pequeña

Un blog de nutrición que explica el IMC puede dejar la calculadora en la misma entrada. Una inmobiliaria puede poner la de hipoteca junto a cada ficha. Quien vende en Etsy o Mercado Libre puede usar la de margen de ganancia en su guía para proveedores. En los tres casos, quien te visita resuelve la cuenta sin salir de tu sitio.

• Gratis y sin registro. No hay clave de API, ni cuenta, ni plan de pago, ni límite de visitas.
• Sin publicidad dentro del marco. La página que se inserta no carga ningún anuncio: solo la calculadora y el crédito.
• Funciona en cualquier sitio. WordPress, Wix, Squarespace, Blogger, Webflow, Shopify o HTML puro: es un <iframe> corriente.
• Se adapta a la pantalla. El marco ocupa el 100 % del ancho disponible, hasta 760 px, y la calculadora se reacomoda en una columna en el celular.
• En español, con sistema métrico en las de salud y opción de cambiar a libras y pies.
• La única condición: deja el párrafo de crédito que viene con el código, con su enlace a la calculadora completa.

Ese enlace es lo que paga la cuenta. Es un enlace normal: no le ponemos nofollow. Cambia el texto o el estilo del párrafo si combina mejor con tu plantilla, pero no lo quites.

Cómo pegarlo en tu sitio

WordPress

En el editor de bloques, pulsa el +, busca el bloque HTML personalizado y pega el código dentro; la pestaña Vista previa del bloque te deja comprobarlo antes de publicar. En el editor clásico, cambia a la pestaña Texto (no Visual) antes de pegar: si no, WordPress escapa las etiquetas. En WordPress.com con plan gratuito ese bloque no existe; hace falta un plan que lo permita.

Wix

En el editor, ve a Agregar › Insertar › Insertar un código HTML, elige la opción Código y pega el fragmento. Wix mete el contenido en un elemento de tamaño fijo, así que arrastra los bordes hasta que la calculadora se vea entera, sin barra de desplazamiento: suele quedar entre 700 y 900 px de alto. El mismo camino sirve en Squarespace (bloque Code) y Webflow (elemento Embed).

HTML puro

Pega las dos líneas donde quieras que aparezca la calculadora, dentro del <body>. No hay que cargar ningún script: el <iframe> ya trae todo. El atributo loading="lazy" hace que el navegador la descargue solo cuando se acerca a la pantalla.

Qué hace el código y qué no hace

Conviene ser claro sobre lo que entra en tu sitio: insertar contenido ajeno merece desconfianza.

Es un iframe, no un script. Nada nuestro se ejecuta en el contexto de tu página: el contenido queda aislado dentro del marco, no lee ni modifica tu HTML, no toca tus cookies y no puede alterar tu diseño fuera del espacio que le reservaste.

El cálculo ocurre en el navegador de quien te visita. No hay un servidor haciendo cuentas: lo que escribe no se envía a ninguna parte ni se guarda, ni por nosotros ni por ti.

No hay publicidad dentro del marco. Las páginas para insertar se generan sin ningún código de anuncios. Además envían la cabecera X-Robots-Tag: noindex, es decir, no compiten contigo en Google: quien indexa ese contenido es tu sitio.

La altura la decides tú. El código viene con 700 px, que alcanza para casi todas. Si sobra espacio en blanco o se corta un pedazo, cambia el número. Y si prefieres automatizarlo, la página de dentro del marco le anuncia su altura a la de fuera con postMessage, en un mensaje { type: "brisktoolbox:height", height, tool }. Escucharlo es opcional:

window.addEventListener("message", function (e) {
  if (e.data && e.data.type === "brisktoolbox:height") {
    document.querySelector("iframe[src*='brisktoolbox']").height = e.data.height;
  }
});

Lo que no prometemos: no hay SLA ni aviso previo de los cambios. Las calculadoras se corrigen cuando cambian las reglas o las cifras de referencia, y la versión insertada siempre refleja la actual. Si una página cambiara de dirección, la anterior redirige a su equivalente.