Calendly ofrece varias opciones de inserción que utilizan JavaScript para controlar el diseño y el comportamiento. Pero si tu plataforma no admite JavaScript o solo permite contenido de iframe, aún puedes insertar Calendly mediante una configuración básica de iframe.
Esta guía explica cuándo usar la opción iframe, cómo configurarla y qué limitaciones esperar.
Cuándo usar un iframe
Elige la inserción de iframe si:
- Tu creador de sitios web no admite JavaScript
- Estás integrando Calendly en una plataforma que bloquea los scripts (como algunas herramientas de CMS o vistas previas por email)
- Solo necesitas una experiencia de reserva simple, sin seguimiento ni personalización
Consejo: para obtener más funciones como el control del diseño, las invitaciones con rellenado previo y el seguimiento de eventos, utiliza las opciones de inserción de JavaScript de Calendly.
Configurar una inserción de iframe
Puede utilizar cualquier enlace de programación de Calendly dentro de un iframe. Este es el formato básico:
</iframe
src="https://calendly.com/TU_ENLACE_DE_PROGRAMACION"
style="width: 100%; min-width: 320px; height: 700px;"
frameborder="0">
</iframe>Reemplaza TU_ENLACE_DE_PROGRAMACION por el enlace real.
Ejemplo:
</iframe
src="https://calendly.com/jane-doe/30min"
style="width: 100%; min-width: 320px; height: 700px;"
frameborder="0">
</iframe>Consejos de diseño
- Establece min-width: 320 px para compatibilidad con dispositivos móviles
- Utiliza al menos height: 700px para evitar barras de desplazamiento
- Ajusta el ancho o el ancho máximo para que coincida con tu diseño
Lo que no pueden hacer las inserciones solo de iframe
Sin JavaScript, la inserción es más limitada. No podrás hacer lo siguiente:
- Rellenar previamente el nombre o el email del invitado
- Rastrear eventos como reservas
- Ajustar el tamaño del widget automáticamente
- Ocultar imágenes de perfil o el banner de cookies
Algunas funciones requieren JavaScript para funcionar correctamente.
¿Necesitas más control?
Si tu plataforma lo permite, cambia a las opciones avanzadas de inserción de Calendly. Estos te permiten:
- Rellenar previamente los detalles del invitado
- Ajustar automáticamente la altura del widget
- Rastrear eventos y parámetros UTM
- Personalizar colores, estilos y etiquetas
Más información sobre las opciones avanzadas de inserción de Calendly.