Richten Sie eine Google Kalender-Integration mit dem WordPress Bookly Plugin ein

Verwenden Sie das WordPress Bookly plugin , um Buchungen und Termine auf Ihrer Website zu verwalten? Möchten Sie alle über das plugin automatisch mit Ihrem Google Kalender synchronisieren?

Wenn ja, dann sind Sie bei uns genau richtig!

Hier haben wir ein umfassendes, ausführliches Tutorial mit allem vorbereitet, was Sie zum Einrichten der Google Kalender-Integration mit dem WordPress Bookly- plugin wissen müssen.

Haftungsausschluss : Sie müssen das Premium- Bookly Pro plugin und nicht das kostenlose Bookly- plugin . Die kostenlose Version eignet sich zwar hervorragend zum Einrichten eines einfachen Buchungssystems, ihr fehlen jedoch viele der erweiterten Lebensqualitätsfunktionen wie die Unterstützung der Google-Integration.

Also ohne weitere Umschweife, fangen wir an:

Inhaltsverzeichnis

Verschiedene Google Kalender-Synchronisierungsmethoden sind auf Bookly verfügbar

Das Bookly Pro WordPress- plugin bietet Ihnen drei Google Kalender-Synchronisierungsmethoden: einseitige Synchronisierung, nur zweiseitige Frontend-Synchronisierung und ordnungsgemäße zweiseitige Synchronisierung.

Hier sehen Sie, was diese Methoden bewirken:

One-Way-Synchronisierung

Wenn Sie diese Synchronisierungsmethode wählen, überträgt das plugin automatisch alle neuen Termine, einschließlich benutzerdefinierter Felder und aller anderen an Bookly Calendar vorgenommenen Optimierungen, direkt an den verbundenen Google Kalender, aber nicht umgekehrt.

Dies ist nützlich, wenn Sie möchten, dass Ihr Google-Kalender mit Ihrem Bookly-Kalender auf dem neuesten Stand bleibt, Sie aber auch Anpassungen an Ihrem Google-Kalender frei vornehmen müssen, ohne dass sich dies auf Ihren Bookly-Kalender auswirkt.

Nur Zwei-Wege-Frontend

Mit dieser Synchronisierungsmethode ruft das plugin automatisch Ereignisdaten aus dem verbundenen Google Kalender ab und entfernt dann die entsprechenden Zeitfenster aus dem Booking Calendar während des Schritts „Zeitfenster auswählen“ der Terminvereinbarung.

Wenn Sie diese Option aktivieren, können Sie sicher sein, dass keiner Ihrer Bookly-Termine mit Ihren Google Kalender-Ereignissen konkurriert.

Beachten Sie jedoch, dass diese Methode die Google Kalender-Ereignisse nicht im Bookly-Kalender kopiert oder anzeigt. Dazu benötigen Sie die nächste Synchronisierungsmethode.

Hinweis : Es dauert einige Zeit, die Termine zwischen Ihrem Google Kalender und Bookly Calendar zu synchronisieren. Daher erhöht diese Option die Ladezeit für den Schritt „Zeitfenster auswählen“. Um dieses Problem zu beheben, begrenzen Sie die Anzahl der abgerufenen Ereignisse im Zusammenhang mit dieser Option.

Zwei-Wege-Synchronisierung

Dies ist eine echte bidirektionale Synchronisierungsmethode, bei der alle im Bookly-Kalender erstellten und aktualisierten Buchungen automatisch im verbundenen Google-Kalender angezeigt werden und umgekehrt.

Diese Funktion wird jedoch vom standardmäßigen Bookly Pro- plugin . Hierfür benötigen Sie das zusätzliche Addon – Advanced Google Calendar for Bookly . Und das ist noch nicht alles – Sie müssen auch Google Kalender vorkonfigurieren, bevor Sie diese Einstellung aktivieren.

In einem späteren Abschnitt finden Sie einen ausführlichen Abschnitt zum Einrichten der Zwei-Wege-Synchronisierung.

Finden Sie Ihre Google-Client-ID und Ihr Client-Geheimnis

Für das Bookly- plugin müssen Sie Ihre Google-Client-ID und Ihr Client-Geheimnis eingeben, um den Bookly-Kalender in Ihren Google-Kalender zu integrieren.

Google Developer Console gehen und sich mit Ihrem Konto anmelden. Wählen Sie dort entweder ein vorhandenes Projekt aus oder erstellen Sie ein neues Projekt.

