Cómo integrar Koalendar en Weebly
Permita a los visitantes reservar citas con usted directamente desde cualquier sitio web de Weebly. No se necesita ningún complemento: solo tiene que copiar el código de inserción de Koalendar y pegarlo en el constructor de arrastrar y soltar de Weebly.
📑 Menú
- Paso 1: copia tu código de Koalendar.
- Paso 2: pégalo en Weebly.
- Solución de problemas
- ¿Qué estilo debería elegir?
📋 Paso 1: copia tu código de Koalendar.
- En el panel de control de Koalendar, haz clic en Compartir junto a la página de reservas que deseas incluir en tu sitio web.
- Seleccione Añadir al sitio web.
- Selecciona un estilo de inserción y haz clic en Copiar código.
| Estilo incrustado | Experiencia del visitante |
|---|---|
| Inline Embed 🖥️ | El calendario completo aparece directamente en la página. |
| Widget emergente 📍 | El botón adhesivo abre una ventana emergente con el calendario. |
| Texto emergente 🔗 | Cualquier enlace o botón abre un calendario emergente. |
🎨 Consejo: Personaliza los colores, el texto y la posición antes de copiar para que coincida con tu tema de Weebly.
📝 Paso 2: pégalo en Weebly.
Incrustar en línea o texto/botón emergente
- En el editor de Weebly, arrastra un elemento Código incrustado al lugar donde quieras colocar el calendario (o el enlace de activación).
- Haga clic en Editar HTML personalizado.
- Pega tu código Koalendar.
- Publique su sitio para verlo en vivo (los scripts no se ejecutan en la vista previa de Weebly).
Widget emergente (botón flotante en todo el sitio)
- En Weebly, ve a Configuración → SEO → Código del pie de página.
- Pega el script del widget Koalendar que has copiado.
- Guardar y publicar.
- El botón flotante ahora aparece en todas las páginas que utilizan esta plantilla.
📝 ¿Necesitas el widget solo en páginas específicas? Pega el script en un elemento de código incrustado en la página deseada en lugar de en el pie de página global.
🛠️ Solución de problemas
| Problema | Solución rápida |
| Falta el calendario o el widget en la vista previa. | Publicar el sitio: Weebly desactiva los scripts de terceros en el modo de vista previa. |
| El botón flotante no se muestra. | Confirma que el script se ha guardado en el código del pie de página (o en el elemento Código de inserción de la página) y que lo has vuelto a publicar. |
| Aparece el enlace de activación de Lightbox, pero no se abre. | Asegúrate de que tanto el fragmento de código del disparador como el script de Koalendar estén en la misma página. |
| El calendario en línea parece demasiado alto/bajo. | Ajuste la altura del elemento del código de inserción o establezca una altura fija en Koalendar antes de copiarlo. |
🤔 ¿Qué estilo debería elegir?
| Objetivo | El mejor estilo |
| Sección dedicada a las reservas en una página de destino. | Inline Embed 🖥️ |
| Llamada a la acción en todo el sitio web | Widget emergente 📍 |
| Añadir programación a un botón o enlace existente | Texto emergente 🔗 |
| El enlace externo más rápido | Enlace directo ↗️ |