Állítson be egy Google Naptár integrációt a WordPress Bookly Plugin

Használja a WordPress Bookly beépülő plugin a foglalások és találkozók kezelésére a webhelyén? Szeretné szinkronizálni az összes foglalást és időpontot, amelyet a plugin , hogy automatikusan szinkronizálja a Google Naptárral?

Ha igen, akkor jó helyen jársz!

Itt elkészítettünk egy átfogó, mélyreható oktatóanyagot mindenről, amit tudnia kell a Google Naptár integrációjának beállításáról a WordPress Bookly plugin .

Jogi nyilatkozat : Bookly Pro plugin kell használnod , nem az ingyenes Bookly plugin . Az ingyenes verzió, bár nagyszerű csupán egy alapvető foglalási rendszer beállításához, hiányzik számos olyan fejlett életminőség-funkcióból, mint például a Google-integráció támogatása.

Tehát minden további nélkül kezdjük:

Tartalomjegyzék

Különböző Google-naptár-szinkronizálási módszerek állnak rendelkezésre a Bookly-n

A Bookly Pro WordPress plugin három Google Naptár szinkronizálási módszert kínál – egyirányú szinkronizálást, csak kétirányú front-end és megfelelő kétirányú szinkronizálást.

Íme, nézzük meg, mire képesek ezek a módszerek:

Egyirányú szinkronizálás

Ha ezt a szinkronizálási módot választja, a plugin automatikusan átküldi az összes új találkozót, beleértve az egyéni mezőket és a Bookly Calendar egyéb módosításait, közvetlenül a csatlakoztatott Google Naptárba, de fordítva nem.

Ez akkor hasznos, ha azt szeretné, hogy a Google Naptár naprakész legyen a könyves naptárával, de szabadon módosítania kell a Google Naptárt anélkül, hogy ez befolyásolná a könyves naptárat.

Csak kétirányú front-end

Ezzel a szinkronizálási módszerrel a plugin automatikusan lekéri az eseményadatokat a csatlakoztatott Google Naptárból, majd eltávolítja a megfelelő időpontokat a Booking Calendar az időpont egyeztetésének „Időpont kiválasztása” lépése során.

Ennek megfelelően, ha engedélyezi ezt a lehetőséget, biztos lehet benne, hogy a Bookly-találkozók egyike sem versenyez a Google Naptár eseményeivel.

Ennek ellenére vegye figyelembe, hogy ez a módszer nem másolja és nem jeleníti meg a Google Naptár eseményeit a Bookly Calendarban. Ehhez a következő szinkronizálási módszerre van szüksége.

Megjegyzés : A találkozók szinkronizálása a Google Naptár és a Bookly Calendar között eltart egy ideig. Mint ilyen, ez az opció megnöveli a „Select Time Slot” lépés betöltési idejét. A probléma megoldásához korlátozza az ehhez a beállításhoz kapcsolódó lekért események számát.

Kétirányú szinkronizálás

Ez egy megfelelő kétirányú szinkronizálási módszer, ahol a Bookly Calendarban létrehozott és frissített foglalások automatikusan tükröződnek a csatlakoztatott Google Naptárban és fordítva.

plugin nem támogatja . Ehhez szükség van egy további kiegészítőre – Advanced Google Calendar for Bookly . És ez még nem minden – a beállítás engedélyezése előtt be kell állítania a Google Naptárt is.

A kétirányú szinkronizálás beállításáról egy későbbi részben részletes szakaszt olvashat.

Keresse meg Google ügyfél-azonosítóját és titkos ügyfél-azonosítóját

A Bookly plugin használatához meg kell adnia a Google ügyfél-azonosítóját és az ügyféltitkot a Bookly naptár és a Google Naptár integrálásához.

Ehhez át kell lépnie a Google Developer Console , és be kell jelentkeznie fiókjával. Ha ott van, válasszon ki egy meglévő projektet, vagy hozzon létre egy új projektet.

Ha először használja a Google Developer Console-t, akkor megjelenik a PROJEKT LÉTREHOZÁSA lehetőség az alábbi képen látható módon.

Kattintson rá, és megkéri, hogy adja meg a projekt „Projektneve” és a „Szülő szervezet vagy mappa” értékét. Ha elkészült, kattintson a „Létrehozás” gombra, és létrejön az új projekt.

Ezután a következő képernyőre lesz irányítva:

Ezután meg kell győződnie arról, hogy a Google Calendar API engedélyezve van. Ehhez lépjen a Könyvtár részre a képen látható módon. Most írja be a „Calendar” kifejezést a keresőmezőbe a képen látható módon, és kattintson a Google Calendar API-ra, ahogy a képen van kiemelve.

