Insertar una calculadora en cualquier sitio HTML
Para páginas hechas a mano, constructores de landing pages con bloques HTML personalizados y generadores estáticos. Si sabes editar HTML, tardarás un minuto.
Copia el código para insertar
Este ejemplo inserta el conversor decimal — cambia el widget por cualquiera de la lista del Centro de ayuda.
<iframe src="https://timecardcentral.com/embed/decimal/" width="100%" height="860" style="border:0;border-radius:12px" loading="lazy" title="Free calculator by TimeCard Central"></iframe>Sustituye Abre el archivo en cualquier editor y localiza el punto entre por cualquier otro widget y ajusta la altura — la lista completa está en la Centro de ayuda portada del Centro de ayuda. El único requisito es mantener el enlace de atribución dentro del marco.
<body>
Abre el archivo en cualquier editor y localiza el punto entre donde deba ir la calculadora — normalmente dentro de la columna principal de contenido. … Un editor de código mostrando una página HTML simple con el snippet iframe pegado dentro del body donde deba ir la calculadora — normalmente dentro de la columna principal de contenido. Pega el snippet ahí ①; la vista previa ② muestra lo que verán los visitantes.
Paso 2. Pegar el código y desplegar
Pega el snippet, guarda y despliega o sube el archivo como cualquier otro cambio. El widget está activo en la página ① y carga de forma diferida cuando el visitante se acerca.
Paso 3. Generadores estáticos: Hugo, Jekyll, Astro, Eleventy
El HTML crudo en archivos Markdown funciona tal cual en todos ellos. Si tu pipeline de Markdown depura iframes, mete el snippet en una plantilla de layout o un include HTML crudo ( _includes/ de Hugo, _includes/ de Jekyll) e inclúyelo desde la página.