Base de conocimiento

Obtén hosting web experto

Elija la fiabilidad del sitio web y el conocimiento con SiteGround!

Inicio / Website Builder / Formulario de Contacto / Cómo integrar Calendly con SiteGround Website Builder y Ecommerce

Cómo integrar Calendly con SiteGround Website Builder y Ecommerce

Lee y resume el articulo:
Última actualización: May 27, 2026 1 min de lectura

Calendly permite a tus visitantes programar fácilmente reuniones, consultas o citas directamente desde tu sitio web.

Con SiteGround Website Builder y Ecommerce, puedes integrar rápidamente Calendly en cualquier página:

  • añadiendo una sección prediseñada de Calendly
  • añadiendo un componente de Calendly

NOTA: Para usar esta función, necesitas tener una cuenta de Calendly y al menos un evento creado en tu panel de control de Calendly.

Cómo añadir una sección de Calendly

Sigue los pasos a continuación para añadir tu sección de reservas de Calendly:

  1. Ve a Site Admin > Website Builder, y pulsa Editar sitio web.
    Edit Website button in Site Admin of Website Builder
  2. Ve a Páginas y elige la página donde quieres que aparezca la opción de reserva.
  3. Haz clic en el botón Añadir sección.
    Pages section in Website Builder with a selected page displaying the Add Section button
  4. En la ventana emergente, ve a la categoría Calendly y coloca el cursor sobre el diseño de sección de Calendly elegido. Pulsa el botón Añadir sección para añadirlo a la página.
    A pop-up window for adding a section with a selected Calendly section layout
  5. Una vez añadida la sección, haz clic en el calendario de Calendly y selecciona el icono del lápiz (Editar) en la barra de herramientas superior.
  6. En la ventana emergente que aparece a la derecha del calendario, introduce la dirección del enlace del evento de Calendly. Esto integrará tu calendario de citas directamente en tu sitio web.
    A page in Website Builder with a selected Calendly component displaying editing options

    NOTA: Un enlace correcto debe tener este formato: https://calendly.com/usuario/nombre-evento

  7. Para editar la apariencia de la sección, coloca el cursor sobre ella y pulsa el icono Editar sección (lápiz) de la barra de herramientas en la esquina superior derecha.
    Edit Section button in the toolbar of a Calendly section
  8. En la ventana de configuración, abre la pestaña General para cambiar el tamaño del espacio de la cuadrícula y el relleno. Abre la pestaña Diseño para cambiar la paleta de colores o establecer una imagen de fondo.
    Calendly section in Website Builder displaying its editing options

Cómo añadir un componente de Calendly

También puedes añadir un componente de Calendly a una sección existente. Sigue estos pasos:

  1. Abre la pestaña Páginas, selecciona una página y navega hasta la sección donde añadirás el componente.
    Pages section in Website Builder with a selected page
  2. Haz clic en el botón Añadir en la esquina superior izquierda de la sección.
    A Website Builder page with a selected section displaying the Add button for adding a component
  3. En el menú Añadir componente, selecciona el componente Calendly.
    Add Component menu with a selected Calendly component
  4. Arrastra y suelta el componente en la posición deseada de la cuadrícula de la sección.
    A section's grid area where you can drag and drop a Calendly component
  5. Haz clic en el componente y selecciona el icono del lápiz (Editar) en la barra de herramientas superior.
  6. En la ventana emergente de la derecha, introduce la dirección del enlace del evento de Calendly.
    Selected Calendly component showing the settings window to add a Calendly link



    NOTA: Un enlace correcto debe tener este formato: https://calendly.com/usuario/nombre-evento

Comparte este artículo