Configurer une intégration de Google Calendar avec Plugin WordPress Bookly

Utilisez-vous le plugin WordPress Bookly pour gérer les réservations et les rendez-vous sur votre site internet ? Vous souhaitez synchroniser toutes les réservations et rendez-vous pris à l'aide du plugin pour se synchroniser automatiquement avec votre agenda Google ?

Si oui, alors vous êtes au bon endroit !

Nous avons préparé ici un didacticiel complet et approfondi sur tout ce que vous devez savoir sur la configuration de l'intégration de Google Calendar avec le plugin WordPress Bookly.

Avis de non-responsabilité : vous devez utiliser le plugin Bookly Pro plugin gratuit Bookly . La version gratuite, bien que idéale pour simplement configurer un système de réservation de base, ne dispose pas de nombreuses fonctionnalités avancées de qualité de vie, telles que la prise en charge de l'intégration de Google.

Alors sans plus attendre, commençons :

Table des matières

• Différentes méthodes de synchronisation du calendrier Google disponibles sur Bookly
• Synchronisation unidirectionnelle
• Front-end bidirectionnel uniquement
• Synchronisation bidirectionnelle
• Trouvez votre identifiant client Google et votre secret client
• Connectez Google Agenda à Bookly Calendar
• Comment configurer la synchronisation bidirectionnelle avec Google Agenda
• Comment synchroniser manuellement le calendrier Google avec Bookly
• Conclusion

Différentes méthodes de synchronisation du calendrier Google disponibles sur Bookly

Le plugin Bookly Pro WordPress vous présente trois méthodes de synchronisation de Google Calendar : synchronisation unidirectionnelle, front-end bidirectionnel uniquement et synchronisation bidirectionnelle appropriée.

Voici un aperçu de ce que font ces méthodes :

Synchronisation unidirectionnelle

Si vous choisissez cette méthode de synchronisation, le plugin transmettra automatiquement tous les nouveaux rendez-vous, y compris les champs personnalisés et tout autre ajustement effectué sur Bookly Calendar, directement vers le calendrier Google connecté, mais pas l'inverse.

Ceci est utile lorsque vous souhaitez que votre calendrier Google reste à jour avec votre calendrier Bookly, mais que vous devez également apporter librement des ajustements à votre calendrier Google sans que cela n'affecte votre calendrier Bookly.

Front-end bidirectionnel uniquement

Avec cette méthode de synchronisation, le plugin récupérera automatiquement les données d'événement du calendrier Google connecté, puis supprimera les plages horaires correspondantes du Booking Calendar lors de l'étape « Sélectionner un créneau horaire » de prise de rendez-vous.

Ainsi, en activant cette option, vous pouvez être assuré qu'aucun de vos rendez-vous Bookly n'entre en concurrence avec vos événements Google Calendar.

Cela étant dit, notez que cette méthode ne copiera ni n'affichera les événements de Google Calendar sur le calendrier Bookly. Pour ce faire, vous avez besoin de la méthode de synchronisation suivante.

Remarque : La synchronisation des rendez-vous entre votre agenda Google et Bookly Calendar prend un certain temps. En tant que telle, cette option augmentera le temps de chargement pour l’étape « Sélectionner un créneau horaire ». Pour remédier à ce problème, limitez le nombre d'événements récupérés liés à cette option.

Synchronisation bidirectionnelle

Il s'agit d'une méthode de synchronisation bidirectionnelle appropriée dans laquelle toutes les réservations créées et mises à jour dans le calendrier Bookly se reflètent automatiquement sur le calendrier Google connecté et vice versa.

Cependant, cette fonctionnalité n'est pas prise en charge sur le plugin . Pour cela, vous avez besoin du module complémentaire supplémentaire – Advanced Google Calendar for Bookly . Et ce n'est pas tout : vous devrez également préconfigurer Google Agenda avant d'activer ce paramètre.

Nous avons une section détaillée sur la façon de configurer la synchronisation bidirectionnelle dans une section ultérieure.

Trouvez votre identifiant client Google et votre secret client

Le plugin Bookly vous demande de saisir votre identifiant client Google et votre secret client afin d'intégrer le calendrier Bookly à votre calendrier Google.

Pour ce faire, vous devrez vous rendre sur la console de développement Google et vous connecter avec votre compte. Une fois sur place, sélectionnez un projet existant ou créez un nouveau projet.

Si c'est la première fois que vous utilisez Google Developer Console, vous verrez une option pour CRÉER UN PROJET comme indiqué dans l'image ci-dessous.

