Insertar una calculadora en Ghost
Probado en una instalación limpia de Ghost 5 con el editor Koenig. Una tarjeta, sin tocar ajustes de inyección de código.
Copia el código para insertar
Este ejemplo inserta la calculadora de horas — cambia el widget por cualquiera de la lista del Centro de ayuda.
<iframe src="https://timecardcentral.com/embed/hours/" width="100%" height="600" style="border:0;border-radius:12px" loading="lazy" title="Free calculator by TimeCard Central"></iframe>Sustituye /embed/hours/ 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.
Paso 1. Crear un post o página
En Ghost Admin, ve a Posts (or Pagesy haz clic en New post / New page, dale un título como “Hours calculator” ① y haz clic en el área de cuerpo de abajo ②.
Paso 2. Insertar una tarjeta HTML
Haz clic en el botón + ① en una línea vacía para abrir el menú de tarjetas (quizá tengas que desplazarlo) y elige HTML ②. Atajo: escribe /html y pulsa Enter.
Paso 3: Pegar el código
Pega el código en la tarjeta HTML ①. Ghost muestra una vista previa en vivo del iframe dentro del editor — si ves la calculadora ahí, se renderizará en el sitio.
Paso 4. Publicar y ver
Haz clic en el botón negro Publish en la esquina superior derecha, confirma y abre la URL pública del post. Listo — el widget está activo en la página ①.