Ez a következő képernyőre viszi, ahol rá kell kattintania az „ENABLE” gombra, és kész.

Ha a Google Calendar API engedélyezve van a projektjéhez, térjen vissza az API-k és szolgáltatások oldalra, és lépjen az „OAuth hozzájárulási képernyőre”.

A következő képernyő arra kéri Önt, hogy válassza ki a célfelhasználót.

Két lehetőség van:

  • Belső : A szervezeten belüli felhasználók számára elérhető. Workspace rendelkező felhasználók számára érhető el .)
  • Külső : bármely Google-fiókkal rendelkező felhasználó számára elérhető.

Ennél a projektnél a célfelhasználói típusunk belső (ha nem rendelkezik Workspace-fiókkal, kiválaszthatja a Külső lehetőséget is). Miután kiválasztotta, kattintson a LÉTREHOZÁS gombra . Ez a következő képernyőre viszi Önt:

Csak töltse ki az Alkalmazásnév mezőt, az E-mail +DOMAIN HOZZÁADÁSA kattintva . Ha elkészült, nyomja meg a MENTÉS ÉS FOLYTATÁS gombot az oldal alján.

Most, hogy ez kimaradt, használja a bal oldali oldalsávot, és lépjen a Hitelesítési adatok részre.

Innen kattintson a + HITELESÍTÉSI ADATOK LÉTREHOZÁSA gombra a képen látható módon, majd a legördülő menüből kattintson az OAuth-ügyfélazonosítóra .

A következő képernyőn egy legördülő menüből kell kiválasztania egy alkalmazástípust.

Válassza a „Webes alkalmazás” lehetőséget, majd írja be az OAuth-kliens nevét. Végül görgessen le, és adjon hozzá egy engedélyezett átirányítási URI-t.

Ennek az átirányítási URI-nak kell lennie a WordPress webhelye Bookly > Beállítások > Google Naptár szakaszában.

Miután beírta a Bookly Redirect URI-t az Authorized Redirect URI részbe, kattintson a Létrehozás gombra, és megjelenik egy előugró ablak, amely bemutatja az Ön ügyfél-azonosítóját és ügyféltitkát .

És ennyi, sikeresen létrehozta a Google Client ID-t és a Client Secretet. Most térjünk vissza a WordPress webhelyére, és integrálja a Google Naptárt a Bookly Calendarral.

Megjegyzés : A Google Naptárban létrehozott „All Day” események alapértelmezés szerint „Ingyenes” értékre vannak állítva. Ezért, ha azt szeretné, hogy az adott nap ne legyen elérhető a Bookly Calendarban, ne felejtse el az állapotot „Foglalt”-ra módosítani. Ellenkező esetben a Bookly Calendar megjeleníti a találkozókra rendelkezésre álló napot.

Kapcsolja össze a Google Naptárt a Bookly Calendarral

Most, hogy megvan a Google Client ID és a Client Secret, jelentkezzen be a WordPress irányítópultjába, és lépjen a Bookly > Beállítások > Google Naptár . Ha ott van, görgessen le, és írja be az ügyfél-azonosítót és a titkos kódot a kijelölt mezőkbe.

Ha végzett, válassza ki a kívánt szinkronizálási módot.

Amint a fenti képen látható, csak két lehetőség közül lehet választani – „Egyirányú” és „Csak kétirányú front-end”. A megfelelő „kétirányú” szinkronizálás engedélyezése kissé trükkös, ezért egy későbbi részben ezt kizárólagosan tárgyaltuk.

Ha nincs szüksége a „kétirányú” szinkronizálásra, válassza ki a rendelkezésre álló két szinkronizálási mód egyikét, és görgessen lefelé.

A következő részben találja a „Sablon az esemény címéhez” és a „Sablon az esemény leírásához” szakaszokat.

Ezekkel a beállításokkal beállíthatja, hogy mi jelenjen meg az esemény címeként és leírásaként a Bookly Calendarból szinkronizált Google Naptár-eseményhez.

Itt található egy részletes útmutató, amely bemutatja, milyen kódokat kell használni a Google Naptár bejegyzéseinek testreszabásához .

Ha ez megtörtént, nyomja meg a Mentés gombot, és a Google Naptár integrálódik a Bookly Calendar-ba. Most már csak csatlakoznia kell a Google Naptárhoz.

Ehhez lépjen a Bookly > Staff Members oldalra a bal oldali sávról. Itt válasszon ki egy alkalmazottat, akinek a találkozóit szinkronizálni szeretné a Google Naptárral, majd kattintson a Szerkesztés gombra.

Ez egy felugró ablakot fog megjeleníteni. Innen lépjen a Speciális lapra, és kattintson a Csatlakozás gombra a Google Naptár integrációs területen, hogy szinkronizálja a munkatársak találkozóit a Google Naptárral.

És ennyi! Most már tudja, hogyan kapcsolhatja össze Bookly naptárát a Google Naptárral, és hogyan szinkronizálhatja a találkozókat. Az egyetlen bökkenő az, hogy egyenként manuálisan kell összekapcsolnia az alkalmazottak összes találkozóját a Google Naptárral.

Most, hogy ez megoldódott, beszéljünk arról, hogyan állíthatjuk be a kétirányú szinkronizálást a Bookly és a Google Calendar segítségével.

A kétirányú szinkronizálás beállítása a Google Naptárral

Az „Egyirányú” és a „Csak kétirányú előtérben” szinkronizálási lehetőségek közvetlenül a Bookly Pro WordPress plugin érhetők el, és most bemutattuk, hogyan állíthatja be és használhatja ezeket a funkciókat.

Most, ha be szeretné állítani a „kétirányú” szinkronizálást a Bookly és a Google Calendar között, akkor szüksége lesz a prémium Bookly Advanced Google Calendar kiegészítőre.

Megjegyzés : Bookly Pro plugin kiegészítője . Mint ilyen, telepítenie kell a Bookly Pro plugin a WordPress-re, majd ezen felül telepítenie kell ezt a kiegészítőt.

Most, hogy a kiegészítő telepítve van, látnia kell a „Kétirányú” szinkronizálási lehetőséget a Bookly > Beállítások > Google Naptárban , ami korábban nem volt így.

Közvetlenül alatta található a „Találkozóelőzmények szinkronizálása” mező, ahol megadhatja, hogy a múltbeli naptári adatok hány napját kívánják szinkronizálni a két naptár között.

Az alapértelmezett érték – „0” esetén a rendszer nem szinkronizál múltbeli eseményeket.

Ennek ellenére a kétirányú szinkronizálás engedélyezése nem lesz olyan egyszerű, mint kiválasztani a lehetőséget, és megnyomni a „Mentés” gombot.

Az összes naptáresemény hatékony szinkronizálása érdekében javasoljuk, hogy kövesse a hivatalos Google Calendar API Sync útmutatót.

Ezenkívül igazolnia és regisztrálnia kell domainjét a Google Search Console-on, mielőtt a kétirányú naptár-szinkronizálás működne.

Itt található a Google hivatalos útmutatója webhelye tulajdonjogának igazolására .

Miután ellenőrizte webhelye domainnevét, regisztrálnia kell azt projektje engedélyezett domainjeként – annak a projektnek, amelynek ügyfélazonosítója és ügyféltitka csatlakozik Bookly plugin .

Ehhez nyissa meg a Domain Verification oldalt az API-konzolban, és kattintson a „Domain hozzáadása” gombra. Most csak töltse ki az űrlapot, és kattintson ismét a „Domain hozzáadása” gombra.

Ha domainje átment az ellenőrzési folyamaton, most kiválaszthatja, hogy push értesítéseket kapjon, és ezáltal kétirányú szinkronizálást hozzon létre a Google Naptár és a Bookly között.

A Google Naptár kézi szinkronizálása a Booklyval

Alapértelmezés szerint a Bookly plugin bizonyos idő elteltével szinkronizálja az eseményeket a Google Naptárral. Ha most szeretné szinkronizálni az eseményeket, akkor lépjen a Bookly > Calendar oldalra a WordPress irányítópultjáról, és kattintson a „Szinkronizálás” gombra a képen látható módon:

Becsomagolás

Amint látja, a Google Naptár és a Bookly integrálása mindössze néhány kattintást vesz igénybe. Az igazi probléma a Google API-k beállítása és az OAuth-adatok megszerzése.

Reméljük, hogy ez az oktatóanyag segített végigvezetni a folyamaton, és sikeresen integrálta a Google Naptárt Bookly plugin . És ha valamilyen problémába ütközött, nyugodtan ossza meg velünk a megjegyzésekben. Mindent megteszünk a probléma mielőbbi megoldása érdekében.

Nitish Singh

Megjegyzések megtekintése

  • Hallo - hierzu hätte ich eine denke ich nicht unwichtige Frage: werden durch die Synchronization auch datenschutzrelevante Daten übertragen? oder wird nur die Belegung im Kalender übernommen
    vielen Dank und liebe Grüsse

    • Szia! Az összes adatvédelmi adatot a Google kezeli, mert ez az esemény forrása, például ha beágyaz egy YouTube-videót a webhelyére. Egészségére,

  • Helló! Remélem, jól csinálod, szeretném tudni, hogy ez plugin lehetővé teszi-e a generált időpont felvételét a végfelhasználó naptárába.

    • Szia! Igen, a részleteket e-mailben küldjük el, és importálhatók egy ügyfélnaptárba (a gmail-en ez automatikus)

  • 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 Naptár: Hiba történt az OAuth2-token frissítésekor, üzenet: '{ "error": "disabled_client", "error_description": "Az OAuth-kliens le van tiltva." }'"

    Est-ce que vous auriez une solution pour empêcher les interruptions comme celles ci ? Car devoir recommencer la création d'un projet à chaque fois ne sera pas une solution viable sur le long terme...

    • Üdvözöljük! Úgy tűnik, hogy a hiba a Google API változásának köszönhető. Ellenőrizze, hogy létezik-e plugin .

  • Buenas tardes,
    alguien podría recomendarme algún desarrollador que pueda contratar para terminar de integrar Bookly con mi página web? Sigo todos los pasos para poder conectarlo con Google Calendar (he comprado todo lo necesario) y estoy teniendo problems ya que no consigo "acceso a terceros" y por consiguiente no me da la option de integrar.

  • Buenos días,

    Tengo problemas con la verificación de la app, no sé muy bien qué tengo que hacer para poder verificar la app.

  • Buenos días,

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

    Gracias!

  • 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" et que je clique sur "google calendar synchronisation", j'ai un message d 'erreur comme quoi mon app n'est pas validé par Google "Google n'a pas validé cette application L'application demande l'accès des informations de votre compte 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. Ce qui est d'autant plus surprenant que sur Google cloud j'ai bien un message "État de validation – Validation non requise".
    Pouvez-vous m'aider?
    Merci

    • Szia! Azt hiszem, minden jogosultságot ellenőriznie kell a kapcsolat létrehozásakor. Lehetséges, hogy a Google Naptár újakat vett fel a bejegyzés közzététele óta!

  • 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
    A fejlesztő nem adott hozzáférést ehhez az alkalmazáshoz. Jelenleg tesztelés alatt áll, és a Google nem ellenőrizte. Ha úgy gondolja, hogy hozzáférést kell kapnia, lépjen kapcsolatba a fejlesztővel (*******@gmail).

    Iemand hiervoor een oplossing?

    • Igen, ez azért van, mert nem vagy adminisztrátora a létrehozott napirendnek. Az adatok szinkronizálásához rendszergazdai hozzáférésre van szükség, a beállítást a Google Naptárból kell elvégezni

  • Hola!
    He estado leyendo el artículo y me parece fantástico.
    Tengo una consulta, estoy realizando una web de un salón de belleza con sistema de reservas.
    Me gustaría integrarlo con google naptár por lo que puede que Bookly sea una de las opciones.
    La idea es crear varios calendarios para cada servicio pues la peluquería del salón si que tendría una apertura normal, pero los profesionales que acudirán a dar sus servicios irían algunos días concretos y horas concretas.
    ¿Solo con crear varios calendarios és google naptár? o también ¿haría falta contratar Google Workspace? ¿O solo con el pluggin de Bookly?
    ¿Como funciona?
    Gracias.

    • Szia! Szerintem a legjobb megoldás a különböző naptárak használata a Bookly-ban, vagy több naptár szinkronizálása a Google-tól lehetséges.

Legutóbbi hozzászólások

A fejlécek és láblécek használata az Elementorral

A webhely fejlécei és láblécei alapvető elemek. A legtöbb esetben a fejléc navigációt biztosít…

2022. január 6

WordPress téma összehasonlítás: Astra vs OceanWP

A két legnépszerűbb WordPress téma a piacon az Astra és az OceanWP. Szakmai…

2022. január 2

A WordPress hírtéma összehasonlítása: Újság vs. Astra

Egy kiváló hírwebhely létrehozásához nem szükséges webtervezővé válni. Mi…

2021. október 25

Hozzon létre egy hírekkel kapcsolatos webhelyet Újság témával

A Newspaper téma az egyik legjelentősebb WordPress téma, amelyet a tagDiv, egy…

2021. október 18

Hogyan építsünk fel e-kereskedelmet az Avada WooCommerce builder segítségével

Amikor egy online áruház létrehozásáról van szó, a WooCommerce a legjobb beépülő plugin . Azt…

2021. október 4

A ragadós fejléc és a görgetőeffektusok használata az Elementorral

A fejléc általában az első dolog, amit az ember meglát, amikor felkeresi a webhelyét,…

2021. szeptember 21