Cliquez dessus et il vous demandera de saisir un « Nom du projet » et une « Organisation ou dossier parent » pour le projet. Une fois terminé, cliquez sur « Créer » et votre nouveau projet sera créé.

Vous serez alors dirigé vers l'écran suivant :

Ensuite, vous devrez vous assurer que l'API Google Calendar est activée. Pour ce faire, rendez-vous dans la section Bibliothèque comme indiqué dans l'image. Tapez maintenant « Calendrier » dans le champ de recherche comme indiqué dans l'image et cliquez sur l'API Google Calendar comme indiqué dans l'image.

Cela vous amènera à l'écran suivant où vous devrez cliquer sur le bouton « ACTIVER » et c'est tout.

Une fois l'API Google Calendar activée pour votre projet, retournez à la API et services et accédez maintenant à « Écran de consentement OAuth ».

L'écran suivant vous demandera de sélectionner votre utilisateur cible.

Il existe deux options :

• Interne : disponible pour les utilisateurs au sein de votre organisation. (Uniquement disponible pour les utilisateurs disposant d'un Workspace .)
• Externe : Disponible pour tout utilisateur disposant d'un compte Google.

Pour ce projet, notre type d'utilisateur cible sera Interne (vous pouvez également sélectionner Externe si vous n'avez pas de compte Workspace). Après avoir sélectionné cela, cliquez sur CRÉER . Cela vous mènera à l'écran suivant :

Remplissez simplement le champ Nom de l'application E-mail , faites défiler vers le bas et ajoutez un domaine autorisé en cliquant sur le + AJOUTER UN DOMAINE . Une fois terminé, appuyez sur ENREGISTRER ET CONTINUER en bas de la page.

Maintenant que cela est réglé, utilisez la barre latérale gauche et dirigez-vous vers la Informations d'identification .

À partir de là, cliquez sur le + CRÉER DES CRÉDENTIELS comme indiqué dans l'image, et dans les options déroulantes, cliquez sur ID client OAuth .

Dans l'écran suivant, vous devrez sélectionner un type d'application dans un menu déroulant.

Choisissez « Application Web », puis saisissez un nom pour le client OAuth. Et enfin, faites défiler vers le bas et ajoutez un URI de redirection autorisé.

Il doit s'agir de l'URI de redirection fourni dans la section Bookly > Paramètres > Google Calendar sur votre site Web WordPress.

Après avoir entré l'URI de redirection Bookly dans la section URI de redirection autorisé, cliquez sur Créer et une fenêtre contextuelle apparaîtra présentant votre ID client et votre secret client .

Et voilà, vous avez créé avec succès un identifiant client Google et un secret client. Revenons maintenant à votre site Web WordPress et intégrons Google Calendar à votre calendrier Bookly.

Remarque : les événements « Toute la journée » créés dans Google Agenda sont définis par défaut sur « Gratuit ». Ainsi, si vous souhaitez que ce jour ne soit pas disponible sur Bookly Calendar, n'oubliez pas de changer le statut en « Occupé ». Ou bien, le calendrier Bookly affichera le jour disponible pour les rendez-vous.

Connectez Google Agenda à Bookly Calendar

Maintenant que vous disposez de votre identifiant client Google et de votre secret client, connectez-vous à votre tableau de bord WordPress et accédez à Bookly > Paramètres > Google Calendar . Une fois là-bas, faites défiler vers le bas et entrez l'ID client et le secret dans les champs désignés.

Une fois terminé, sélectionnez le mode de synchronisation préféré.

Comme vous pouvez le voir sur l'image ci-dessus, il n'y a que deux options parmi lesquelles choisir : « One-Way » et « Two-Way Front-End Only ». Activer la synchronisation « bidirectionnelle » appropriée est un peu délicat et nous en avons donc discuté exclusivement dans une section ultérieure.

Si vous n'avez pas besoin de synchronisation « bidirectionnelle », sélectionnez l'une des deux méthodes de synchronisation disponibles et faites défiler vers le bas.

Dans la section suivante, vous trouverez les sections « Modèle pour le titre de l'événement » et « Modèle pour la description de l'événement ».

Ces options vous permettront de configurer ce qui apparaît comme titre et description de l'événement Google Calendar synchronisé à partir de Bookly Calendar.

Voici un guide détaillé vous montrant les codes à utiliser pour personnaliser les entrées de l'agenda Google .