Wenn Sie die Google Developer Console zum ersten Mal verwenden, wird die Option „PROJEKT ERSTELLEN“ angezeigt, wie im Bild unten dargestellt.

Klicken Sie darauf und Sie werden aufgefordert, einen „Projektnamen“ und eine „übergeordnete Organisation oder einen übergeordneten Ordner“ für das Projekt einzugeben. Wenn Sie fertig sind, klicken Sie auf „Erstellen“ und Ihr neues Projekt wird erstellt.

Sie werden dann zum folgenden Bildschirm weitergeleitet:

Als Nächstes müssen Sie sicherstellen, dass die Google Kalender-API aktiviert ist. Gehen Sie dazu wie im Bild beschrieben zum Abschnitt „Bibliothek“. Geben Sie nun „Kalender“ in das Suchfeld ein, wie im Bild gezeigt, und klicken Sie auf die Google Calendar API, wie im Bild hervorgehoben.

Dadurch gelangen Sie zum folgenden Bildschirm, in dem Sie auf die Schaltfläche „AKTIVIEREN“ klicken müssen, und fertig.

Wenn die Google Kalender-API für Ihr Projekt aktiviert ist, gehen Sie zurück zur „APIs und Dienste“ und gehen Sie nun zum „OAuth-Zustimmungsbildschirm“.

Auf dem folgenden Bildschirm werden Sie aufgefordert, Ihren Zielbenutzer auszuwählen.

Es gibt zwei Möglichkeiten:

  • Intern : Verfügbar für Benutzer innerhalb Ihrer Organisation. (Nur für Benutzer mit einem Workspace- Konto verfügbar.)
  • Extern : Verfügbar für jeden Nutzer mit einem Google-Konto.

Für dieses Projekt ist unser Zielbenutzertyp „ Intern“ (Sie können auch „Extern“ auswählen, wenn Sie kein Workspace-Konto haben). Nachdem Sie dies ausgewählt haben, klicken Sie auf ERSTELLEN . Dadurch gelangen Sie zum folgenden Bildschirm:

Füllen Sie einfach das Feld „App-Name“ „E-Mail“ , scrollen Sie nach unten und fügen Sie eine autorisierte Domäne hinzu, indem Sie auf die + DOMÄNE HINZUFÜGEN . Wenn Sie fertig sind, klicken Sie unten auf der Seite SPEICHERN UND WEITER

Nachdem Sie das erledigt haben, nutzen Sie die linke Seitenleiste und gehen Sie zum „Anmeldeinformationen“ .

Klicken Sie hier auf die + CREATE CREDENTIALS , wie im Bild gezeigt, und klicken Sie in den Dropdown-Optionen auf OAuth-Client-ID .

Im folgenden Bildschirm müssen Sie einen Anwendungstyp aus einem Dropdown-Menü auswählen.

Wählen Sie „Webanwendung“ und geben Sie dann einen Namen für den OAuth-Client ein. Scrollen Sie schließlich nach unten und fügen Sie einen autorisierten Weiterleitungs-URI hinzu.

Dies sollte der Umleitungs-URI sein, der im Abschnitt „Bookly“ > „Einstellungen“ > „Google Kalender“ auf Ihrer WordPress-Website bereitgestellt wird.

Nachdem Sie den Bookly-Redirect-URI in den Abschnitt „Autorisierte Redirect-URI“ eingegeben haben, klicken Sie auf „Erstellen“ und ein Popup-Fenster mit Ihrer Client-ID und Ihrem Client-Geheimnis .

Und das war’s: Sie haben erfolgreich eine Google-Client-ID und ein Client-Geheimnis erstellt. Kehren wir nun zu Ihrer WordPress-Website zurück und integrieren Sie Google Kalender in Ihren Bookly-Kalender.

Hinweis : In Google Kalender erstellte „Ganztägig“-Ereignisse sind standardmäßig auf „Kostenlos“ eingestellt. Wenn Sie also möchten, dass dieser Tag im Bookly-Kalender nicht verfügbar ist, denken Sie daran, den Status in „Beschäftigt“ zu ändern. Andernfalls zeigt der Bookly-Kalender den Tag an, an dem Termine vereinbart werden können.

Verbinden Sie Google Kalender mit Bookly Calendar

Nachdem Sie nun Ihre Google-Client-ID und Ihr Client-Geheimnis haben, melden Sie sich bei Ihrem WordPress-Dashboard an und gehen Sie zu Bookly > Einstellungen > Google Kalender . Scrollen Sie dort nach unten und geben Sie die Client-ID und das Geheimnis in die dafür vorgesehenen Felder ein.

Wählen Sie anschließend den bevorzugten Synchronisierungsmodus aus.

Wie Sie dem Bild oben entnehmen können, gibt es nur zwei Optionen zur Auswahl – „One-Way“ und „Two-Way Front-End Only“. Das Aktivieren der ordnungsgemäßen „Zwei-Wege“-Synchronisierung ist etwas schwierig und wird daher in einem späteren Abschnitt ausschließlich besprochen.

Wenn Sie keine „Zwei-Wege“-Synchronisierung benötigen, wählen Sie eine der beiden verfügbaren Synchronisierungsmethoden aus und scrollen Sie nach unten.

Im darauffolgenden Abschnitt finden Sie die Abschnitte „Vorlage für Veranstaltungstitel“ und „Vorlage für Veranstaltungsbeschreibung“.

Mit diesen Optionen können Sie konfigurieren, was als Ereignistitel und Ereignisbeschreibung für das Google Kalender-Ereignis angezeigt wird, das von Bookly Calendar synchronisiert wird.

Hier finden Sie eine ausführliche Anleitung, die Ihnen zeigt, welche Codes Sie zum Anpassen der Google Kalender-Einträge verwenden müssen .

Sobald dies erledigt ist, klicken Sie auf die „Speichern“ und Google Kalender wird in Ihren Bookly-Kalender integriert. Jetzt müssen Sie nur noch eine Verbindung zu Ihrem Google Kalender herstellen.

Gehen Sie dazu in der linken Seitenleiste zu „Bookly“ > „Mitarbeiter“. Wählen Sie hier einen Mitarbeiter aus, dessen Termine Sie mit Google Kalender synchronisieren möchten, und klicken Sie auf die Bearbeiten .

Dadurch wird ein Popup-Fenster geöffnet. Gehen Sie von hier aus zur „Erweitert“ und klicken Sie auf die Verbinden“ unter dem Google Kalender-Integrationsbereich, um die Termine der Mitarbeiter mit Google Kalender zu synchronisieren.

Und das ist es! Sie wissen jetzt, wie Sie Ihren Bookly-Kalender mit Ihrem Google-Kalender verbinden und Termine synchronisieren können. Der einzige Haken besteht darin, dass Sie alle Termine Ihrer Mitarbeiter einzeln manuell mit dem Google Kalender verknüpfen müssen.

Nachdem das geklärt ist, sprechen wir darüber, wie man die bidirektionale Synchronisierung mit Bookly und Google Kalender einrichtet.

So richten Sie die bidirektionale Synchronisierung mit Google Kalender ein

Die Optionen „One-Way“-Synchronisierung und „Two-Way Front-End Only“ sind direkt mit dem Bookly Pro WordPress- plugin verfügbar, und wir haben gerade erläutert, wie Sie diese Funktionen einrichten und verwenden können.

Wenn Sie nun eine „bidirektionale“ Synchronisierung zwischen Bookly und Google Kalender einrichten möchten, benötigen Sie das Premium -Add-on „Bookly Advanced“ für Google Kalender

Hinweis : Dies ist ein Add-on für das Bookly Pro- plugin . Daher müssen Sie das Bookly Pro- plugin auf Ihrem WordPress installiert haben und dann zusätzlich dieses Add-on installieren.

Nachdem das Add-on installiert ist, sollten Sie nun die Option „Zwei-Wege“-Synchronisierung sehen, die unter Bookly > Einstellungen > Google Kalender , was zuvor nicht der Fall war.

Direkt darunter befindet sich außerdem das Feld „Terminverlauf synchronisieren“, in dem Sie die Anzahl der Tage vergangener Kalenderdaten angeben können, die zwischen den beiden Kalendern synchronisiert werden sollen.

Beim Standardwert „0“ werden keine vergangenen Ereignisse synchronisiert.

Vor diesem Hintergrund ist die Aktivierung der bidirektionalen Synchronisierung nicht so einfach wie das Auswählen der Option und das Klicken auf die Schaltfläche „Speichern“.

