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

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

Wenn ja, dann sind Sie bei uns genau richtig!

Hier haben wir ein umfassendes ausführliches Tutorial zu allem vorbereitet, was Sie wissen müssen, um die Google Kalender-Integration mit dem WordPress Bookly- plugin einzurichten.

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

Fangen wir also ohne weiteres an:

Inhaltsverzeichnis

• Verschiedene Google Kalender-Synchronisierungsmethoden, die auf Bookly verfügbar sind
• Synchronisierung in eine Richtung
• Nur Zwei-Wege-Front-End
• Zwei-Wege-Synchronisierung
• Finden Sie Ihre Google-Client-ID und Ihr Client-Geheimnis
• Verbinden Sie Google Kalender mit Bookly Calendar
• So richten Sie die Zwei-Wege-Synchronisierung mit Google Kalender ein
• So synchronisieren Sie Google Kalender manuell mit Bookly
• Einpacken

Verschiedene Google Kalender-Synchronisierungsmethoden, die auf Bookly verfügbar sind

Das Bookly Pro WordPress- plugin bietet Ihnen drei Synchronisierungsmethoden für Google Kalender – Einweg-Synchronisierung, nur Zwei-Wege-Front-End und richtige Zwei-Wege-Synchronisierung.

Hier ist ein Blick darauf, was diese Methoden tun:

Synchronisierung in eine Richtung

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

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

Nur Zwei-Wege-Front-End

Bei dieser Synchronisierungsmethode holt das plugin automatisch Ereignisdaten aus dem verbundenen Google-Kalender 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-Terminen 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-Kalender 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 richtige 2-Wege-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-Plug-in nicht plugin . Dafü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 detaillierten 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.

Um dies zu tun, müssen Sie zur 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, sehen Sie die Option PROJEKT ERSTELLEN, wie in der Abbildung unten gezeigt.

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

Sie werden dann zu folgendem 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 Google Kalender-API, wie im Bild hervorgehoben.

Dies bringt Sie zum folgenden Bildschirm, in dem Sie auf die Schaltfläche "ENABLE" klicken müssen und das war's.

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

Der folgende Bildschirm fordert Sie auf, Ihren Zielbenutzer auszuwählen.

Es gibt zwei Möglichkeiten:

• Intern : Verfügbar für Benutzer in Ihrer Organisation. (Nur für Benutzer mit einem Workspace- Konto verfügbar .)
• Extern : Verfügbar für jeden Benutzer 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 das ausgewählt haben, klicken Sie auf CREATE . Dadurch gelangen Sie zu folgendem Bildschirm:

Füllen Sie einfach das Feld App-Name und E-Mail aus, scrollen Sie nach unten und fügen Sie eine autorisierte Domain hinzu, indem Sie auf die Schaltfläche +DOMAIN HINZUFÜGEN klicken . Wenn Sie fertig sind, klicken Sie unten auf der Seite auf SPEICHERN UND WEITER .

Verwenden Sie nun die linke Seitenleiste und gehen Sie zum Abschnitt " Anmeldeinformationen ".

Klicken Sie von hier aus auf die Schaltfläche + CREATE CREDENTIALS , wie in der Abbildung 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 Umleitungs-URI hinzu.

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

Nachdem Sie die Bookly Redirect URI in den Abschnitt Authorized Redirect URI eingegeben haben, klicken Sie auf Erstellen und ein Popup-Fenster erscheint, das Ihre Client-ID und Ihr Client-Geheimnis anzeigt .

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 : „Ganztägige“ Ereignisse, die in Google Kalender erstellt werden, 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 auf „Beschäftigt“ zu ändern. Andernfalls zeigt der Bookly-Kalender den für Termine verfügbaren Tag an.

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.

Wenn Sie fertig sind, wählen Sie den bevorzugten Synchronisationsmodus.

Wie Sie dem obigen Bild entnehmen können, stehen nur zwei Optionen zur Auswahl – „One-Way“ und „Two-Way Front-End Only“. Das Aktivieren der richtigen „Zwei-Wege“-Synchronisierung ist ein wenig knifflig und deshalb haben wir es in einem späteren Abschnitt exklusiv besprochen.

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

Im folgenden 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 den Google Kalender-Termin angezeigt wird, der von Bookly Calendar synchronisiert wird.

