Stel een Google Agenda-integratie in met WordPress Bookly Plugin

google-kalender-bookly

Gebruik je de WordPress Bookly- plugin in om boekingen en afspraken op je website te beheren? Wil je alle gemaakte boekingen en afspraken synchroniseren met de plugin om automatisch te synchroniseren met je Google Agenda?

Zo ja, dan bent u bij ons aan het juiste adres!

Hier hebben we een uitgebreide, diepgaande zelfstudie voorbereid over alles wat u moet weten over het instellen van Google Agenda-integratie met de WordPress Bookly- plugin .

Disclaimer : je moet de premium Bookly Pro- plugin en niet de gratis Bookly- plugin . De gratis versie, hoewel geweldig voor het opzetten van een eenvoudig boekingssysteem, mist veel van de geavanceerde functies van levenskwaliteit, zoals ondersteuning voor Google-integratie.

Dus zonder verder oponthoud, laten we beginnen:

Inhoudsopgave

Verschillende Google Agenda-synchronisatiemethoden beschikbaar op Bookly

De Bookly Pro WordPress- plugin biedt u drie Google Agenda-synchronisatiemethoden: synchronisatie in één richting, alleen in twee richtingen front-end en juiste synchronisatie in twee richtingen.

Hier is een blik op wat deze methoden doen:

Eenrichtingssynchronisatie

Als u deze synchronisatiemethode kiest, zal de plugin in automatisch alle nieuwe afspraken, inclusief aangepaste velden en andere aanpassingen die in Bookly Calendar zijn gemaakt, rechtstreeks naar de verbonden Google Agenda pushen, maar niet andersom.

Dit is handig wanneer u wilt dat uw Google Agenda up-to-date blijft met uw Bookly Agenda, maar ook vrijelijk aanpassingen moet maken aan uw Google Agenda zonder dat dit uw Bookly Agenda beïnvloedt.

Alleen tweerichtingsfront-end

Met deze synchronisatiemethode haalt de plugin in automatisch gebeurtenisgegevens op uit de verbonden Google-agenda en verwijdert vervolgens de bijbehorende tijdvakken uit de Booking Calendar tijdens de stap "Tijdslot selecteren" van het maken van een afspraak.

Als u deze optie heeft ingeschakeld, kunt u er dus zeker van zijn dat geen van uw Bookly-afspraken concurreert met uw Google Agenda-afspraken.

Houd er echter rekening mee dat deze methode de Google Agenda-evenementen in de Bookly Calendar niet zal kopiëren of weergeven. Om dat te doen, hebt u de volgende synchronisatiemethode nodig.

Opmerking : het duurt even voordat de afspraken tussen uw Google Agenda en Bookly Calendar zijn gesynchroniseerd. Als zodanig verlengt deze optie de laadtijd voor de stap "Tijdslot selecteren". Om dit probleem te verhelpen, beperkt u het aantal opgehaalde gebeurtenissen met betrekking tot deze optie.

Tweerichtingssynchronisatie

Dit is een goede tweerichtingssynchronisatiemethode waarbij alle boekingen die in de Bookly Calendar zijn gemaakt en bijgewerkt, automatisch worden weergegeven in de gekoppelde Google Calendar en vice versa.

Deze functie wordt echter niet ondersteund op de standaard Bookly Pro plugin . Hiervoor heb je de extra add-on nodig – Advanced Google Calendar for Bookly . En dat is niet alles - u moet ook Google Agenda vooraf configureren voordat u deze instelling inschakelt.

We hebben een gedetailleerd gedeelte over het instellen van tweerichtingssynchronisatie in een later gedeelte.

Vind uw Google-client-ID en klantgeheim

Voor de Bookly- plugin moet u uw Google Client-ID en Clientgeheim invoeren om de Bookly-agenda te integreren met uw Google-agenda.

Om dit te doen, moet u naar de Google Developer Console gaan en inloggen met uw account. Selecteer daar een bestaand project of maak een nieuw project aan.

Als dit de eerste keer is dat u Google Developer Console gebruikt, ziet u een optie om PROJECT TE MAKEN, zoals weergegeven in de onderstaande afbeelding.

