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.

📑 Menú

1. Paso 1: copia tu enlace de Koalendar.
2. Paso 2: crear y pegar el iframe
3. Solución de problemas

📋 Paso 1: copia tu enlace de Koalendar.

1. En tu panel de control de Koalendar , elige la página de reserva que deseas insertar.
2. 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
 title="Booking page powered by Koalendar"
 src="PASTE_YOUR_KOALENDAR_LINK_HERE?embed=true"
 width="100%"
 height="800px"
 frameborder="0">
</iframe>

• Por motivos de accesibilidad, mantén el título  atributo del iframe. Ayuda a los usuarios de lectores de pantalla a comprender el contenido incrustado. Puedes personalizar el título para que se adapte a tu página de reservas.
• 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

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

• Cómo añadir Koalendar a tu sitio web
• Integración avanzada de Koalendar para desarrolladores