Configure una integración de Google Calendar con Plugin Bookly de WordPress

¿Utiliza el plugin Bookly de WordPress para gestionar reservas y citas en su sitio web? ¿Quieres sincronizar todas las reservas y citas realizadas mediante el plugin para sincronizarlas automáticamente con tu Google Calendar?

Si es así, ¡has venido al lugar correcto!

Aquí hemos preparado un tutorial completo y detallado sobre todo lo que necesita saber sobre cómo configurar la integración de Google Calendar con el plugin Bookly de WordPress.

Descargo de responsabilidad : debe utilizar el plugin Bookly Pro plugin gratuito Bookly . La versión gratuita, aunque es excelente simplemente para configurar un sistema de reservas básico, carece de muchas de las funciones avanzadas de calidad de vida, como la compatibilidad con la integración de Google.

Entonces, sin más preámbulos, comencemos:

Tabla de contenido

Diferentes métodos de sincronización de Google Calendar disponibles en Bookly

El plugin Bookly Pro de WordPress le presenta tres métodos de sincronización de Google Calendar: sincronización unidireccional, solo interfaz bidireccional y sincronización bidireccional adecuada.

A continuación se muestra lo que hacen estos métodos:

Sincronización unidireccional

Si elige este método de sincronización, el plugin enviará automáticamente todas las citas nuevas, incluidos los campos personalizados y cualquier otro ajuste realizado en Bookly Calendar, directamente al Google Calendar conectado, pero no al revés.

Esto es útil cuando desea que su Google Calendar se mantenga actualizado con su Bookly Calendar, pero también necesita realizar ajustes libremente en su Google Calendar sin que afecte su Bookly Calendar.

Solo front-end bidireccional

Con este método de sincronización, el plugin obtendrá automáticamente datos de eventos del Calendario de Google conectado y luego eliminará los intervalos de tiempo correspondientes del Booking Calendar durante el paso "Seleccionar intervalo de tiempo" para programar una cita.

Como tal, al tener esta opción habilitada, puedes estar seguro de que ninguna de tus citas de Bookly compite con tus eventos de Google Calendar.

Dicho esto, tenga en cuenta que este método no copiará ni mostrará los eventos de Google Calendar en Bookly Calendar. Para hacer eso, necesita el siguiente método de sincronización.

Nota : Se necesita algo de tiempo para sincronizar las citas entre Google Calendar y Bookly Calendar. Como tal, esta opción aumentará el tiempo de carga para el paso "Seleccionar intervalo de tiempo". Para solucionar este problema, limite la cantidad de eventos recuperados relacionados con esta opción.

Sincronización bidireccional

Este es un método de sincronización bidireccional adecuado en el que todas las reservas creadas y actualizadas en Bookly Calendar se reflejan automáticamente en el Google Calendar conectado y viceversa.

Sin embargo, esta función no es compatible con el plugin . Para ello, necesita el complemento adicional: Calendario avanzado de Google para Bookly . Y eso no es todo: también necesitarás preconfigurar Google Calendar antes de habilitar esta configuración.

Tenemos una sección detallada sobre cómo configurar la sincronización bidireccional en una sección posterior.

Encuentre su ID de cliente de Google y su secreto de cliente

El plugin Bookly requiere que ingrese su ID de cliente de Google y su secreto de cliente para poder integrar Bookly Calendar con su Google Calendar.

Para hacer esto, deberá dirigirse a Google Developer Console e iniciar sesión con su cuenta. Una vez allí, seleccione un proyecto existente o cree un proyecto nuevo.

Si es la primera vez que utiliza Google Developer Console, verá una opción para CREAR PROYECTO como se muestra en la imagen a continuación.

Haga clic en él y le pedirá que ingrese un "Nombre del proyecto" y una "Organización o carpeta principal" para el proyecto. Una vez hecho esto, haga clic en "Crear" y se creará su nuevo proyecto.

Luego será dirigido a la siguiente pantalla:

A continuación, deberá asegurarse de que la API de Google Calendar esté habilitada. Para hacer esto, dirígete a la sección Biblioteca como se indica en la imagen. Ahora escriba "Calendario" en el cuadro de búsqueda como se muestra en la imagen y haga clic en la API de Google Calendar como se resalta en la imagen.

