Skonfiguruj integrację Kalendarza Google z Plugin WordPress Bookly

Czy używasz plugin WordPress Bookly do zarządzania rezerwacjami i spotkaniami na swojej stronie? Czy chcesz synchronizować wszystkie rezerwacje i spotkania podjęte za pomocą plugin , aby automatycznie synchronizować się z Twoim Kalendarzem Google?

Jeśli tak, to trafiłeś we właściwe miejsce!

Tutaj przygotowaliśmy kompleksowy, dogłębny samouczek na temat wszystkiego, co musisz wiedzieć, jak skonfigurować integrację Kalendarza Google z plugin WordPress Bookly.

Zastrzeżenie : Musisz używać plugin Bookly Pro , a nie darmowej plugin . Darmowa wersja, mimo że świetnie nadaje się do skonfigurowania podstawowego systemu rezerwacji, brakuje wielu zaawansowanych funkcji poprawiających jakość życia, takich jak obsługa integracji z Google.

Zatem bez zbędnych ceregieli, zaczynajmy:

Spis treści

Różne metody synchronizacji Kalendarza Google dostępne w Bookly

plugin Bookly Pro WordPress udostępnia trzy metody synchronizacji Kalendarza Google – synchronizację jednokierunkową, tylko dwukierunkowy interfejs i odpowiednią synchronizację dwukierunkową.

Oto spojrzenie na działanie tych metod:

Synchronizacja w jedną stronę

Jeśli wybierzesz tę metodę synchronizacji, plugin automatycznie prześle wszystkie nowe spotkania, w tym pola niestandardowe i wszelkie inne zmiany wprowadzone w Kalendarzu Bookly, bezpośrednio do podłączonego Kalendarza Google, ale nie na odwrót.

Jest to przydatne, gdy chcesz, aby Twój Kalendarz Google był na bieżąco aktualizowany w stosunku do Kalendarza Bookly, ale jednocześnie chcesz swobodnie wprowadzać zmiany w Kalendarzu Google bez wpływu na Kalendarz Bookly.

Tylko dwukierunkowy front-end

Dzięki tej metodzie synchronizacji plugin automatycznie pobierze dane o wydarzeniach z podłączonego Kalendarza Google, a następnie usunie odpowiednie przedziały czasowe z Booking Calendar na etapie „Wybierz przedział czasowy” podczas umawiania spotkania.

Dlatego też, włączając tę ​​opcję, możesz mieć pewność, że żadne spotkania w Bookly nie będą konkurować z wydarzeniami w Kalendarzu Google.

Biorąc to pod uwagę, pamiętaj, że ta metoda nie kopiuje ani nie wyświetla wydarzeń z Kalendarza Google w Kalendarzu Bookly. Aby to zrobić, potrzebujesz następnej metody synchronizacji.

Uwaga : synchronizacja spotkań między Kalendarzem Google i Kalendarzem Bookly zajmuje trochę czasu. W związku z tym ta opcja wydłuży czas ładowania kroku „Wybierz przedział czasowy”. Aby zaradzić temu problemowi, ogranicz liczbę pobieranych zdarzeń związanych z tą opcją.

Dwukierunkowa synchronizacja

Jest to właściwa dwukierunkowa metoda synchronizacji, w której wszystkie rezerwacje utworzone i zaktualizowane w Kalendarzu Bookly automatycznie odzwierciedlają się w podłączonym Kalendarzu Google i odwrotnie.

Jednak ta funkcja nie jest obsługiwana w domyślnej plugin . Do tego potrzebny jest dodatkowy dodatek – Zaawansowany Kalendarz Google dla Bookly . Ale to nie wszystko – zanim włączysz to ustawienie, musisz także wstępnie skonfigurować Kalendarz Google.

W dalszej części znajduje się szczegółowa sekcja dotycząca konfigurowania synchronizacji dwukierunkowej.

Znajdź swój identyfikator klienta Google i sekret klienta

plugin Bookly wymaga podania identyfikatora klienta Google i sekretu klienta w celu zintegrowania Kalendarza Bookly z Kalendarzem Google.

