🚀 Cómo añadir Koalendar a tu sitio web

👉 Vea ejemplos de nuestras opciones de integración →

Permita a los visitantes reservar citas con usted sin salir de su sitio web. Koalendar ofrece varios métodos de integración rápida, sin necesidad de programación, y un SDK JavaScript avanzado para un control total. Elija la opción que mejor se adapte a su flujo de trabajo a continuación.

📖 Menú

1. ✂️ Paso 1: elige qué quieres incrustar.
2. 🔗 Paso 2: copia tu código de inserción.
3. 🌐 Guías específicas para cada plataforma
4. 🛠️ Incrustación avanzada (JavaScript)
5. 🖼️ iframe de reserva (sin JS)

✂️ Paso 1: elige qué quieres incrustar.

Koalendar puede incrustar dos tipos de contenido en tu sitio web:

💡 Consejo: ¿No sabes cómo compartir tu página pública? Sigue esta breve guía: Cómo compartir tu enlace público (lista de todas las páginas de reserva)

🔗 Paso 2: copia tu código de inserción.

1. En tu panel de control de Koalendar, haz clic en Compartir en la página de reserva que deseas promocionar:

   

2. Haga clic en Añadir al sitio web:

   

3. Selecciona el estilo de inserción que desees (en línea, widget emergente, texto emergente):

   

4. Haga clic enCopiar códigoy péguelo en el HTML de su sitio web.

Consejo: ¿Necesitas varias páginas en una sola incrustación? Crea primero una página pública y, a continuación, incrusta ese enlace.

🌐 Guías específicas para cada plataforma

La mayoría de los desarrolladores trabajan de la misma manera: pegan el código en un bloque Embed/HTML, pero tenemos tutoriales detallados para las plataformas más populares:

• WordPress
• Squarespace
• Wix
• Sitios de Google
• Shopify
• Joomla
• Unbounce
• Webflow
• Weebly
• Linktree

Si no ves tu constructor en la lista, las instrucciones generales anteriores siguen siendo válidas: solo tienes que buscar el widget HTML, Código o Insertar en tu editor.

🛠️ Incrustación avanzada (JavaScript)

¿Necesitas un activador emergente personalizado o un control programático? Incorpora nuestro fragmento de código JavaScript ligero y listo.

📚 Instrucciones completas y ejemplos de código: Incrustación avanzada de Koalendar para desarrolladores

🖼️ iframe de reserva (sin JS)

Si tu plataforma elimina el JavaScript personalizado (algunos planes gratuitos lo hacen), incrusta Koalendar con un simple <iframe> en su lugar:

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

Guía paso a paso ➡︎ Cómo incrustar Koalendar con un iframe