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
• One-Way-Synchronisierung
• Nur Zwei-Wege-Frontend
• Zwei-Wege-Synchronisierung
• Finden Sie Ihre Google-Client-ID und Ihr Client-Geheimnis
• Verbinden Sie Google Kalender mit Bookly Calendar
• So richten Sie die bidirektionale Synchronisierung mit Google Kalender ein
• So synchronisieren Sie Google Kalender manuell mit Bookly
• Zusammenfassung

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.