Aby to zrobić, musisz udać się do Google Developer Console i zalogować się na swoje konto. Tam wybierz istniejący projekt lub utwórz nowy projekt.

Jeśli po raz pierwszy korzystasz z Google Developer Console, zobaczysz opcję UTWÓRZ PROJEKT, jak pokazano na obrazku poniżej.

Kliknij go, a pojawi się monit o wprowadzenie „Nazwy projektu” i „Organizacji nadrzędnej lub folderu” dla projektu. Po zakończeniu kliknij „Utwórz”, a Twój nowy projekt zostanie utworzony.

Następnie zostaniesz przekierowany do następującego ekranu:

Następnie musisz upewnić się, że interfejs API Kalendarza Google jest włączony. Aby to zrobić, przejdź do sekcji Biblioteka, jak pokazano na obrazku. Teraz wpisz „Kalendarz” w polu wyszukiwania, jak pokazano na obrazku, i kliknij interfejs API Kalendarza Google, jak zaznaczono na obrazku.

Spowoduje to przejście do następnego ekranu, na którym należy kliknąć przycisk „WŁĄCZ” i to wszystko.

Po włączeniu interfejsu API Kalendarza Google w swoim projekcie wróć do API i usługi , a teraz przejdź do „Ekranu zgody OAuth”.

Poniższy ekran poprosi Cię o wybranie docelowego użytkownika.

Istnieją dwie opcje:

  • Wewnętrzne : dostępne dla użytkowników w Twojej organizacji. (Dostępne tylko dla użytkowników posiadających Workspace .)
  • Zewnętrzne : dostępne dla każdego użytkownika posiadającego konto Google.

W przypadku tego projektu naszym docelowym typem użytkownika będzie Wewnętrzny (możesz także wybrać Zewnętrzny, jeśli nie masz konta Workspace). Po wybraniu kliknij UTWÓRZ . Spowoduje to przejście do następującego ekranu:

Po prostu wypełnij nazwy aplikacji , e-mail , przewiń w dół i dodaj autoryzowaną domenę, klikając przycisk +DODAJ DOMENĘ . Gdy już to zrobisz, naciśnij ZAPISZ I KONTYNUUJ na dole strony.

Teraz, mając to już za sobą, użyj lewego paska bocznego i przejdź do Poświadczenia .

W tym miejscu kliknij przycisk + UTWÓRZ POświadczenia , jak pokazano na obrazku, a następnie w menu rozwijanym kliknij Identyfikator klienta OAuth .

Na następnym ekranie musisz wybrać typ aplikacji z rozwijanego menu.

Wybierz „Aplikacja internetowa”, a następnie wpisz nazwę klienta OAuth. Na koniec przewiń w dół i dodaj identyfikator URI autoryzowanego przekierowania.

Powinien to być identyfikator URI przekierowania podany w sekcji Bookly > Ustawienia > Kalendarz Google w Twojej witrynie WordPress.

Po wprowadzeniu identyfikatora URI przekierowania Bookly w sekcji URI autoryzowanego przekierowania kliknij Utwórz, a pojawi się wyskakujące okienko pokazujące Twój identyfikator klienta i sekret klienta .

I to wszystko. Pomyślnie utworzyłeś identyfikator klienta Google i sekret klienta. Wróćmy teraz do Twojej witryny WordPress i zintegruj Kalendarz Google z Kalendarzem Bookly.

Uwaga : wydarzenia „całodniowe” utworzone w Kalendarzu Google są domyślnie ustawione na „Bezpłatne”. Dlatego jeśli chcesz, aby ten dzień był niedostępny w Kalendarzu Bookly, pamiętaj o zmianie statusu na „Zajęty”. W przeciwnym razie Kalendarz Książkowy pokaże dzień dostępny na spotkania.

Połącz Kalendarz Google z Kalendarzem Bookly

Teraz, gdy masz już swój identyfikator klienta Google i sekret klienta, zaloguj się do panelu WordPress i przejdź do Bookly > Ustawienia > Kalendarz Google . Tam przewiń w dół i wprowadź identyfikator klienta i sekret w wyznaczonych polach.

Po zakończeniu wybierz preferowany tryb synchronizacji.

Jak widać na powyższym obrazku, do wyboru są tylko dwie opcje – „Jednokierunkowa” i „Tylko dwukierunkowa z interfejsem użytkownika”. Włączenie właściwej synchronizacji „dwukierunkowej” jest trochę trudne, dlatego omówiliśmy to wyłącznie w dalszej części.

Jeśli nie potrzebujesz synchronizacji „Two-Way”, wybierz jedną z dwóch dostępnych metod synchronizacji i przewiń w dół.

W kolejnej sekcji znajdziesz sekcje „Wzór tytułu wydarzenia” i „Wzór opisu wydarzenia”.

Te opcje umożliwiają skonfigurowanie tytułu i opisu wydarzenia w Kalendarzu Google synchronizowanego z Kalendarzem Bookly.

Oto szczegółowy przewodnik pokazujący, jakich kodów należy użyć, aby dostosować wpisy Kalendarza Google .

Gdy to zrobisz, naciśnij Zapisz , a Kalendarz Google zostanie zintegrowany z Twoim Kalendarzem Bookly. Teraz pozostaje tylko połączyć się z Kalendarzem Google.

Aby to zrobić, przejdź do Bookly > Członkowie personelu na lewym pasku bocznym. Stąd wybierz członka personelu, którego spotkania chcesz zsynchronizować z Kalendarzem Google, i kliknij Edytuj .

Spowoduje to wyświetlenie wyskakującego okna. Stąd przejdź do Zaawansowane i kliknij Połącz w integracji Kalendarza Google , aby zsynchronizować spotkania pracowników z Kalendarzem Google.

I to wszystko! Teraz wiesz, jak połączyć swój Kalendarz Bookly z Kalendarzem Google i synchronizować spotkania. Jedynym haczykiem jest to, że musisz ręcznie połączyć spotkania wszystkich pracowników z Kalendarzem Google, pojedynczo.

Skoro już to ustaliliśmy, porozmawiajmy o tym, jak skonfigurować dwukierunkową synchronizację z Bookly i Kalendarzem Google.

Jak skonfigurować synchronizację dwukierunkową z Kalendarzem Google

Opcje synchronizacji „Jednokierunkowej” i „Two-Way Front-End Only” są dostępne bezpośrednio z plugin Bookly Pro WordPress, a my właśnie omówiliśmy, jak skonfigurować i korzystać z tych funkcji.

Teraz, jeśli chcesz skonfigurować „dwukierunkową” synchronizację pomiędzy Bookly i Kalendarzem Google, będziesz potrzebować dodatku Bookly Advanced Google Calendar

Uwaga : jest to dodatek do plugin Bookly Pro . W związku z tym będziesz musiał plugin na swoim WordPressie, a następnie zainstalować ten dodatek.

Teraz, po zainstalowaniu dodatku, powinna być widoczna opcja synchronizacji „dwukierunkowej” dostępna w Bookly > Ustawienia > Kalendarz Google , co wcześniej nie miało miejsca.

Ponadto tuż pod nim znajduje się pole „Synchronizuj historię spotkań”, w którym możesz określić liczbę dni z poprzednich kalendarzy, które chcesz zsynchronizować między dwoma kalendarzami.

Dla wartości domyślnej – „0”, żadne przeszłe zdarzenia nie będą synchronizowane.

Mając to na uwadze, włączenie synchronizacji dwukierunkowej nie będzie tak proste, jak wybranie opcji i naciśnięcie przycisku „Zapisz”.

Aby mieć pewność, że wszystkie wydarzenia w Kalendarzu zostaną skutecznie zsynchronizowane, zaleca się skorzystanie z oficjalnego dotyczącego synchronizacji interfejsu API Kalendarza Google .

Musisz także zweryfikować i zarejestrować swoją domenę w Google Search Console, zanim dwukierunkowa synchronizacja kalendarza zacznie działać.