Klik erop en het zal u vragen om een ​​"Projectnaam" en "Ouderorganisatie of map" voor het project in te voeren. Als u klaar bent, klikt u op "Maken" en uw nieuwe project wordt gemaakt.

U wordt dan doorverwezen naar het volgende scherm:

Vervolgens moet u ervoor zorgen dat de Google Agenda-API is ingeschakeld. Ga hiervoor naar het gedeelte Bibliotheek zoals aangegeven in de afbeelding. Typ nu "Agenda" in het zoekvak zoals weergegeven in de afbeelding en klik op Google Calendar API zoals gemarkeerd in de afbeelding.

Dit brengt u naar het volgende scherm waar u op de knop "ENABLE" moet klikken en dat is alles.

Als de Google Agenda-API is ingeschakeld voor uw project, gaat u terug naar de API's en services en gaat u nu naar het "OAuth-toestemmingsscherm".

In het volgende scherm wordt u gevraagd uw doelgebruiker te selecteren.

Er zijn twee opties:

  • Intern : Beschikbaar voor gebruikers binnen uw organisatie. (Alleen beschikbaar voor gebruikers met een Workspace- account.)
  • Extern : beschikbaar voor elke gebruiker met een Google-account.

Voor dit project is ons doelgebruikerstype Intern (je kunt ook Extern selecteren als je geen Workspace-account hebt). Nadat u dat hebt geselecteerd, klikt u op MAKEN . Dit brengt u naar het volgende scherm:

Vul gewoon het veld App-naam , E-mail in, scrol omlaag en voeg een geautoriseerd domein toe door op de knop + DOMEIN TOEVOEGEN te klikken. Als je klaar bent, klik je op OPSLAAN EN DOORGAAN onderaan de pagina.

Nu dat uit de weg is, gebruik je de linkerzijbalk en ga je naar het gedeelte Referenties .

Klik vanaf hier op de knop + CREATE CREDENTIALS zoals weergegeven in de afbeelding, en klik in de vervolgkeuzelijsten op OAuth-client-ID .

In het volgende scherm moet u een toepassingstype selecteren in een vervolgkeuzemenu.

Kies "Webtoepassing" en typ vervolgens een naam voor de OAuth-client. En ten slotte, scroll naar beneden en voeg een geautoriseerde omleidings-URI toe.

Dit zou de omleidings-URI moeten zijn die is opgegeven in het gedeelte Bookly > Instellingen > Google Agenda op uw WordPress-website.

Na het invoeren van de Bookly Redirect URI in het gedeelte Authorized Redirect URI, klik op Create en er verschijnt een pop-upvenster met uw Client ID en Client Secret .

En dat is alles, u heeft met succes een Google Client ID en Client Secret aangemaakt. Laten we nu teruggaan naar uw WordPress-website en Google Agenda integreren met uw Bookly-agenda.

Opmerking : 'All Day'-evenementen die in Google Agenda zijn gemaakt, zijn standaard ingesteld op 'Free'. Als je wilt dat die dag niet beschikbaar is in Bookly Calendar, vergeet dan niet om de status te wijzigen in 'Bezet'. Of anders toont de Bookly Calendar de dag die beschikbaar is voor afspraken.

Verbind Google Agenda met Bookly Calendar

Nu je je Google Client ID en Client Secret hebt, log je in op je WordPress-dashboard en ga je naar Bookly > Instellingen > Google Agenda . Eenmaal daar, scroll naar beneden en voer de Client ID en Secret in de daarvoor bestemde velden in.

Als u klaar bent, selecteert u de gewenste synchronisatiemodus.

Zoals u kunt zien in de afbeelding hierboven, zijn er slechts twee opties om uit te kiezen: "One-Way" en "Two-Way Front-End Only". Het inschakelen van de juiste "tweerichtingssynchronisatie" is een beetje lastig en daarom hebben we het in een later gedeelte exclusief besproken.

Als u 'Tweerichtingssynchronisatie' niet nodig hebt, selecteert u een van de twee beschikbare synchronisatiemethoden en bladert u naar beneden.

In het volgende gedeelte vindt u de secties "Sjabloon voor evenementtitel" en "Sjabloon voor evenementbeschrijving".

