How to Embed Koalendar with an <iframe>

Koalendar ofrece varias opciones de inserción que utilizan JavaScript para controlar el diseño y el comportamiento. Pero si tu plataforma no es compatible con JavaScript, o solo permite contenido iframe, puedes insertar Koalendar utilizando una configuración iframe básica.

📋 Paso 1: copia tu enlace de Koalendar.

En tu panel de control de Koalendar , elige la página de reserva que deseas insertar.
Haga clic Compartir y copie el URL (por ejemplo, https://koalendar.com/e/your-page).

📝 Paso 2: crear y pegar el iframe

Pega tu enlace en la plantilla que aparece a continuación y, a continuación, añade el código HTML a tu sitio web.

<iframe src="PASTE_YOUR_KOALENDAR_LINK_HERE?embed=true" width="100%" height="800px" frameborder="0"></iframe>

Si tu enlace ya contiene un ? , sustituir ?embed=true con &embed=true .
Inserta este código en cualquier bloque HTML / Embed / Código que te ofrezca tu creador de sitios web y, a continuación, guarda o publica.

Los visitantes verán tu calendario inmediatamente, sin necesidad de scripts.

🛠️ Solución de problemas

Problema	Arreglar
No se muestra nada.	Verifique el completo `https://` La URL está intacta y publicada.
Aparecen las barras de desplazamiento.	Aumentar `altura` o añadir CSS `desbordamiento: oculto` al contenedor principal.
El constructor de páginas elimina el iframe.	Algunos planes gratuitos no permiten HTML personalizado; comprueba las limitaciones de tu plataforma.

¿Buscas más estilos de incrustación, como Popup Widget o Popup Text/Button, o parámetros avanzados? Comprueba: