Konfigurera en Google Kalender-integration med WordPress Bookly Plugin

Använder du WordPress Bookly- plugin för att hantera bokningar och möten på din webbplats? Vill du synkronisera alla bokningar och möten som tas med plugin för att automatiskt synkronisera med din Google-kalender?

Om ja, då har du kommit till rätt ställe!

Här har vi förberett en omfattande och djupgående handledning om allt du behöver veta om hur du ställer in Google Kalender-integration med WordPress Bookly- plugin .

Friskrivningsklausul : Du måste använda premium- plugin Bookly Pro och inte gratis plugin . Den kostnadsfria versionen, trots utmärkt för att bara sätta upp ett grundläggande bokningssystem, saknar många av de avancerade livskvalitetsfunktionerna som stöd för Google-integration.

Så utan vidare, låt oss börja:

Innehållsförteckning

Olika Google Calendar Sync-metoder tillgängliga på Bookly

Bookly Pro WordPress plugin ger dig tre Google Kalender-synkroniseringsmetoder – envägssynkronisering, endast tvåvägs front-end och korrekt tvåvägssynkronisering.

Här är en titt på vad dessa metoder gör:

One Way Sync

Om du väljer denna synkroniseringsmetod kommer plugin automatiskt att skicka alla nya möten inklusive anpassade fält och alla andra justeringar som gjorts på Bookly Calendar direkt till den anslutna Google-kalendern, men inte tvärtom.

Detta är användbart när du vill att din Google-kalender ska hålla sig uppdaterad med din Bookly-kalender, men också fritt behöver göra justeringar i din Google-kalender utan att det påverkar din Bookly-kalender.

Endast tvåvägsgränssnitt

Med denna synkroniseringsmetod hämtar plugin automatiskt händelsedata från den anslutna Google-kalendern och tar sedan bort motsvarande tidluckor från Booking Calendar under steget "Välj tidslucka" för att boka ett möte.

Genom att ha det här alternativet aktiverat kan du därför vara säker på att inga av dina Bookly-bokningar konkurrerar med dina Google Kalender-händelser.

Med detta sagt, observera att den här metoden inte kommer att kopiera eller visa Google Kalender-händelserna i Bookly Calendar. För att göra det behöver du nästa synkroniseringsmetod.

Obs ! Det tar lite tid att synkronisera mötena mellan din Google Kalender och Bookly Calendar. Som sådant kommer detta alternativ att öka laddningstiden för steget "Välj tidslucka". För att lösa det här problemet, begränsa antalet hämtade händelser relaterade till det här alternativet.

Tvåvägssynkronisering

Detta är en korrekt tvåvägssynkroniseringsmetod där alla bokningar som skapas och uppdateras i Bookly-kalendern automatiskt återspeglas i den anslutna Google-kalendern och vice versa.

Den här funktionen stöds dock inte på standardinsticksprogrammet Bookly plugin . För detta behöver du tillägget – Advanced Google Calendar for Bookly . Och det är inte allt – du måste också förkonfigurera Google Kalender innan du aktiverar den här inställningen.

Vi har ett detaljerat avsnitt om hur du ställer in tvåvägssynkronisering i ett senare avsnitt.

Hitta ditt Google-klient-ID och klienthemlighet

Bookly- plugin kräver att du anger ditt Google-klient-ID och klienthemlighet för att integrera Bookly-kalendern med din Google-kalender.

För att göra detta måste du gå vidare till Googles utvecklarkonsol och logga in med ditt konto. Väl där väljer du antingen ett befintligt projekt eller skapar ett nytt projekt.

Om det här är första gången du använder Google Developer Console kommer du att se ett alternativ att SKAPA PROJEKT som visas i bilden nedan.

Klicka på den och den kommer att be dig ange ett "Projektnamn" och "Moderorganisation eller mapp" för projektet. När du är klar klickar du på "Skapa" och ditt nya projekt kommer att skapas.

Du kommer då att dirigeras till följande skärm:

Därefter måste du se till att Google Calendar API är aktiverat. För att göra detta, gå vidare till bibliotekssektionen enligt bilden. Skriv nu in "Kalender" i sökrutan som visas i bilden och klicka på Google Calendar API som markerat i bilden.

