¿Utiliza el plugin WordPress Bookly para administrar reservas y citas en su sitio web? ¿Desea sincronizar todas las reservas y citas tomadas utilizando el plugin para sincronizar automáticamente con su Calendario de Google?
Si es así, ¡ha venido al lugar correcto!
Aquí hemos preparado un tutorial completo y en profundidad sobre todo lo que necesita saber sobre cómo configurar la integración de Google Calendar con el plugin WordPress Bookly.
Descargo de responsabilidad : debe utilizar el plugin Bookly Pro premium y no el plugin Bookly gratuito . La versión gratuita, aunque excelente solo para configurar un sistema de reserva 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 contenidos
- Diferentes métodos de sincronización de Google Calendar disponibles en Bookly
- Sincronización unidireccional
- Solo front-end bidireccional
- Sincronización bidireccional
- Encuentre su ID de cliente de Google y su secreto de cliente
- Conecta Google Calendar con Bookly Calendar
- Cómo configurar la sincronización bidireccional con Google Calendar
- Cómo sincronizar manualmente Google Calendar con Bookly
- Terminando
Diferentes métodos de sincronización de Google Calendar disponibles en Bookly
Los Bookly Pro WordPress plugin que se presenta con tres métodos de sincronización del calendario de Google - sincronización unidireccional, bidireccional front-end única y correcta sincronización bidireccional.
Aquí hay un vistazo a lo que hacen estos métodos:
Sincronización unidireccional
Si elige este método de sincronización, el plugin enviará automáticamente todas las nuevas citas, 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 Calendario de Google se mantenga actualizado con su Calendario de libros, pero también necesita realizar ajustes libremente en su Calendario de Google sin que esto afecte a su Calendario de libros.
Solo front-end bidireccional
Con este método de sincronización, el plugin obtendrá automáticamente los datos del evento del calendario de Google conectado y luego eliminará las franjas horarias correspondientes del Booking Calendar durante el paso "Seleccionar franja horaria" para concertar una cita.
Como tal, al tener esta opción habilitada, puede estar seguro de que ninguna de sus citas de Bookly compite con sus 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 : lleva algún tiempo sincronizar las citas entre su 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 obtenidos 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 característica no es compatible con el complemento Bookly Pro plugin . Para esto, necesita el complemento adicional: Calendario avanzado de Google para Bookly . Y eso no es todo: también deberá 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 el secreto del cliente para integrar Bookly Calendar con su Google Calendar.
Para hacer esto, deberá dirigirse a la Consola para desarrolladores de Google e iniciar sesión con su cuenta. Una vez allí, seleccione un proyecto existente o cree uno nuevo.
Si es la primera vez que usa 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 de 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.
A continuación, se le dirigirá a la siguiente pantalla:
A continuación, deberá asegurarse de que la API de Google Calendar esté habilitada. Para hacer esto, diríjase 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 Google Calendar API como se resalta en la imagen.
Esto lo llevará a la siguiente pantalla donde debe 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 los usuarios de su organización. (Solo disponible para los usuarios con una cuenta 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 te llevará a la siguiente pantalla:
Simplemente complete el campo Nombre de la aplicación , el campo Correo electrónico , desplácese hacia abajo y agregue un dominio autorizado haciendo clic en el botón + AGREGAR DOMINIO . Una vez hecho esto, presione GUARDAR Y CONTINUAR en la parte inferior de la página.
Ahora, con eso fuera del camino, use la barra lateral izquierda y diríjase a la sección Credenciales .
Desde aquí, haga clic en el botón + CREAR CREDENCIALES como se muestra en la imagen, y en las opciones desplegables haga clic en ID de cliente OAuth .
En la siguiente pantalla, deberá seleccionar un tipo de aplicación de 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 Bookly> Configuración> sección Calendario de Google 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 el secreto del cliente .
Y eso es todo, ha creado correctamente un ID de cliente de Google y un secreto de cliente. Ahora regresemos a su sitio web de WordPress e integremos Google Calendar con su Bookly Calendar.
Nota : los eventos de "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". O bien, el Calendario de Bookly mostrará el día disponible para citas.
Conecta 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 > Calendario de Google . Una vez allí, desplácese hacia abajo e ingrese el ID y el secreto del cliente en sus 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 front-end bidireccional". Habilitar la sincronización "bidireccional" adecuada es un poco complicado, por lo que lo hemos discutido exclusivamente en una sección posterior.
Si no necesita la 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 el título del evento" y "Plantilla para la descripción del evento".
Estas opciones te permitirán configurar lo que aparece como el título del evento y la 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 del Calendario de Google .
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 desde 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 y haga clic en el botón Conectar debajo del área de integración de Google Calendar para sincronizar las citas de los miembros del personal con Google Calendar.
¡Y eso es! Ahora sabe cómo conectar su Bookly Calendar con su Google Calendar y sincronizar las citas. El único inconveniente es que debe conectar manualmente todas las citas de los miembros del personal al Calendario de Google, una a la vez.
Ahora, con 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
La sincronización “One-way” y “de dos vías front-end” Solamente las opciones de sincronización están disponibles directamente con el Pro WordPress Bookly plugin , y que sólo cubren cómo se puede configurar y utilizar esas características.
Ahora, si desea configurar la sincronización "bidireccional" entre Bookly y Google Calendar, necesitará el complemento premium Bookly Advanced Google Calendar .
Nota : Este es un complemento para el plugin Bookly Pro . Como tal, necesitará tener el plugin Bookly Pro instalado en su WordPress y luego instalar este complemento.
Ahora, con el complemento instalado, ahora debería ver la opción de sincronización "bidireccional" disponible dentro de Bookly > Configuración > Calendario de Google , que anteriormente no era el caso.
Además, justo debajo, tiene el campo "Sincronizar historial de citas", donde puede especificar el número de días de datos de calendario anteriores que desea sincronizar entre los dos calendarios.
Para el valor predeterminado, "0", no se sincronizarán eventos pasados.
Ahora, dicho esto, habilitar la sincronización bidireccional no será tan simple como seleccionar la opción y presionar el botón "Guardar".
Para asegurarse de que todos los eventos de Calendar se sincronizan de manera eficiente, se recomienda que siga la guía oficial de sincronización de API de Google Calendar .
Además, deberá verificar y registrar su dominio en la Consola de búsqueda de Google antes de que la sincronización bidireccional del calendario funcione.
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 Verificación de Dominio en la Consola API y haga clic en “Agregar dominio”. Ahora solo complete el formulario y nuevamente haga clic en el botón "Agregar dominio".
Siempre que su dominio haya pasado su proceso de verificación, ahora puede seleccionarlo para comenzar a recibir notificaciones automáticas y así establecer una sincronización bidireccional entre su Calendario de Google 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 en este momento, puede dirigirse a Bookly> Calendario desde su panel de WordPress y hacer clic en el botón "Sincronizar" como se muestra en la imagen:
Terminando
Como puede ver, la integración de Google Calendar con Bookly solo requiere un par de clics. El problema real es configurar sus API de Google y obtener sus detalles de OAuth.
Esperamos que este tutorial lo haya ayudado a guiarlo a través del proceso y que haya podido integrar con éxito Google Calendar con su 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.
Hallo – 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 te esté yendo 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,
est-ce que l'intégraton d'un google meet peut être automatisé?
Merci
Sí, se ha implementado en Bookly Pro: https: //support.booking-wp- plugin .com / hc / en-us / articles / 360013355499-Online-Meetings-Zoom-Google-Meet-
Bonjour,
J'ai actuellement mis en place mon google calendar avec bookly et tout fonctionnait parfaitement jusqu'à présent.
Mais depuis quelques jours, la connexion avec google s'est interrompue toute seule, me donnant cette erreur :
"Google Calendar: Error al actualizar el token OAuth2, mensaje: '{"error": "disabled_client", "error_description": "El cliente OAuth fue deshabilitado". }'”
Est-ce que vous auriez une solution pour empêcher les interrupciones comme celles ci ? Car devoir recommencer la création d'un projet à chaque fois ne sera pas une solution viable sur le long terme…
Hola, el error parece debido a un cambio en la API de Google. Debe verificar si existe una actualización plugin .
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 dias,
Tengo problemas con la verificación de la app, no sé muy bien qué tengo que hacer para poder verificar la app.
buenos dias,
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!
Hola, creo que esto está relacionado con la autorización de Google App.
Bonjour,
j'ai bien suivi pas à pas votre tuto (merci beaucoup) mais quand je suis à la dernière étape sur l'onglet “avancé” de “staff” et que je clique sur “google calendar synchronisation”, j'ai un message d 'erreur comme quoi mon app n'est pas validé par Google “Google n'a pas validé cette application.
L'application demande l'accès à des informations sensibles de votre compte Google. Nous vous recommandons de ne pas utiliser cette application tant que le développeur ne l'aura pas soumise pour validation auprès de Google”. Ce qui est d'autant plus surprenant que sur Google cloud j'ai bien un mensaje "Estado de validación - Validación no requerida". Pouvez-vous m'aider?
Merci
Hola, creo que debes verificar todas las autorizaciones cuando realices la conexión. Google Calendar puede haber agregado nuevos desde que se hizo esta publicación.
Ikzelf krijg bij de laatste stap een melding en 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 no ha sido verificado por Google. Si cree que debería tener acceso, comuníquese con el desarrollador (*******@gmail).
Iemand hiervoor een oplossing?
Sí, eso se debe a que 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 tiene 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 plugin de Bookly? ¿Cómo funciona?
Gracias.
Hola, creo que usar diferentes calendarios en Bookly es la mejor solución o sincronizar varios calendarios de Google puede ser una opción