Si tu inserción de Calendly no funciona como se espera, esta guía puede ayudarte. A continuación se muestran problemas comunes y cómo solucionarlos.
Solucione problemas de desplazamiento y carga de imágenes
Si tu página no se desplazará o las imágenes no se cargarán, es posible que los estilos de inserción de Calendly estén en conflicto con el diseño de tu sitio web.
Prueba esta solución de CSS:
body {
overflow: unset ! important;
}¿Utilizas Squarespace?
Añade también:
.site-wrapper {
height: auto;
}Estos cambios permiten que tu página se desplace normalmente y evite conflictos de diseño, especialmente si la plantilla de tu sitio anula la configuración de altura de Calendly.
Evita que los bloqueadores de anuncios oculten inserciones
Las extensiones del navegador pueden bloquear las inserciones de Calendly. Para ayudar a los visitantes:
- Muestra un mensaje como:
"Desactiva tu bloqueador de anuncios para ver este calendario". - Añade un botón de reserva que abra la página de programación en una nueva pestaña.
Corregir los menús desplegables en dispositivos móviles
Los menús desplegables en las inserciones se pueden abrir fuera de la pantalla en dispositivos móviles. Prueba estas soluciones:
- Utiliza una altura de inserción más corta
- Reemplaza los menús desplegables con botones de radio (para listas cortas)
- Cambia a una inserción emergente, que se adapta mejor en móviles
Ajusta el diseño en función del ancho del contenedor
El diseño de Calendly responde al ancho de su contenedor.
- Para mostrar un diseño lado a lado: establece el ancho en 1000px o más
- Para cambiar al diseño apilado: reduce el ancho por debajo de 650px
Aprende a controlar el diseño y el tamaño de la inserción
Centra tu inserción en el móvil
Si tu inserción aparece descentrada en el móvil:
- Asegúrate de que el contenedor tenga al menos 320 px de ancho
- Elimina el relleno o los márgenes adicionales alrededor de la inserción
Corregir las inserciones que aparecen en la parte inferior de la página
Si utilizas HubSpot, Marketo o herramientas similares y tu inserción aparece en el lugar incorrecto, verifica que se incluya esta hoja de estilos:
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">Sin él, los estilos pueden deshacerse y empujar la inserción hacia abajo.
La inserción no funciona después de cambiar el enlace de Calendly.
¿Estás viendo un error "calendly.com se negó a conectar"? Es posible que tu inserción utilice un enlace antiguo o incorrecto. Arréglalo antes de:
- Generar un nuevo código de inserción en Calendly
- Reemplazar el código antiguo en tu sitio
O inspeccionar el enlace utilizando ⌘⌥I (Mac) o hacer clic con el botón derecho > Inspeccionar y actualizar manualmente.
Eliminar barras de desplazamiento adicionales
Consulta esta guía: Elimina el desplazamiento de inserción.
Consejo: utiliza "Inspeccionar" en tu navegador para probar diferentes alturas de inserción.
Problemas específicos del creador de sitios web
Si tienes algún problema con creadores de sitios web específicos, consulta nuestros recursos vinculados.
- Squarespace: insertar no aparece en el editor
- Shopify - El botón para cerrar la ventana emergente no aparece
- Wordpress: la inserción no funciona en Elementor
¿Necesitas ayuda? ¡Estamos aquí para ayudarte!
Todas las suscripciones de pago incluyen el soporte estándar de Calendly. Sin embargo, solo los propietarios y administradores autorizados de tu empresa pueden realizar determinadas solicitudes de cuenta. Inicia sesión en Calendly y dirígete a la sección de Ayuda, donde puedes:
- Explore nuestro Centro de ayuda.
- Unirte a nuestra Comunidad de Calendly para buscar, compartir y conectar con otros usuarios de Calendly.
- Chatea con nosotros para recibir ayuda en tiempo real.