Detta tar dig till följande skärm där du måste klicka på knappen "AKTIVERA" och det är allt.

Med Google Calendar API aktiverat för ditt projekt, gå tillbaka till för API:er och tjänster och gå nu till "OAuth-samtyckesskärmen".

Följande skärm kommer att uppmana dig att välja din målanvändare.

Det finns två alternativ:

  • Internt : Tillgängligt för användare inom din organisation. (Endast tillgängligt för användare med ett Workspace- konto.)
  • Externt : Tillgängligt för alla användare med ett Google-konto.

För det här projektet kommer vår målanvändartyp att vara Intern (du kan också välja Extern om du inte har ett Workspace-konto). När du har valt det klickar du på SKAPA . Detta kommer att ta dig till följande skärm:

Fyll bara i för appnamn , e- postfält, scrolla ned och lägg till en auktoriserad domän genom att klicka på knappen +LÄGG TILL DOMÄN När du är klar trycker du på SPARA OCH FORTSÄTT längst ner på sidan.

Nu med det ur vägen, använd den vänstra sidofältet och gå över till avsnittet Inloggningsuppgifter

Härifrån klickar du på + CREATE CREDENTIALS som visas i bilden, och från rullgardinsmenyn klickar du på OAuth-klient-ID .

På följande skärm måste du välja en applikationstyp från en rullgardinsmeny.

Välj "Webbapplikation" och skriv sedan in ett namn för OAuth-klienten. Och slutligen, scrolla ner och lägg till en auktoriserad omdirigerings-URI.

Detta bör vara den omdirigerings-URI som finns i Bookly > Inställningar > Google Kalender-avsnittet på din WordPress-webbplats.

Efter att ha angett Bookly Redirect URI i avsnittet Authorized Redirect URI klickar du på Skapa och ett popup-fönster visas som visar ditt klient-ID och klienthemlighet .

Och det är allt, du har framgångsrikt skapat ett Google Client ID och Client Secret. Låt oss nu gå tillbaka till din WordPress-webbplats och integrera Google Kalender med din Bookly-kalender.

Obs : "Hela dagen"-händelser skapade i Google Kalender är inställda på "Gratis" som standard. Som sådan, om du vill att den dagen ska vara otillgänglig i Bookly Calendar, kom ihåg att ändra statusen till "Upptagen". Annars visar Bookly-kalendern vilken dag som är tillgänglig för möten.

Anslut Google Kalender med Bookly Calendar

Nu när du har ditt Google Client ID och Client Secret loggar du in på din WordPress-instrumentpanel och går vidare till Bookly > Inställningar > Google Kalender . Väl där bläddrar du ner och anger klient-ID och hemlighet i de avsedda fälten.

När du är klar väljer du önskat synkroniseringsläge.

Som du kan se från bilden ovan finns det bara två alternativ att välja mellan - "Envägs" och "Endast tvåvägs front-end". Att aktivera rätt "Two-Way" Sync är lite knepigt och så vi har diskuterat det exklusivt i ett senare avsnitt.

Om du inte behöver "Two-Way" Sync, välj sedan en av de två tillgängliga synkroniseringsmetoderna och scrolla nedåt.

I det efterföljande avsnittet hittar du avsnitten "Mall för evenemangstitel" och "Mall för beskrivning av evenemang".

Dessa alternativ låter dig konfigurera vad som visas som händelsetitel och händelsebeskrivning för Google Kalender-händelsen som synkroniseras från Bookly Calendar.

Här är en djupgående guide som visar vilka koder du ska använda för att anpassa Google Kalender-posterna .

När det är klart trycker du på Spara- knappen så kommer Google Kalender att integreras med din Bookly-kalender. Allt som återstår nu är att ansluta till din Google-kalender.

För att göra detta, gå över till din Bookly > Personalmedlemmar från den vänstra sidofältet. Härifrån väljer du en anställd vars möten du vill synkronisera med Google Kalender och klickar på knappen Redigera

Detta kommer att ta upp ett popup-fönster. Härifrån går du till Avancerat och klickar på Anslut under integrationsområdet för Google Kalender för att synkronisera personalens möten med Google Kalender.

Och det är allt! Du vet nu hur du kopplar din Bookly-kalender till din Google-kalender och synkroniserar möten. Den enda haken är att du manuellt måste koppla alla din personals möten till Google Kalender, en i taget.