Hier ist eine ausführliche Anleitung, die Ihnen zeigt, welche Codes Sie verwenden müssen, um die Google Kalender-Einträge anzupassen .

Sobald dies erledigt ist, klicken Sie auf die Speichern und Google Kalender wird in Ihren Bookly-Kalender integriert. Jetzt müssen Sie sich nur noch mit Ihrem Google Kalender verbinden.

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 Schaltfläche Bearbeiten

Dadurch wird ein Popup-Fenster geöffnet. Gehen Sie von hier aus zur Registerkarte Erweitert und klicken Sie im Integrationsbereich von Google Kalender auf die Schaltfläche Verbinden , um die Mitarbeitertermine mit Google Kalender zu synchronisieren.

Und das ist es! Jetzt wissen Sie, wie Sie Ihren Bookly-Kalender mit Ihrem Google-Kalender verbinden und Termine synchronisieren. Der einzige Haken ist, dass Sie alle Termine Ihrer Mitarbeiter einzeln manuell mit dem Google Kalender verbinden müssen.

Lassen Sie uns nun darüber sprechen, wie Sie die Zwei-Wege-Synchronisierung mit Bookly und Google Kalender einrichten.

So richten Sie die Zwei-Wege-Synchronisierung mit Google Kalender ein

Die Synchronisierungsoptionen "One-Way" und "Two-Way Front-End Only" sind direkt mit dem Bookly Pro WordPress- plugin verfügbar, und wir haben gerade behandelt, wie Sie diese Funktionen einrichten und verwenden können.

Wenn Sie nun eine „Zwei-Wege“-Synchronisation zwischen Bookly und Google Kalender einrichten möchten, benötigen Sie das Premium -Add-on Bookly Advanced Google Calendar

Hinweis : Dies ist ein Add-On für das Bookly Pro- plugin . Daher müssen Sie das Bookly Pro- plugin auf Ihrem WordPress installieren und dann dieses Add-On installieren.

Jetzt, mit dem installierten Add-On, sollten Sie jetzt die Option „Zwei-Wege-Synchronisierung“ sehen, die in Bookly > Einstellungen > Google Kalender , was zuvor nicht der Fall war.

Außerdem befindet sich direkt darunter das Feld "Terminverlauf synchronisieren", in dem Sie die Anzahl der Tage der vergangenen Kalenderdaten angeben können, die zwischen den beiden Kalendern synchronisiert werden sollen.

Für den Standardwert – „0“, werden keine vergangenen Ereignisse synchronisiert.

Abgesehen davon ist das Aktivieren der Zwei-Wege-Synchronisierung nicht so einfach wie das Auswählen der Option und das Klicken auf die Schaltfläche "Speichern".

Um sicherzustellen, dass alle Kalendertermine effizient synchronisiert werden, wird empfohlen, den offiziellen Leitfaden zur Google Kalender-API-Synchronisierung zu befolgen .

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

Hier ist die offizielle Anleitung von Google, wie Sie die Inhaberschaft Ihrer Website bestätigen können .

Sobald der Domainname Ihrer Site verifiziert ist, müssen Sie ihn als zulässige Domain für Ihr Projekt registrieren – das Projekt, dessen Client-ID und Client-Geheimnis mit Ihrem Bookly- plugin .

Gehen Sie dazu in der API-Konsole auf die Domainverifizierung und klicken Sie auf „Domain hinzufügen“. 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 ist das Bookly plugin Synchronisierungen Ereignisse mit Google Kalender nach einem festgelegten Zeitintervall. Wenn Sie Ereignisse jetzt synchronisieren möchten, können Sie von Ihrem WordPress-Dashboard aus zu Bookly > Kalender gehen und auf die Schaltfläche "Synchronisieren" klicken, wie in der Abbildung gezeigt:

Einpacken

Wie Sie sehen, erfordert die Integration von Google Kalender in Bookly nur wenige Klicks. Das eigentliche Problem besteht darin, Ihre Google APIs einzurichten und Ihre OAuth-Details abzurufen.

Wir hoffen , dass dieses Tutorial geholfen hat , Sie durch den Prozess zu gehen und Sie konnten erfolgreich Google Kalender mit Ihrem Bookly integrieren plugin . Und falls Sie auf einige Probleme gestoßen sind, können Sie uns dies gerne in den Kommentaren mitteilen. Wir werden unser Bestes geben, um das Problem so schnell wie möglich zu lösen.