Calendly es una conocida herramienta que sirve para programar de manera sencilla y eficaz. Además, es muy útil si quieres que tus visitantes reserven directamente en tu sitio una determinada franja horaria en el calendario para reuniones en línea o presenciales. Además, se integra con tu calendario personal para evitar que faltes a alguna cita o que se dupliquen las reuniones.
Calendly se ofrece tanto en versión gratuita como de pago para que puedas utilizar cualquiera de ellas en tu sitio web según las funciones que necesites.
Esta función está disponible en sitios con nuestros planes Explorer, Creator y Entrepreneur de WordPress.com, y el plan Pro heredado. Para los sitios con los planes gratuito y Starter, mejora tu plan para acceder a esta función.
En esta guía
Para empezar a utilizar el bloque Calendly, necesitarás una cuenta de Calendly. Si aún no tienes una, regístrate aquí.
Puedes añadir el bloque Calendly a cualquier página o entrada de tu sitio de WordPress.com. Haz clic en el icono del insertador de bloques (+) y busca Calendly.
También puedes escribir /calendly en una nueva línea y pulsar la tecla Intro.
Una vez que hayas añadido el bloque, aparecerá un cuadro para añadir el enlace de Calendly. Para conseguir el enlace, sigue estos pasos:
- Accede a tu cuenta de Calendly.
- Haz clic en el botón azul situado en la esquina superior derecha para ir a Mi cuenta.
- En la página de eventos que se abrirá, haz clic en el botón Copiar enlace situado en la parte inferior izquierda del evento que quieres incrustar en tu sitio, como se muestra a continuación:
- Vuelve a tu sitio y pega este enlace en el bloque Calendly que has añadido como se indica más arriba.
Puedes personalizar varios aspectos del bloque Calendly desde dos ubicaciones diferentes:
- Tucuenta de Calendly
- Tu propio sitio
Esto es importante ya que, en función del aspecto que quieras personalizar, deberás hacer los cambios en la cuenta de Calendly o en los ajustes del bloque (en tu sitio).
Calendly se puede mostrar en una entrada o página como un calendario completo, botón o ventana emergente.
- Como calendario integrado o botón
- Dirígete a tu cuenta de Calendly.
- Haz clic en el botón azul Copiar enlace.
- Ve a tu página o entrada.
- Inserta el bloque Calendly como se indica más arriba.
- Pega el enlace en el bloque.
- Haz clic en Incrustar.
Puedes elegir entre dos modos (Calendario integrado y Botón) mediante las opciones Estilo situadas en el menú contextual del bloque, en la parte superior:
o en el panel de la derecha:
2. Como botón flotante
Esta sección de la guía se aplica a los sitios con los planes Creator y Entrepreneur de WordPress.com, y el plan Pro heredado. Para los sitios con los planes gratuito, Starter y Explorer, mejora tu plan para acceder a esta función.
- Dirígete a tu cuenta de Calendly.
- Haz clic en el botón azul Compartir.
- Haz clic en la pestaña Añadir al sitio web.
- Elige la ventana emergente Widget y haz clic en Continuar.
- Haz clic en el botón Copiar código.
- Ve a Apariencia → Widgets y elige cualquier área de widget.
- Inserta el bloque HTML personalizado.
- Pega el código en el bloque y haz clic en Actualizar, en la esquina superior derecha.
De esta forma, el botón flotante se mostrará en todas las páginas. Para que el botón flotante aparezca únicamente en determinadas páginas, puedes añadirlo en la parte inferior de la página o entrada de la manera siguiente:
- Haz clic en los 3 puntos de la parte superior derecha de la entrada o página.
- Elige el editor de código.
- Desplázate hasta la parte inferior del área de la entrada.
- Añade el código que has recogido de Calendly al final de la entrada o página, después de la última línea de código.
- Vuelve a hacer clic en los tres puntos y selecciona de nuevo el editor visual.
- Publica o actualiza la página.
El botón flotante aparecerá en la esquina inferior izquierda de la pantalla y se desplazará según te vayas desplazando tú.
Para mover el bloque Calendly hacia arriba o hacia abajo en una entrada o página, utiliza las flechas del menú contextual situadas en la parte superior del bloque:
Para alinear el bloque Calendly sigue estos pasos: al añadir el bloque Calendly integrado (quedará incrustado en la página, ya sea como calendario completo o botón), puedes alinearlo en la página o contenedor al que lo hayas añadido.
Nota: La posición del widget flotante no se puede cambiar a través de los ajustes.
Para modificar el aspecto de la incrustación de Calendly (como el estilo, color, forma, tamaño), ya sea un calendario integrado, botón o ventana emergente, sigue estos pasos:
- Dirígete a tu cuenta de Calendly y elige el calendario que quieres editar.
- Haz clic en Compartir y, después, elige Añadir al sitio web → Incrustar calendario integrado → Continuar.
- En el lado izquierdo, puedes editar el color de fondo, del texto, del botón y del enlace.
- Vuelve a copiar el código e incrústalo como se indica más arriba.
También puedes cambiar el color del botón de Calendly en el panel lateral derecho. Para ello, tienes estas opciones:
- Estilo: permite definir si el botón se mostrará con el fondo relleno o solo el contorno.
- Color: permite elegir los colores que quieres utilizar para el texto y el fondo del botón.
- También puedes personalizar la fuente (negrita, cursiva, etc.) mediante el menú contextual de la parte superior del bloque.
- Si quieres combinar dos colores en el botón, puedes usar la opción Degradado, como se muestra en este ejemplo:
- Forma: permite modificar la forma del botón a través de los controles de radio del borde:
- Tamaño: permite cambiar el tamaño del botón al elegir una de las opciones de los ajustes de ancho del botón.