Nu när det är klart, låt oss prata om hur man ställer in tvåvägssynkronisering med Bookly och Google Kalender.

Hur man ställer in tvåvägssynkronisering med Google Kalender

Synkroniseringsalternativen "Envägs" och "Endast tvåvägs frontend" är tillgängliga direkt med Bookly Pro WordPress- plugin , och vi har precis tagit upp hur du kan ställa in och använda dessa funktioner.

Om du nu vill ställa in "Two-Way" synkronisering mellan Bookly och Google Calendar behöver du premium Bookly Advanced Google Calendar- tillägget.

Obs : Detta är ett tillägg för Bookly Pro- plugin . Som sådan måste du ha Bookly Pro- plugin installerad på din WordPress och sedan ovanpå det installera detta tillägg.

Nu, med tillägget installerat, bör du nu se alternativet "Tvåvägs" synkronisering tillgängligt i Bookly > Inställningar > Google Kalender , vilket tidigare inte var fallet.

Precis under det har du också fältet "Synkronisera möteshistorik" där du kan ange antalet dagar av tidigare kalenderdata som du vill synkronisera mellan de två kalendrarna.

För standardvärdet – "0", kommer inga tidigare händelser att synkroniseras.

Nu, med det sagt, kommer det inte att vara så enkelt att aktivera tvåvägssynkronisering som att välja alternativet och trycka på "Spara"-knappen.

För att säkerställa att alla kalenderhändelser synkroniseras effektivt rekommenderar vi att du följer den officiella Google Calendar API Sync- guiden.

Du måste också verifiera och registrera din domän på Google Search Console innan du får tvåvägs kalendersynkronisering att fungera.

Här är Googles officiella guide om hur du verifierar att du äger din webbplats .

När din webbplats domännamn har verifierats måste du registrera det som en tillåten domän för ditt projekt – projektet vars klient-ID och klienthemlighet är kopplade till din Bookly- plugin .

För att göra detta, gå till för domänverifiering i API-konsolen och klicka på "Lägg till domän". Nu är det bara att fylla i formuläret och klicka igen på knappen "Lägg till domän".

Förutsatt att din domän klarat sin verifieringsprocess kan du nu välja den för att börja ta emot push-meddelanden och därigenom upprätta tvåvägssynkronisering mellan din Google Kalender och Bookly.

Hur man manuellt synkroniserar Google Kalender med Bookly

Som standard synkroniserar Bookly- plugin händelser med Google Kalender efter ett visst tidsintervall. Om du vill synkronisera händelser just nu kan du gå över till Bookly > Kalender från din WordPress-instrumentpanel och klicka på knappen "Synkronisera" som visas i bilden:

Avslutar

Som du kan se tar det bara ett par klick att integrera Google Kalender med Bookly. Det verkliga problemet är att ställa in dina Google API:er och få dina OAuth-uppgifter.

Vi hoppas att den här handledningen har hjälpt dig att gå igenom processen och att du lyckades integrera Google Kalender med ditt Bookly- plugin . Och om du stöter på några problem får du gärna meddela oss i kommentarerna. Vi kommer att göra vårt bästa för att lösa problemet snarast.

Nitish Singh

