Cuando tienes tu propio sitio web, quieres que tus clientes actuales y potenciales tengan la oportunidad de contactarte en el modo más simple y fluido posible, dándoles también la posibilidad de planificar reuniones contigo y con los miembros de tu equipo. Con el widget de contacto del Complemento reuniones clientes, los visitantes de tu página web podrán programar en tu calendario una cita en el horario que más les convenga y en función de tu propia disponibilidad.


Para lograrlo, no es necesario incorporar en tu sitio web toda la página de reservas o un hipervínculo en el texto, pues basta crear un botón de reservas con tu diseño y estilo, copiar el widget y pegarlo en tu sitio web. El proceso es realmente rápido, lo que te permitirá concentrarte en los resultados: atraer clientes. Lee más al respecto aquí.


En este artículo trataremos estos aspectos:

  1. Crear un nuevo widget de contacto
    1. Diseñar el botón
    2. Configurar el comportamiento del botón
    3. Enlazar la página de reservas
    4. Guardar el widget de contacto
  2. Vista general del widget de contacto
  3. Incorporar el widget en tu sitio web

1. Crear un nuevo widget de contacto

Para crear un widget de contacto, dirígete a Widgets de contacto en la barra lateral. Si es la primera vez que creas un widget de contacto, accederás a la página de información general. Haz clic en empezar para continuar.


La creación de un widget de contacto consta de 4 partes:

  1. Diseñar el botón
  2. Configurar el comportamiento del botón
  3. Enlazar la página de reservas
  4. Guardar el widget de contacto

a. Diseñar el botón

Por defecto, el widget de contacto tendrá los colores y el icono estándar del Complemento reuniones clientes y el texto Reservar una reunión. Puedes editar todas las opciones* para tener un botón más personalizado.


*Únicamente los usuarios del paquete Beyond del Complemento reuniones clientes, pueden cambiar el color y el texto del botón del widget de contacto.


Puedes modificar tanto el color como el texto del botón, seleccionando un código de color hexadecimal i haciendo clic en la casilla para elegir manualmente un color.


El texto del botón también puede modificarse y permite un máximo de 30 caracteres.


Además de los colores y texto, los botones de los widgets de contacto pueden incluir un icono. Al respecto tienes varias opciones: desactivarlo, usar el icono predeterminado o personalizarlo.


  • Haz clic en el deslizador para desactivarlo y repite la operación para activarlo nuevamente.
  • Haz clic en Subir icono... y selecciona tu logo o el icono de tu preferencia. Los archivos compatibles son JPG o PNG



  • Haz clic en Borrar icono para eliminar el elemento seleccionado


Cualquier cambio realizado será visible de manera inmediata en la vista previa disponible en la parte izquierda:


b. Configurar el comportamiento del botón

Al configurar el comportamiento del botón, defines lo que debe suceder cuando un cliente que visita tu sitio web hace clic en el botón. Puedes seleccionar una de estas dos opciones:

  • Abrir una ventana emergente en la misma pestaña del navegador
  • Abrir en una nueva pestaña del navegador


c. Enlazar la página de reservas

En este paso puedes seleccionar que página de reserva o tipo de cita estará vinculada al widget específico. Para que esto sea posible, tu calendario debe estar conectado. 


Si tu calendario no está conectado, verás el botón Conecta tu calendario. Haz clic y conecta tu calendario para continuar.



Si tu calendario está conectado podrás seleccionar: 

  1. La página de reservas del equipo
  2. Páginas personales de reserva
  3. Tipos de cita personales y de equipo


Haz clic en la página de reservas o en el tipo de cita que quieres enlazar con el widget. Este parámetro será visible en el campo correspondiente.


d. Guardar el widget de contacto

Haz clic en Guardar para salvar el widget de contacto y pasar a la vista general. Si estás editando un widget de contacto ya existente, haz clic en Actualizar para guardar los cambios. 



2. Vista general del widget de contacto

En la página del widget de contacto, visualizarás un resumen de todos tus widgets de contacto. En la esquina superior derecha puedes hacer clic en Crear un widget si deseas añadir uno nuevo.


Ahora puedes Eliminar y Modificar los widgets. O Copiar el código y añadir el widget a tu sitio web (véase más abajo).


Para eliminar un widget, haz clic el icono de la papelera situado en la esquina superior derecha del widget. Confirma la acción haciendo clic en Eliminar en la ventana emergente.



Para modificar un widget, haz clic en el icono en forma de lápiz. Una vez hayas realizado los cambios, haz clic en Actualizar para guardar las modificaciones. Estas se visualizarán en la vista general del widget.




3. Incorporar el widget en tu sitio web

Ha llegado el momento de incorporar el widget en tu sitio web. Cada widget tiene su propio código, que puedes enviar a tu webmaster o incorporar tu mismo en tu sitio web.


Para obtener información adicional sobre la incorporación del widget en tu sitio web, haz clic en el tooltip debajo del bloque del código o échale un vistazo a este enlace. Asegúrate de consultar el artículo de ayuda si tienes un sitio web WIX, Webflow o Wordpress.com.