Esto lo llevará a la siguiente pantalla donde deberá hacer clic en el botón “HABILITAR” y listo.

Con la API de Google Calendar habilitada para su proyecto, regrese a la API y servicios y ahora vaya a la "pantalla de consentimiento de OAuth".

La siguiente pantalla le pedirá que seleccione su usuario objetivo.

Hay dos opciones:

  • Interno : Disponible para usuarios dentro de su organización. (Solo disponible para usuarios con una de Workspace ).
  • Externo : Disponible para cualquier usuario con una cuenta de Google.

Para este proyecto, nuestro tipo de usuario objetivo será Interno (también puede seleccionar Externo si no tiene una cuenta de Workspace). Después de seleccionar eso, haga clic en CREAR . Esto lo llevará a la siguiente pantalla:

Simplemente complete el Nombre de la aplicación , Correo electrónico , desplácese hacia abajo y agregue un dominio autorizado haciendo clic en el +AGREGAR DOMINIO . Una vez hecho esto, presione GUARDAR Y CONTINUAR en la parte inferior de la página.

Ahora que eso está fuera del camino, use la barra lateral izquierda y diríjase a la Credenciales .

Desde aquí, haga clic en el + CREAR CREDENCIALES como se muestra en la imagen y, en las opciones desplegables, haga clic en ID de cliente de OAuth .

En la siguiente pantalla, deberá seleccionar un tipo de aplicación en un menú desplegable.

Elija "Aplicación web" y luego escriba un nombre para el Cliente OAuth. Y finalmente, desplácese hacia abajo y agregue un URI de redireccionamiento autorizado.

Este debería ser el URI de redireccionamiento proporcionado dentro de la sección Bookly > Configuración > Google Calendar en su sitio web de WordPress.

Después de ingresar el URI de redireccionamiento de Bookly en la sección URI de redireccionamiento autorizado, haga clic en Crear y aparecerá una ventana emergente que muestra su ID de cliente y su secreto de cliente .

Y eso es todo, ha creado con éxito un ID de cliente y un secreto de cliente de Google. Ahora regresemos a su sitio web de WordPress e integremos Google Calendar con su Bookly Calendar.

Nota : Los eventos "Todo el día" creados en Google Calendar están configurados como "Gratis" de forma predeterminada. Por lo tanto, si desea que ese día no esté disponible en Bookly Calendar, recuerde cambiar el estado a "Ocupado". De lo contrario, Bookly Calendar mostrará el día disponible para citas.

Conecte Google Calendar con Bookly Calendar

Ahora que tiene su ID de cliente de Google y su secreto de cliente, inicie sesión en su panel de WordPress y diríjase a Bookly > Configuración > Google Calendar . Una vez allí, desplácese hacia abajo e ingrese la ID del cliente y el Secreto en los campos designados.

Una vez hecho esto, seleccione el modo de sincronización preferido.

Como puede ver en la imagen de arriba, solo hay dos opciones para elegir: “Unidireccional” y “Solo frontal bidireccional”. Habilitar la sincronización "bidireccional" adecuada es un poco complicado, por lo que lo analizamos exclusivamente en una sección posterior.

Si no necesita sincronización "bidireccional", seleccione uno de los dos métodos de sincronización disponibles y desplácese hacia abajo.

En la sección siguiente encontrará las secciones “Plantilla para título de evento” y “Plantilla para descripción de evento”.

Estas opciones le permitirán configurar lo que aparece como título y descripción del evento para el evento de Google Calendar que se sincroniza desde Bookly Calendar.

Aquí hay una guía detallada que le muestra qué códigos usar para personalizar las entradas de Google Calendar .

Una vez hecho esto, presione el Guardar y Google Calendar se integrará con su Bookly Calendar. Todo lo que queda ahora es conectarse a su Google Calendar.

Para hacer esto, dirígete a Bookly > Miembros del personal en la barra lateral izquierda. Desde aquí, elija un miembro del personal cuyas citas desee sincronizar con Google Calendar y haga clic en el Editar .

Esto abrirá una ventana emergente. Desde aquí, vaya a la pestaña Avanzado botón Conectar de integración de Google Calendar para sincronizar las citas de los miembros del personal con Google Calendar.

