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, 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, även om den är bra 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
• Envägssynkronisering
• Endast tvåvägs front-end
• Tvåvägssynkronisering
• Hitta ditt Google-klient-ID och klienthemlighet
• Anslut Google Kalender med Bookly Calendar
• Hur man ställer in tvåvägssynkronisering med Google Kalender
• Hur man manuellt synkroniserar Google Kalender med Bookly
• Avslutning

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:

Envägssynkronisering

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ägs front-end

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 detta problem, 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 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å +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 Inloggningsuppgifter .

Härifrån klickar du på + SKAPA ANLÄGGNINGSUPPGIFTER 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å 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 det! 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:

Avslutning

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.