Met deze opties kun je configureren wat wordt weergegeven als de titel van het evenement en de beschrijving van het evenement voor de Google Agenda-afspraak die is gesynchroniseerd vanuit Bookly Calendar.

Hier is een uitgebreide handleiding die u laat zien welke codes u moet gebruiken om de Google Agenda-items aan te passen .

Zodra dat is gebeurd, drukt u op de Opslaan en Google Agenda wordt geïntegreerd met uw Bookly-agenda. Het enige dat u nu nog hoeft te doen, is verbinding maken met uw Google-agenda.

Ga hiervoor naar je Bookly > Medewerkers in de linkerzijbalk. Kies hier een medewerker wiens afspraken u wilt synchroniseren met Google Agenda en klik op de Bewerken .

Dit zal een pop-upvenster openen. Ga vanaf hier naar het tabblad Geavanceerd en klik op de knop Verbinden onder het integratiegebied van Google Agenda om de afspraken van medewerkers te synchroniseren met Google Agenda.

En dat is het! U weet nu hoe u uw Bookly-agenda kunt verbinden met uw Google-agenda en afspraken kunt synchroniseren. Het enige nadeel is dat u alle afspraken van uw personeelslid handmatig één voor één aan de Google-agenda moet koppelen.

Nu dat geregeld is, gaan we het hebben over het instellen van tweerichtingssynchronisatie met Bookly en Google Agenda.

Tweerichtingssynchronisatie instellen met Google Agenda

De synchronisatie-opties "One-Way" en "Two-Way Front-End Only" zijn rechtstreeks beschikbaar met de Bookly Pro WordPress- plugin in en we hebben zojuist besproken hoe u deze functies kunt instellen en gebruiken.

Als u nu een "tweerichtingssynchronisatie" tussen Bookly en Google Agenda wilt instellen, heeft u de premium Bookly Advanced Google Agenda -add-on nodig.

Opmerking : dit is een add-on voor de Bookly Pro- plugin . Als zodanig moet u de Bookly Pro- plugin in op uw WordPress hebben geïnstalleerd en vervolgens deze add-on installeren.

Nu de add-on is geïnstalleerd, zou u nu de "Tweerichtings"-synchronisatieoptie moeten zien die beschikbaar is in Bookly> Instellingen> Google Agenda , wat voorheen niet het geval was.

Direct daaronder heb je ook het veld "Synchroniseer afsprakengeschiedenis" waar je het aantal dagen aan eerdere agendagegevens kunt opgeven die je wilt synchroniseren tussen de twee agenda's.

Voor de standaardwaarde - "0", worden er geen gebeurtenissen uit het verleden gesynchroniseerd.

Dat gezegd hebbende, het inschakelen van tweerichtingssynchronisatie is niet zo eenvoudig als het selecteren van de optie en het klikken op de knop "Opslaan".

Om ervoor te zorgen dat alle Agenda-evenementen efficiënt worden gesynchroniseerd, is het raadzaam de officiële Google Agenda API Sync- handleiding te volgen.

U moet ook uw domein verifiëren en registreren in de Google Search Console voordat u de tweerichtingssynchronisatie van de agenda kunt laten werken.

Hier is de officiële gids van Google over hoe u uw site-eigendom kunt verifiëren .

Zodra de domeinnaam van uw site is geverifieerd, moet u deze registreren als een toegestaan ​​domein voor uw project - het project waarvan de klant-ID en het klantgeheim zijn gekoppeld aan uw Bookly- plugin .

Ga hiervoor naar de Domeinverificatie in de API Console en klik op "Domein toevoegen". Vul nu het formulier in en klik opnieuw op de knop "Domein toevoegen".

Op voorwaarde dat uw domein het verificatieproces heeft doorstaan, kunt u het nu selecteren om pushmeldingen te ontvangen en zo een tweerichtingssynchronisatie tot stand te brengen tussen uw Google Agenda en Bookly.

Hoe Google Agenda handmatig te synchroniseren met Bookly

Standaard synchroniseert de Bookly- plugin gebeurtenissen met Google Agenda na een ingestelde tijdsinterval. Als je nu evenementen wilt synchroniseren, ga dan vanuit je WordPress-dashboard naar Bookly> Agenda en klik op de knop "Synchroniseren" zoals weergegeven in de afbeelding:

Afsluiten