Um sicherzustellen, dass alle Kalenderereignisse effizient synchronisiert werden, wird empfohlen, die offizielle zur Google Calendar API-Synchronisierung .

Außerdem müssen Sie Ihre Domain in der Google Search Console verifizieren und registrieren, bevor die bidirektionale Kalendersynchronisierung funktioniert.

Hier finden Sie die offizielle Anleitung von Google zur Bestätigung Ihrer Website-Inhaberschaft .

Sobald der Domänenname Ihrer Site überprüft wurde, müssen Sie ihn als zulässige Domäne für Ihr Projekt registrieren – das Projekt, dessen Client-ID und Client-Geheimnis mit Ihrem Bookly- plugin verbunden sind.

Gehen Sie dazu in der API-Konsole auf die Seite „ Domänenverifizierung Füllen Sie nun einfach das Formular aus und klicken Sie erneut auf die Schaltfläche „Domain hinzufügen“.

Vorausgesetzt, Ihre Domain hat den Verifizierungsprozess bestanden, können Sie sie jetzt auswählen, um Push-Benachrichtigungen zu erhalten und so eine bidirektionale Synchronisierung zwischen Ihrem Google Kalender und Bookly herzustellen.

So synchronisieren Sie Google Kalender manuell mit Bookly

Standardmäßig synchronisiert das Bookly- plugin Ereignisse nach einem festgelegten Zeitintervall mit Google Kalender. Wenn Sie Ereignisse jetzt synchronisieren möchten, können Sie in Ihrem WordPress-Dashboard zu Bookly > Kalender gehen und auf die Schaltfläche „Synchronisieren“ klicken, wie im Bild gezeigt:

Zusammenfassung

Wie Sie sehen, dauert die Integration von Google Kalender mit Bookly nur ein paar Klicks. Das eigentliche Problem besteht darin, Ihre Google APIs einzurichten und Ihre OAuth-Details zu erhalten.

Wir hoffen, dass dieses Tutorial Sie durch den Prozess geführt hat und dass Sie Google Kalender erfolgreich in Ihr Bookly- plugin integrieren konnten. Und falls Sie auf Probleme stoßen, teilen Sie uns dies gerne in den Kommentaren mit. Wir werden unser Bestes geben, um das Problem so schnell wie möglich zu lösen.

Nitish Singh