Visa kommentarer

  • Hej - här är min idé om att inte vara obalanserad Frage: Var synkroniseringen och Datenschutzrelevant Daten übertragen?
    vi vill tacka dig för din uppskattning i kalendern

    • Hej, all sekretessinformation hanteras av Google eftersom det är källan till händelsen, som om du bäddar in en YouTube-video på din webbplats. Skål,

  • Hallå! Jag hoppas att du har det bra, jag vill veta om detta plugin också tillåter att lägga till det genererade mötet i slutkundens kalender.

    • Hej, ja visst, informationen skickas via e-post och kan importeras till en kundkalender (på gmail är det automatiskt)

  • Bonjour,
    du är välkommen att använda din Google-kalender såväl som bokligt och lättanvänt.
    Sedan dess har min koppling till Google varit sammanflätad, jag vet inte vad jag kan förvänta mig:

    "Google Kalender: Fel vid uppdatering av OAuth2-token, meddelande: '{ "error": "disabled_client", "error_description": "OAuth-klienten inaktiverades." }'"

    Finns det en lösning för avbrotten mellan comme-celler? Car devoir rekommenderar att man skapar ett projekt att följa för att hitta en hållbar lösning på lång sikt...

    • Hej, felet verkar bero på en ändring i Googles API. Du bör kontrollera om det finns en plugin uppdatering.

  • Buenas tardes,
    alguien podria rekommenderas algún desarrollador que pueda contratar para terminar de integrar Bookly på min sida webben? Du kan göra detta genom att använda Google Calendar (han komparado att göra detta) och du kommer att kunna lösa problemet utan att behöva "acceso a terceros" utan att behöva oroa dig för integrationen.

  • Buenos dias,

    När det gäller att verifiera appen finns det ingen anledning att oroa sig för att verifiera appen.

  • Buenos dias,

    Hur ber man om en dominio autorizado, hur känner man till häftet eller hur använder man webben för att installera det?

    Tack!

  • Bonjour,

    Du är nu välkommen att fortsätta med det (tack beaucoup) medan du är klar med bandet på "avancé" av "personalen" och klicka på "google kalendersynkronisering", du har ett meddelande d 'Erreur comme quoi mon app n'est pas validé par Google "Google n'a pas validé cette application. Applikationen kräver l'accès à des informations sensibles de votre compte Google. Nous vous recommandons de ne pas utiliser cette application tant que "utvecklingsprocessen kräver en viss mängd validering genom Google."
    Det finns också ett meddelande på Googles moln som säger "Etat de validation - Validation non require". Pouvez-vous m'aider ?
    Tack

    • Hej, jag tror att du måste kontrollera all behörighet när du gör anslutningen. Google Kalender kan ha lagt till nya sedan det här inlägget gjordes!

  • Jag får ett meddelande i sista steget, så jag kan inte koppla mig som anställd till agendan

    Fel 403: access_denied
    Utvecklaren har inte gett dig åtkomst till den här appen. Det testas för närvarande och det har inte verifierats av Google. Om du tycker att du borde ha tillgång, kontakta utvecklaren (*******@gmail).

    Någon som har en lösning på detta?

    • Ja, det beror på att du inte är administratör för den skapade agendan. För att synkronisera data behöver du en administratörsåtkomst, konfigurationen måste göras från Google Kalender

  • Hallå!
    Det är en stor konst och min parece fantastisk.
    Tengo una consulta, estoy realizando una web de un salon de belleza con system de reservas.
    Min guide till Google Kalender är guiden till Bookly och alternativen är tillgängliga.
    Tanken är att skapa en mängd olika kalendrar för den dagliga tjänsten under vilka salongen kommer att användas under normal kontorstid, medan proffsen kommer att fortsätta arbeta med sina tjänster under dagen.
    ¿Solo skapar du olika kalendrar på Google-kalendern?
    vill du inte ha Google Workspace? Är du ensam med pluggin från Bookly? Vilken funktion?
    Tack.

    • Hej, jag tror att det är den bästa lösningen att använda olika kalendrar i Bookly eller att synkronisera flera kalendrar från Google kan vara ett alternativ

Nya Inlägg

Hur man använder sidhuvuden och sidfötter med Elementor

En webbplats sidhuvuden och sidfötter är viktiga element. I de flesta fall ger rubriken navigering...

6 januari 2022

WordPress-temajämförelse: Astra vs OceanWP

Två av de mest populära WordPress-temanen på marknaden är Astra och OceanWP. Professionell…

2 januari 2022

Jämförelse av WordPress-nyhetstema: Tidning vs. Astra

Att skapa en utmärkt nyhetswebbplats kräver inte att du blir webbdesigner. Vi…

25 oktober 2021

Skapa en nyhetsrelaterad webbplats med tidningstema

The Newspaper-temat är ett av de viktigaste WordPress-teman som designats av tagDiv, en...

18 oktober 2021

Hur man bygger en e-handel med Avada WooCommerce Builder

När det gäller att skapa en onlinebutik är WooCommerce det bästa plugin . Den…

4 oktober 2021

Hur man använder sticky header och rullningseffekter med Elementor

En rubrik är i allmänhet det första en person ser när de besöker din webbplats,...

21 september 2021