Une fois cela fait, cliquez sur le Enregistrer et Google Calendar sera intégré à votre calendrier Bookly. Il ne reste plus qu'à vous connecter à votre agenda Google.

Pour ce faire, rendez-vous dans votre Bookly > Membres du personnel dans la barre latérale de gauche. À partir de là, choisissez un membre du personnel dont vous souhaitez synchroniser les rendez-vous avec Google Agenda et cliquez sur le Modifier .

Cela va faire apparaître une fenêtre pop-up. À partir de là, accédez à l' Avancé et cliquez sur le Connecter sous la d'intégration de Google Calendar pour synchroniser les rendez-vous des membres du personnel avec Google Calendar.

Et c'est tout ! Vous savez maintenant comment connecter votre agenda Bookly à votre agenda Google et synchroniser les rendez-vous. Le seul problème est que vous devez connecter manuellement tous les rendez-vous des membres de votre personnel au calendrier Google, un par un.

Maintenant que cela est réglé, parlons de la façon de configurer la synchronisation bidirectionnelle avec Bookly et Google Calendar.

Comment configurer la synchronisation bidirectionnelle avec Google Agenda

Les options de synchronisation « One-Way » et « Two-Way Front-End Only » sont disponibles directement avec le plugin Bookly Pro WordPress, et nous venons d'expliquer comment vous pouvez configurer et utiliser ces fonctionnalités.

Désormais, si vous souhaitez configurer la synchronisation « bidirectionnelle » entre Bookly et Google Calendar, vous aurez besoin du module complémentaire Bookly Advanced Google Calendar

Remarque : Il s'agit d'un module complémentaire pour le plugin Bookly Pro . En tant que tel, vous devrez installer le plugin sur votre WordPress, puis en plus installer ce module complémentaire.

Maintenant, avec le module complémentaire installé, vous devriez maintenant voir l'option de synchronisation « bidirectionnelle » disponible dans Bookly > Paramètres > Google Calendar , ce qui n'était pas le cas auparavant.

De plus, juste en dessous, vous avez le champ « Synchroniser l'historique des rendez-vous » dans lequel vous pouvez spécifier le nombre de jours de données de calendrier passées que vous souhaitez synchroniser entre les deux calendriers.

Pour la valeur par défaut – « 0 », aucun événement passé ne sera synchronisé.

Cela étant dit, activer la synchronisation bidirectionnelle ne sera pas aussi simple que de sélectionner l'option et d'appuyer sur le bouton « Enregistrer ».

Pour garantir que tous les événements du calendrier sont synchronisés efficacement, il est conseillé de suivre le guide officiel de synchronisation de l'API de Google Calendar .

En outre, vous devrez vérifier et enregistrer votre domaine sur la console de recherche Google avant de faire fonctionner la synchronisation bidirectionnelle du calendrier.

Voici le guide officiel de Google sur la façon de vérifier la propriété de votre site .

Une fois le nom de domaine de votre site vérifié, vous devrez l'enregistrer en tant que domaine autorisé pour votre projet – le projet dont l'ID client et le secret client sont connectés à votre plugin Bookly.

Pour ce faire, rendez-vous sur la Vérification du domaine dans la console API et cliquez sur « Ajouter un domaine ». Remplissez maintenant simplement le formulaire et cliquez à nouveau sur le bouton « Ajouter un domaine ».

Si votre domaine a réussi son processus de vérification, vous pouvez désormais le sélectionner pour commencer à recevoir des notifications push et ainsi établir une synchronisation bidirectionnelle entre votre agenda Google et Bookly.

Comment synchroniser manuellement le calendrier Google avec Bookly

Par défaut, le plugin Bookly synchronise les événements avec Google Agenda après un intervalle de temps défini. Si vous souhaitez synchroniser les événements dès maintenant, vous pouvez vous rendre sur Bookly > Calendrier depuis votre tableau de bord WordPress et cliquer sur le bouton « Synchroniser » comme indiqué dans l'image :

Conclusion

Comme vous pouvez le constater, l'intégration de Google Calendar à Bookly ne prend que quelques clics. Le vrai problème est de configurer vos API Google et d'obtenir vos détails OAuth.

Nous espérons que ce didacticiel vous a aidé tout au long du processus et que vous avez pu intégrer avec succès Google Calendar à votre plugin Bookly. Et si vous rencontrez des problèmes, n'hésitez pas à nous le faire savoir dans les commentaires. Nous ferons de notre mieux pour résoudre le problème dès que possible.