Zoals je kunt zien, kost het integreren van Google Agenda met Bookly slechts een paar klikken. Het echte probleem is het instellen van uw Google API's en het verkrijgen van uw OAuth-gegevens.

We hopen dat deze tutorial je heeft geholpen om je door het proces te leiden en dat je Google Agenda met succes hebt kunnen integreren met je Bookly- plugin . En als u problemen ondervindt, kunt u ons dit laten weten in de opmerkingen. We zullen ons best doen om het probleem zo snel mogelijk op te lossen.

18 gedachten over "Een Google Agenda-integratie opzetten met WordPress Bookly Plugin "

  1. Hallo – hier kunt u een idee krijgen van wat er niet mogelijk is Frage: werden durch die Synchronization auch datenschutzrelevante Daten übertragen?
    oder wird nur die Belegung im Kalender übernommen vielen Dank und liebe Grüsse

    1. Hallo, alle privacygegevens worden beheerd door Google omdat dit de bron van het evenement is, bijvoorbeeld als je een YouTube-video op je website insluit. Proost,

  2. Hallo! Ik hoop dat het goed met je gaat, ik wil weten of deze plugin ook mogelijk maakt om de gegenereerde afspraak toe te voegen aan de agenda van de eindklant.

    1. Hallo, Jazeker, de details worden per e-mail verzonden en kunnen worden geïmporteerd in een klantenagenda (op gmail is dat automatisch)

  3. 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 Agenda: fout bij het vernieuwen van de OAuth2-token, bericht: '{ "error": "disabled_client", "error_description": "De OAuth-client is uitgeschakeld." }'”

    Wat is er aan de hand met een oplossing voor de duur van de onderbrekingen comme celles ci ? Car devoir reommencer la création d'un projet à chaque fois ne sera pas une solution haalbare sur le lange termijne…

  4. Buenas tardes,
    alguien podría recomendarme algún desarrollador que pueda contratar para terminar de integrar Bookly con mi página web? Alles wat je moet doen om te verbinden met Google Calendar (hij heeft een taak die je nodig hebt) en je hebt geen problemen met "acceso a terceros" en je kunt me niet helpen met het integreren van de integratie.

  5. Buenos días,

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

    Gracias!

  6. 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" en que je clique sur "google calendar synchronisatie", j'ai un message d 'erreur comme quoi mon app n'est pas validé par Google 'Google n'a pas validé cette applicatie.
    L'application demande l'accès à des informations sensitives 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.”. Het is niet meer nodig dan een surprenant que sur Google cloud ja bien un message “État de validation – Validation non requise”. Pouvez-vous m'aider?
    Merci

    1. Hallo, ik denk dat je alle autorisatie moet controleren wanneer je verbinding maakt. Google Agenda heeft mogelijk nieuwe toegevoegd sinds dit bericht is gemaakt!

  7. Lieselot Degrande

    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
    De ontwikkelaar heeft u geen toegang tot deze app gegeven. Het wordt momenteel getest en is niet geverifieerd door Google. Als je denkt dat je toegang zou moeten hebben, neem dan contact op met de ontwikkelaar (*******@gmail).

    Iemand voor een oplossing?

    1. Ja, dat komt omdat je geen beheerder bent van de aangemaakte agenda. Om gegevens te synchroniseren heb je beheerderstoegang nodig, de installatie moet worden gedaan vanuit Google Agenda

  8. Hallo!
    Hij heeft de artículo en mij parece fantástico geleend.
    Tengo een overleg, maak een web van een schoonheidssalon met reservereserves.
    Ik integreer graag met Google Calendar voor de plek waar Bookly een van de opties heeft.
    Het idee is om verschillende kalenders te maken voor cada servicio pues the peluquería del salón si que tendría un apertura normal, pero loss profesionales that acudirán a dar us servicios algunos días concretos and horas concretas.
    ¿Solo om verschillende kalenderios en Google Calendar te maken?
    Heeft u een probleem met Google Workspace? ¿O solo met de plug-in van Bookly? ¿Como functie?
    Gracias.

    1. Hallo, ik denk dat het gebruik van een andere agenda in Bookly de beste oplossing is, of het synchroniseren van meerdere agenda's van Google kan een optie zijn

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *