Cómo integrar Koalendar en Joomla
Puedes añadir fácilmente tu página de reservas de Koalendar a tu sitio web Joomla para que los visitantes puedan reservar una cita contigo sin salir de tu sitio.
Hay tres formas de integrar tu calendario de reservas:
- 💻 Incrustación en línea: muestra tu calendario directamente en la página.
- 📍 Widget emergente: añade un botón permanente «Reservar ahora» en la esquina de tu sitio web.
- 🔗 Ventana emergente al hacer clic: abre tu calendario cuando alguien haga clic en un enlace o botón.
Todas las opciones son totalmente compatibles cuando se utilizan las opciones HTML personalizadas de Joomla.
📑 Menú
- 📋 Paso 1: copia tu código de inserción.
- 📝 Paso 2: pégalo en Joomla.
- 🛠️ Solución de problemas
- 🤔 ¿Qué estilo de incrustación deberías utilizar?
📋 Paso 1: copia tu código de inserción.
- En el panel de control de Koalendar, haz clic en Compartir en la página de reserva que deseas añadir.
- Selecciona Añadir al sitio web.
- Elige un estilo de inserción (Inserción en línea, Widget emergente, Texto emergente) y haz clic en Copiar código.
| Estilo incrustado | Qué hace |
|---|---|
| Inline Embed 🖥️ | Muestra el calendario de reservas directamente en una página. |
| Widget emergente 📍 | Añade un botón flotante «Reservar ahora» que abre una ventana emergente con el calendario. |
| Texto emergente 🔗 | Convierte cualquier enlace o botón en un calendario emergente. |
💡 No dudes en personalizar los colores, el texto, el icono y la posición antes de copiar el código.
📝 Paso 2: pégalo en Joomla.
Opción A: módulo HTML personalizado (recomendado)
- En el panel de administración de Joomla, vaya aExtensiones → Módulos → Nuevo → Personalizado (HTML).
- Elija una posición y configure Mostrar título según sea necesario.
- Select the Code or Tools button (<>) and paste your Koalendar code.
- Guardar y publicar: ¡tu calendario (o botón) ya está activo!
Opción B: directamente en un artículo.
- Contenido → Artículos → editar o crear un artículo.
- Haga clic en el Código (
<>) en la barra de herramientas del editor. - Pega el código de Koalendar donde quieras que aparezca.
- Guardar y vista previa.
⚠️ ¿Ha desaparecido la incrustación? Ir a Sistema → Configuración global → Filtros de texto y configura tu grupo de usuarios en Sin filtradoEsto evita que Joomla elimine
<iframe>y<script>etiquetas.
🛠️ Solución de problemas
| Problema | Solución rápida |
| El elemento incrustado no se muestra. | Confirme que los filtros de texto están desactivados para su grupo de usuarios. |
| El enlace se muestra, pero no aparece ninguna ventana emergente. | Asegúrate de que el script de Koalendar sigue presente en el código fuente de la página. |
| Widget en cada página | Coloque el código en un módulo asignado solo a páginas específicas. |
| Cambios no visibles | Borra las cachés de Joomla y del navegador después de las actualizaciones. |
🤔 ¿Qué estilo de incrustación deberías utilizar?
| Objetivo | El mejor estilo |
| Sección dedicada a las reservas | Inline Embed 🖥️ |
| Llamada a la acción en todo el sitio web | Widget emergente 📍 |
| Añadir programación a una CTA existente | Texto emergente/Botón 🔗 |
| El enfoque más sencillo | Enlace directo ↗️ |
Combina estilos de diferentes páginas si eso ayuda a los usuarios a reservar más rápido.