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

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.

Nitish Singh

Visa kommentarer

  • 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

    • 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,

  • Hej! 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,
    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 Kalender: Fel vid uppdatering av OAuth2-token, meddelande: '{ "error": "disabled_client", "error_description": "OAuth-klienten inaktiverades." }'"

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

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

  • Buenas tardes,
    alguien podria 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 (han comprado todo lo necesario) y estoy teniendo problemas ya que no consigo "acceso a terceros" y por consiguiente no me da la opción 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?

    Tack!

  • 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 sensibles de votre compte Google. Ce qui est d'autant plus surprenant que sur Google cloud j'ai bien un message "État 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 själv får vid det sista steget en melding och det luktar mig inte om mig själv som medverkare att koppelen 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).

    Vill du ha en lösning?

    • 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

  • Hejsan!
    Han estado leyendo el artículo y me parece fantástico.
    Tengo una consulta, estoy realizando una web de un salón de belleza con system de reservas.
    Me gustaría integrarlo con google calendar 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 tendria una apertura normal, pero los profesionales que acudirán a dar sus servicios irían algunos días concretos y horas concretas.
    ¿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

Senaste inlägg

Hur man använder sidhuvud och sidfot 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: Newspaper 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 . Det…

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