Centro de ayuda

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:

  1. 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.
  2. Choose Landing page embed or Booking page embed, pick an embed type (Inline embed, Popup widget, or Popup text), and select Continue.
  3. (Optional) Adjust embed options (hide photo, hide event details, remove the cookie banner, or customize colors) and select Copy Code.
  4. Paste the copied code into your website’s HTML or follow the provider-specific instructions for Wix, Squarespace, Shopify, WordPress, or another platform.
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.
    1. Dirígete a la página de programación.
    2. (Opcional) Abre el menú desplegable Mi Calendly para cambiar a otro usuario o página del equipo.
    3. Selecciona los 33963417195927 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.
    1. Dirígete a la página de programación.
    2. (Opcional) Abre el menú desplegable Mi Calendly para cambiar a otro usuario o página del equipo.
    3. Busca el tipo de evento, selecciona los 33963417195927 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:

Después:

  1. Selecciona Continuar.
  2. (Opcional) Cambia la configuración:
    • Ocultar tu foto
    • Ocultar detalles del evento
    • Eliminar el banner de cookies
    • Personalizar colores (función de pago)
  3. 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.
Artículos relacionados
Menú
Artículos populares