¡Y eso es todo! Ahora sabes cómo conectar tu Bookly Calendar con tu Google Calendar y sincronizar citas. El único inconveniente es que debe conectar manualmente todas las citas de los miembros de su personal al Calendario de Google, una a la vez.

Ahora que tenemos eso resuelto, hablemos sobre cómo configurar la sincronización bidireccional con Bookly y Google Calendar.

Cómo configurar la sincronización bidireccional con Google Calendar

Las opciones de sincronización “unidireccional” y “bidireccional solo frontal” están disponibles directamente con el plugin Bookly Pro de WordPress, y acabamos de cubrir cómo puede configurar y utilizar esas funciones.

Ahora, si desea configurar la sincronización "bidireccional" entre Bookly y Google Calendar, necesitará el complemento Bookly Advanced Google Calendar

Nota : Este es un complemento para el plugin Bookly Pro . Como tal, necesitarás tener el plugin instalado en tu WordPress y luego, además, instalar este complemento.

Ahora, con el complemento instalado, debería ver la opción de sincronización “bidireccional” disponible dentro de Bookly > Configuración > Google Calendar , lo que anteriormente no era el caso.

Además, justo debajo tiene el campo "Sincronizar historial de citas" donde puede especificar la cantidad de días de datos del calendario anterior que desea sincronizar entre los dos calendarios.

Para el valor predeterminado: “0”, no se sincronizarán eventos pasados.

Ahora bien, dicho esto, habilitar la sincronización bidireccional no será tan simple como seleccionar la opción y presionar el botón "Guardar".

Para garantizar que todos los eventos del Calendario se sincronicen de manera eficiente, se recomienda seguir la guía oficial de sincronización de API de Google Calendar .

Además, deberá verificar y registrar su dominio en Google Search Console antes de que funcione la sincronización bidireccional del calendario.

Aquí está la guía oficial de Google sobre cómo verificar la propiedad de su sitio .

Una vez que se verifique el nombre de dominio de su sitio, deberá registrarlo como un dominio permitido para su proyecto: el proyecto cuyo ID de cliente y secreto de cliente están conectados a su plugin Bookly.

Para hacer esto, vaya a la de Verificación de Dominio en la Consola API y haga clic en "Agregar dominio". Ahora simplemente complete el formulario y nuevamente haga clic en el botón "Agregar dominio".

Siempre que su dominio haya pasado el proceso de verificación, ahora puede seleccionarlo para comenzar a recibir notificaciones automáticas y así establecer una sincronización bidireccional entre su Google Calendar y Bookly.

Cómo sincronizar manualmente Google Calendar con Bookly

De forma predeterminada, el plugin Bookly sincroniza eventos con Google Calendar después de un intervalo de tiempo establecido. Si desea sincronizar eventos ahora mismo, puede dirigirse a Bookly > Calendario desde su panel de WordPress y hacer clic en el botón "Sincronizar" como se muestra en la imagen:

Concluyendo

Como puedes ver, integrar Google Calendar con Bookly sólo requiere un par de clics. El verdadero problema es configurar las API de Google y obtener los detalles de OAuth.

Esperamos que este tutorial te haya ayudado a través del proceso y hayas podido integrar exitosamente Google Calendar con tu plugin Bookly. Y en caso de que tenga algún problema, no dude en hacérnoslo saber en los comentarios. Haremos todo lo posible para resolver el problema lo antes posible.

Nitish Singh