Kommentare ansehen

  • Hallo – hier ist meine Vorstellung, um nicht unausgewogen zu sein. Frage: Wurden die Synchronisierungs- und Datenschutzrelevanten Daten übertragen?
    Wir möchten uns bei Ihnen für Ihre Wertschätzung im Kalender

    • Hallo, alle Datenschutzdaten werden von Google verwaltet, da es sich um die Quelle des Ereignisses handelt, beispielsweise wenn Sie ein YouTube-Video auf Ihrer Website einbetten. Prost,

  • Hallo! Ich hoffe, es geht Ihnen gut. Ich möchte wissen, ob dieses plugin auch das Hinzufügen des generierten Termins zum Kalender des Endkunden ermöglicht.

    • Hallo, ja, sicher, dass die Details per E-Mail gesendet werden und in einen Kundenkalender importiert werden können (bei Gmail erfolgt das automatisch).

  • Bonjour,
    Sie können Ihren Google Kalender gerne auch bookly und benutzerfreundlich nutzen.
    Seitdem ist meine Verbindung zu Google verflochten, ich weiß nicht, was mich erwartet:

    „Google Kalender: Fehler beim Aktualisieren des OAuth2-Tokens, Meldung: '{ „error“: „disabled_client“, „error_description“: „Der OAuth-Client wurde deaktiviert.“ }‘“

    Gibt es eine Lösung für die Unterbrechungen zwischen Komm-Zellen? Car Devoir empfiehlt die Erstellung eines Projekts, um langfristig eine tragfähige Lösung zu finden...

    • Hallo, der Fehler scheint auf eine Änderung in der Google API zurückzuführen zu sein. Sie sollten prüfen, ob ein plugin Update vorhanden ist.

  • Buenas tardes,
    alguien podría empfohlen algún desarrollador que pueda contratar para terminar de integrar Bookly on my page web? Sie können dies tun, indem Sie den Google-Kalender verwenden (der dafür zuständig ist) und Sie werden in der Lage sein, das Problem zu lösen, ohne „auf eine Terceros zugreifen“ zu müssen, ohne sich um die Integration kümmern zu müssen.

  • Buenos Dias,

    Wenn es um die Verifizierung der App geht, müssen Sie sich keine Gedanken über die Verifizierung der App machen.

  • Buenos Dias,

    Wie fragt man nach einem Dominio autorizado, woher weiß man von der Broschüre oder wie nutzt man das Internet, um sie zu installieren?

    Gracias!

  • Bonjour,

    Sie können jetzt gerne damit fortfahren (danke Beaucoup), während Sie mit dem Band auf dem „Avancé“ des „Stabs“ fertig sind und auf „Google-Kalender-Synchronisierung“ klicken, erhalten Sie die Meldung „Erreur comme quoi mon“. Die App ist nicht für Google gültig. „Google hat keine gültige Anwendung für diese Anwendung gewisses Maß an Validierung durch Google.“
    Außerdem gibt es in der Google-Cloud eine Meldung mit der Aufschrift „Etat de validation – Validation non requise“. Pouvez-vous m'aider ?
    Danke

    • Hallo, ich denke, Sie müssen alle Autorisierungen überprüfen, wenn Sie die Verbindung herstellen. Google Kalender hat seit der Erstellung dieses Beitrags möglicherweise neue hinzugefügt!

  • Ich erhalte im letzten Schritt eine Benachrichtigung und kann mich daher nicht als Mitarbeiter mit der Agenda verknüpfen

    Fehler 403: access_denied
    Der Entwickler hat Ihnen keinen Zugriff auf diese App gewährt. Es wird derzeit getestet und wurde noch nicht von Google überprüft. Wenn Sie der Meinung sind, dass Sie Zugriff haben sollten, wenden Sie sich an den Entwickler (******@gmail).

    Hat jemand hierfür eine Lösung?

    • Ja, das liegt daran, dass Sie kein Administrator der erstellten Agenda sind. Um Daten zu synchronisieren, benötigen Sie einen Admin-Zugriff, die Einrichtung muss über Google Kalender erfolgen

  • Hallo!
    Es ist eine großartige Kunst und meine Parece ist fantastisch.
    Nach einer Beratung habe ich eine Website für einen Schönheitssalon mit Reservierungssystem erstellt.
    Mein Leitfaden zum Google Kalender ist der Leitfaden zum Bookly und die verfügbaren Optionen.
    Die Idee besteht darin, verschiedene Kalender für den täglichen Service zu erstellen, bei dem der Salon während der normalen Geschäftszeiten genutzt wird, während die Fachkräfte tagsüber weiter an ihren Diensten arbeiten.
    Möchten Sie nur verschiedene Kalender im Google-Kalender erstellen?
    Ist das auch ein Widerspruch zu Google Workspace? Sind Sie allein mit dem Bookly-Plugin? Wie funktioniert das?
    Gracias.

    • Hallo, ich denke, die Verwendung eines anderen Kalenders in Bookly ist die beste Lösung, oder die Synchronisierung mehrerer Kalender von Google kann eine Option sein

kürzliche Posts

So verwenden Sie Kopf- und Fußzeilen mit Elementor

Kopf- und Fußzeilen einer Website sind wesentliche Elemente. In den meisten Fällen dient der Header der Navigation …

6. Januar 2022

WordPress-Theme-Vergleich: Astra vs OceanWP

Zwei der beliebtesten WordPress-Themes auf dem Markt sind Astra und OceanWP. Fachmann…

2. Januar 2022

Vergleich des WordPress-News-Themes: Zeitung vs. Astra

Um eine hervorragende Nachrichten-Website zu erstellen, müssen Sie kein Webdesigner werden. Wir…

25. Oktober 2021

Erstellen Sie eine nachrichtenbezogene Website mit dem Zeitungsthema

Das Newspaper-Theme ist eines der bedeutendsten WordPress-Themes, das von tagDiv entworfen wurde, einem…

18. Oktober 2021

So erstellen Sie einen E-Commerce mit dem Avada WooCommerce Builder

Wenn es um die Einrichtung eines Online-Shops geht, ist WooCommerce das plugin -in der Wahl. Es…

4. Oktober 2021

So verwenden Sie Sticky-Header- und Scrolling-Effekte mit Elementor

Ein Header ist im Allgemeinen das Erste, was eine Person sieht, wenn sie Ihre Website besucht.

21. September 2021