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

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

Si oui, alors vous êtes au bon endroit !

Ici, nous avons préparé un didacticiel complet et détaillé 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 premium Bookly Pro et non le plugin gratuit Bookly . La version gratuite, bien qu'idéale pour configurer simplement un système de réservation de base, manque 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 tarder, commençons :

Table des matières

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

Différentes méthodes de synchronisation de Google Calendar disponibles sur Bookly

Le plugin Bookly Pro WordPress vous présente trois méthodes de synchronisation Google Calendar – synchronisation unidirectionnelle, frontale bidirectionnelle 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 poussera automatiquement tous les nouveaux rendez-vous, y compris les champs personnalisés et tout autre réglage 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 - plugin récupère automatiquement les données d'événement du calendrier Google connecté, puis supprime les plages horaires correspondantes du Booking Calendar lors de l'étape « Sélectionner une plage horaire » de prise de rendez-vous.

En tant que tel, en activant cette option, vous pouvez être assuré qu'aucun de vos rendez-vous Bookly n'entre en concurrence avec vos événements Google Agenda.

Cela étant dit, notez que cette méthode ne copiera ni n'affichera les événements Google Calendar sur Bookly Calendar. 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 de 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 où 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.

plugin Bookly Pro par défaut . Pour cela, vous avez besoin de l'addon 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 configuration de la synchronisation bidirectionnelle dans une section ultérieure.

Trouvez votre identifiant client Google et votre secret client

Le plugin Bookly nécessite que vous saisissiez 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 développeur de Google et vous connecter avec votre compte. Une fois là-bas, 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 sera demandé d'entrer un « Nom du projet » et « L'organisation ou le 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 la zone de recherche comme indiqué dans l'image et cliquez sur l'API Google Calendar comme mis en évidence dans l'image.

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

Avec l'API Google Calendar activée pour votre projet, revenez à la API et services et accédez maintenant à l'écran de consentement OAuth.

L'écran suivant va vous inviter à sélectionner votre utilisateur cible.

Il y a deux options :

• Interne : disponible pour les utilisateurs au sein de votre organisation. (Uniquement disponible pour les utilisateurs disposant d'un compte 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 CREATE . Cela va vous amener à l'écran suivant :

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

Maintenant, avec cela à l'écart, utilisez la barre latérale de gauche et dirigez-vous vers la section Informations d'identification .

À partir de là, cliquez sur le bouton + CREATE CREDENTIALS comme indiqué dans l'image, et dans les options déroulantes, cliquez sur OAuth client ID .

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é.

Cela devrait être l'URI de redirection fourni dans la section Bookly > Paramètres > Calendrier Google 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 identifiant 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 Bookly Calendar.

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

Connectez Google Agenda avec Bookly Calendar

Maintenant que vous avez votre identifiant client Google et votre clé secrète client, connectez-vous à votre tableau de bord WordPress et rendez-vous sur Bookly > Paramètres > Google Calendar . Une fois là-bas, faites défiler vers le bas et entrez l'ID client et le secret dans ses 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". L'activation de la synchronisation "bidirectionnelle" appropriée est un peu délicate et nous en avons donc discuté exclusivement dans une section ultérieure.

Si vous n'avez pas besoin de la 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 le titre de l'événement et la description de l'événement pour l'événement Google Calendar qui est synchronisé à partir de Bookly Calendar.

Voici un guide détaillé vous montrant quels codes utiliser pour personnaliser les entrées de Google Agenda .

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

Pour ce faire, rendez-vous sur votre Bookly > Membres du personnel dans la barre latérale 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. De là, accédez à l' onglet Avancé et cliquez sur le bouton Se connecter sous la zone 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 connecter votre Agenda Bookly à votre Agenda Google et synchroniser vos rendez-vous. Le seul problème est que vous devez connecter manuellement tous les rendez-vous de votre personnel au calendrier Google, un à la fois.

Maintenant que cela est réglé, parlons de la configuration de 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 de découvrir comment vous pouvez configurer et utiliser ces fonctionnalités.

Maintenant, si vous souhaitez configurer une synchronisation "bidirectionnelle" entre Bookly et Google Calendar, vous aurez besoin du module complémentaire Premium Bookly Advanced Google Calendar .

Remarque : il s'agit d'un module complémentaire pour le plugin Bookly Pro . En tant que tel, vous devrez avoir installé le plugin Bookly Pro sur votre WordPress, puis en plus de cela, 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 Agenda , ce qui n'était pas le cas auparavant.

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

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

Maintenant, 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 vous assurer que tous les événements du calendrier sont efficacement synchronisés, il est conseillé de suivre le guide officiel de synchronisation de l'API Google Calendar .

En outre, vous devrez vérifier et enregistrer votre domaine sur la console de recherche Google avant de pouvoir utiliser 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 de domaine dans la console API et cliquez sur « Ajouter un domaine ». Maintenant, remplissez 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 maintenant le sélectionner pour commencer à recevoir des notifications push et ainsi établir une synchronisation bidirectionnelle entre votre agenda Google et Bookly.

Comment synchroniser manuellement Google Agenda avec Bookly

Par défaut, le plugin Bookly synchronise les événements avec Google Calendar 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 à partir de votre tableau de bord WordPress et cliquer sur le bouton « Sync » comme indiqué dans l'image :

Emballer

Comme vous pouvez le voir, l'intégration de Google Agenda avec 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 tutoriel vous a aidé à vous guider tout au long du processus et que vous avez réussi à intégrer Google Agenda à 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.