Oto oficjalny przewodnik Google dotyczący potwierdzania własności witryny .

Po zweryfikowaniu nazwy domeny Twojej witryny będziesz musiał zarejestrować ją jako domenę dozwoloną dla swojego projektu – projektu, którego identyfikator klienta i sekret klienta są połączone z plugin Bookly.

Aby to zrobić, przejdź do Weryfikacja domeny w Konsoli API i kliknij „Dodaj domenę”. Teraz wystarczy wypełnić formularz i ponownie kliknąć przycisk „Dodaj domenę”.

Jeśli Twoja domena przeszła proces weryfikacji, możesz ją teraz wybrać, aby zacząć otrzymywać powiadomienia push i tym samym ustanowić dwukierunkową synchronizację pomiędzy Kalendarzem Google i Bookly.

Jak ręcznie zsynchronizować Kalendarz Google z Bookly

Domyślnie plugin Bookly synchronizuje wydarzenia z Kalendarzem Google po określonym czasie. Jeśli chcesz teraz zsynchronizować wydarzenia, możesz przejść do Bookly > Kalendarz z panelu WordPress i kliknąć przycisk „Synchronizuj”, jak pokazano na obrazku:

Podsumowanie

Jak widać, integracja Kalendarza Google z Bookly wymaga tylko kilku kliknięć. Prawdziwym problemem jest konfiguracja interfejsów API Google i uzyskanie danych OAuth.

Mamy nadzieję, że ten samouczek pomógł Ci przeprowadzić Cię przez cały proces i udało Ci się pomyślnie zintegrować Kalendarz Google z plugin Bookly. A jeśli napotkasz jakieś problemy, daj nam znać w komentarzach. Postaramy się jak najlepiej rozwiązać problem jak najszybciej.

Nitish Singh

