Cómo añadir Calendly a tu sitio web
Actualizado 20 de marzo de 2026·2 min de lectura
Respuesta rápida
To add Calendly to your website:
- Go to the Scheduling page, optionally open the My Calendly dropdown to switch users or teams, then select the ... (three dots) on the page or event card and choose Add to website.
- Choose Landing page embed or Booking page embed, pick an embed type (Inline embed, Popup widget, or Popup text), and select Continue.
- (Optional) Adjust embed options (hide photo, hide event details, remove the cookie banner, or customize colors) and select Copy Code.
- Paste the copied code into your website’s HTML or follow the provider-specific instructions for Wix, Squarespace, Shopify, WordPress, or another platform.
¿Te resultó útil?
Disponible para todos los usuarios en todos planes.Ver planes
Puedes incrustar tu página de Calendly para que los visitantes programen una cita sin abandonar tu sitio.
Paso 1: Elegir lo que deseas insertar
Calendly ofrece dos opciones de integración:
- Incrustación en la página de destino: muestra todos los tipos de evento personales o de equipo activos.
- Dirígete a la página de programación.
- (Opcional) Abre el menú desplegable Mi Calendly para cambiar a otro usuario o página del equipo.
- Selecciona los
tres puntos en la esquina superior derecha y luego selecciona Agregar al sitio web. - Integración de página de reserva: muestra solo un tipo de evento.
- Dirígete a la página de programación.
- (Opcional) Abre el menú desplegable Mi Calendly para cambiar a otro usuario o página del equipo.
- Busca el tipo de evento, selecciona los
tres puntos en la tarjeta de evento y selecciona Agregar al sitio web.
Paso 2: Copiar el código de inserción
Elige cómo deseas que aparezca Calendly en tu sitio:
- Inserción en línea: aparece directamente en tu página.
- Widget emergente: añade un botón flotante para abrir la página de programación.
- Texto emergente: añade un enlace en el que se puede hacer clic para abrir la página de programación.
Después:
- Selecciona Continuar.
- (Opcional) Cambia la configuración:
- Ocultar tu foto
- Ocultar detalles del evento
- Eliminar el banner de cookies
- Personalizar colores (función de pago)
- Selecciona Copiar código.
Pega el código en el HTML de tu sitio web.
Paso 3: Elegir el proveedor de tu sitio web
Elige tu proveedor para pasos de incrustación específicos:
¿Necesitas más ayuda?
Consulta estos recursos útiles:
¿Le fue útil este artículo?
Avísenos para que podamos mejorar nuestro contenido.