Ver comentarios

  • Hola - hierzu hätte ich eine denke ich nicht unwichtige Frage: werden durch die Synchronization auch datenschutzrelevante Daten übertragen? oder wird nur die Belegung im Kalender übernommen
    vielen Dank und liebe Grüsse

    • Hola, todos los datos de privacidad son administrados por Google porque es la fuente del evento, como si insertaras un video de YouTube en tu sitio web. Salud,

  • ¡Hola! Espero que les vaya bien, quiero saber si este plugin también permite agregar la cita generada al calendario del cliente final.

    • Hola, sí, seguro que los detalles se envían por correo electrónico y se pueden importar al calendario de un cliente (en Gmail, eso es automático).

  • Bonjour,
    J'ai actuellement mis en place mon google calendar avec bookly et tout fonctionnait parfaitement jusqu'à présent.
    Más después de algunos días, la conexión con Google se interrompue toute seule, me donnant este error:

    "Google Calendar: Error al actualizar el token OAuth2, mensaje: '{ "error": "disabled_client", "error_description": "El cliente OAuth fue deshabilitado." }'"

    ¿Estás buscando una solución para acabar con las interrupciones como las células ci? Car devoir recomenzar la creación de un proyecto à cada vez que no será una solución viable a largo plazo...

  • Buenas tardes,
    ¿alguien podría recomendarme algún desarrollador que pueda contratar para terminar de integrar Bookly con mi página web? Sigo todos los pasos para poder conectarlo con Google Calendar (he comprado todo lo necesario) y estoy teniendo problemas ya que no consigo "acceso a terceros" y por consiguiente no me da la opción de integrar.

  • Buenos días,

    Tengo problemas con la verificación de la aplicación, no sé muy bien qué tengo que hacer para poder verificar la aplicación.

  • Buenos días,

    Cuando hay que poner un dominio autorizado, ¿debemos poner el de Bookly o el de la web dónde va a estar instalada esta aplicación?

    ¡Gracias!

  • Buen día,

    J'ai bien suivi pas à pas tuto (merci beaucoup) mais quand je suis à la última etapa sur l'onglet "avancé" de "staff" et que je clique sur "google calendar synchronisation", j'ai un mensaje d 'Error como mon aplicación no es válida por Google "Google no es válida esta aplicación. La aplicación Solicite acceso a la información sensible de su cuenta de Google. Le recomendamos que no utilice esta aplicación para que el desarrollador no utilice el aura para la validación de Google. Esto es lo que surgió de la nube de Google y recibió un mensaje "État de validation - Validation non requise".
    Pouvez-vous m'aider ?
    merci

    • Hola, creo que debes verificar todas las autorizaciones cuando realices la conexión. ¡Es posible que Google Calendar haya agregado otros nuevos desde que se realizó esta publicación!

  • Ikzelf krijg bij de laatste stap een fusionando y het lukt me dus niet om mezelf als medewerker te koppelen aan de agenda

    Fout 403: access_denied
    El desarrollador no te ha dado acceso a esta aplicación. Actualmente se está probando y Google no lo ha verificado. Si cree que debería tener acceso, comuníquese con el desarrollador (*******@gmail).

    ¿Iemand hiervoor está oplossing?

    • Sí, eso es porque no eres administrador de la agenda creada. Para sincronizar datos necesita un acceso de administrador, la configuración debe realizarse desde Google Calendar

  • ¡Hola!
    He estado leyendo el artículo y me parece fantástico.
    Tengo una consulta, estoy realizando una web de un salón de belleza con sistema de reservas.
    Me gustaría integrarlo con Google Calendar por lo que puede que Bookly sea una de las opciones.
    La idea es crear varios calendarios para cada servicio pues la peluquería del salón si que tendría una apertura normal, pero los profesionales que acudirán a dar sus servicios irían algunos días concretos y horas concretas.
    ¿Solo con crear varios calendarios en Google Calendar? o también ¿haría falta contratar Google Workspace? ¿O solo con el complemento de Bookly?
    ¿Como funciona?
    Gracias.

Publicaciones recientes

Cómo usar encabezados y pies de página con Elementor

Los encabezados y pies de página de un sitio web son elementos esenciales. En la mayoría de los casos, el encabezado proporciona navegación...

6 de enero de 2022

Comparación de temas de WordPress: Astra vs OceanWP

Dos de los temas de WordPress más populares del mercado son Astra y OceanWP. Profesional…

2 de enero de 2022

Comparación de temas de noticias de WordPress: Periódico vs. Astra

Crear un excelente sitio web de noticias no requiere que te conviertas en diseñador web. Nosotros…

25 de octubre de 2021

Cree un sitio web relacionado con noticias con Newspaper Theme

El tema Periódico es uno de los temas de WordPress más importantes diseñados por tagDiv, un…

18 de octubre de 2021

Cómo construir un comercio electrónico con el constructor Avada WooCommerce

Cuando se trata de configurar una tienda en línea, WooCommerce es el plugin ideal. Él…

4 de octubre de 2021

Cómo usar encabezados fijos y efectos de desplazamiento con Elementor

Un encabezado es generalmente lo primero que ve una persona cuando visita su sitio web,…

21 de septiembre de 2021