Zobacz komentarze

  • Witam - oto mój pomysł na to, aby nie być niezrównoważonym Frage: Czy synchronizacja i Datenschutz były istotne dla Daten übertragen?
    chcielibyśmy podziękować za uznanie w kalendarzu

    • Witaj, wszystkimi danymi dotyczącymi prywatności zarządza Google, ponieważ jest to źródło zdarzenia, na przykład w przypadku umieszczenia filmu z YouTube na swojej stronie internetowej. Dzięki,

  • Cześć! Mam nadzieję, że u Ciebie wszystko w porządku, chcę wiedzieć, czy ta plugin umożliwia także dodanie wygenerowanego spotkania do kalendarza klienta końcowego.

    • Cześć, Tak, szczegóły są wysyłane e-mailem i można je zaimportować do kalendarza klienta (w Gmailu jest to automatyczne)

  • Bonjour,
    możesz korzystać z Kalendarza Google zarówno w wersji książkowej, jak i z łatwością obsługi.
    Od tamtej pory moje połączenie z Google jest ze sobą powiązane, nie wiem czego się spodziewać:

    „Kalendarz Google: Błąd podczas odświeżania tokena OAuth2, komunikat: '{ "error": "disabled_client", "error_description": "Klient OAuth został wyłączony." }'"

    Czy istnieje rozwiązanie problemu przerw między komórkami comme? Car devoir zaleca utworzenie projektu do naśladowania, aby znaleźć realne rozwiązanie na dłuższą metę...

    • Witaj, błąd wydaje się wynikać ze zmiany w interfejsie API Google. Powinieneś sprawdzić, czy istnieje aktualizacja plugin .

  • Buenas tardes,
    alguien podría polecane algún desarrollador que pueda contratar para terminar de integrar Bookly na mojej stronie internetowej? Możesz to zrobić za pomocą Kalendarza Google (on comprado to zrobić), a będziesz w stanie rozwiązać problem bez konieczności „dostępu do terceros” i nie martwienia się o integrację.

  • Buenos Dias,

    Jeśli chodzi o weryfikację aplikacji, nie musisz się martwić o weryfikację aplikacji.

  • Buenos Dias,

    Jak poprosić o autorizado dominio, skąd wiesz o książeczce lub jak korzystasz z Internetu, aby ją zainstalować?

    Gratulacje!

    • Cześć, myślę, że jest to związane z autoryzacją aplikacji Google.

  • Bonjour,

    Możesz teraz kontynuować (dziękuję, beaucoup), gdy skończysz z taśmą na „avancé” „personelu” i klikniesz „synchronizacja kalendarza Google”, pojawi się komunikat „Erreur comme quoi mon” aplikacja n'est pas validé par Google „Google n'a pas validé cette application. Aplikacja wymaga dostępu do informacji wrażliwych de votre compte Google. Nous vous recommandons de ne pas utiliser cette application tant que „proces programowania wymaga pewna ilość weryfikacji przez Google.”
    W chmurze Google znajduje się również komunikat „Etat de validation - Validation non requise”. Pouvez-vous m'aider?
    Dzięki

    • Cześć, myślę, że musisz sprawdzić całą autoryzację podczas nawiązywania połączenia. Od czasu napisania tego posta w Kalendarzu Google mogły zostać dodane nowe!

  • Na ostatnim etapie otrzymuję powiadomienie, więc nie mogę połączyć się jako pracownik z agendą

    Błąd 403: access_denied
    Programista nie udzielił Ci dostępu do tej aplikacji. Jest obecnie testowany i nie został zweryfikowany przez Google. Jeśli uważasz, że powinieneś mieć dostęp, skontaktuj się z programistą (**********@gmail).

    Czy ktoś ma na to rozwiązanie?

    • Tak, to dlatego, że nie jesteś administratorem utworzonego programu. Aby zsynchronizować dane, potrzebujesz dostępu administratora, konfigurację należy przeprowadzić z poziomu Kalendarza Google

  • Cześć!
    To wielka sztuka, a mój parece fantastyczny.
    Tengo una consulta, estoy realizando una web de un salon de belleza con sistema de reservas.
    Mój przewodnik po Kalendarzu Google jest przewodnikiem po Bookly i dostępne są opcje.
    Pomysł polega na stworzeniu różnorodnych kalendarzy codziennej obsługi, podczas których salon będzie używany w normalnych godzinach pracy, a profesjonaliści w ciągu dnia będą kontynuować pracę nad swoimi usługami.
    ¿Solo z możliwością tworzenia różnych kalendarzy w kalendarzu Google?
    o también ¿haría falta contratar Google Workspace? ¿Osolo z wtyczką Bookly? ¿Como funciana?
    Gracie.

    • Cześć, myślę, że najlepszym rozwiązaniem jest użycie innego kalendarza w Bookly lub synchronizacja kilku kalendarzy z Google może być opcją

Ostatnie posty

Jak używać nagłówków i stopek w Elementorze

Nagłówki i stopki witryny internetowej są niezbędnymi elementami. W większości przypadków nagłówek zapewnia nawigację…

6 stycznia 2022 r

Porównanie motywów WordPress: Astra vs OceanWP

Dwa najpopularniejsze motywy WordPress na rynku to Astra i OceanWP. Profesjonalny…

2 stycznia 2022 r

Porównanie motywów wiadomości WordPress: Gazeta vs. Astry

Stworzenie doskonałej witryny z wiadomościami nie wymaga zostania projektantem stron internetowych. My…

25 października 2021 r

Utwórz witrynę internetową związaną z wiadomościami za pomocą motywu gazety

Motyw gazety jest jednym z najważniejszych motywów WordPress zaprojektowanych przez tagDiv, firmę…

18 października 2021 r

Jak zbudować eCommerce za pomocą kreatora Avada WooCommerce

Jeśli chodzi o konfigurację sklepu internetowego, WooCommerce jest najczęściej wybieraną plugin . To…

4 października 2021 r

Jak używać lepkiego nagłówka i efektów przewijania w Elementorze

Nagłówek jest zazwyczaj pierwszą rzeczą, którą widzi osoba odwiedzająca Twoją witrynę…

21 września 2021 r