Konfigurer en Google Kalender-integration med WordPress Bookly Plugin

Bruger du WordPress Bookly plugin til at administrere bookinger og aftaler på din hjemmeside? Vil du synkronisere alle reservationer og aftaler, der er taget ved hjælp af plugin for automatisk at synkronisere med din Google-kalender?

Hvis ja, så er du kommet til det rigtige sted!

Her har vi udarbejdet en omfattende dybdegående tutorial om alt, hvad du har brug for at vide om, hvordan du opsætter Google Kalender-integration med WordPress Bookly- plugin .

Ansvarsfraskrivelse : Du skal bruge det premium Bookly Pro plugin og ikke det gratis Bookly- plugin . Den gratis version, selvom den er fantastisk til blot at opsætte et grundlæggende bookingsystem, mangler mange af de avancerede livskvalitetsfunktioner som support til Google-integration.

Så uden videre, lad os komme i gang:

Indholdsfortegnelse

Forskellige Google Kalender-synkroniseringsmetoder tilgængelige på Bookly

Bookly Pro WordPress plugin præsenterer dig for tre Google Kalender-synkroniseringsmetoder - envejssynkronisering, kun tovejs frontend og korrekt tovejssynkronisering.

Her er et kig på, hvad disse metoder gør:

Envejs synkronisering

Hvis du vælger denne synkroniseringsmetode, vil plugin automatisk skubbe alle de nye aftaler, inklusive brugerdefinerede felter og andre justeringer foretaget på Bookly Calendar, direkte til den tilsluttede Google Kalender, men ikke omvendt.

Dette er nyttigt, når du ønsker, at din Google-kalender skal forblive opdateret med din Bookly-kalender, men også frit skal foretage justeringer af din Google-kalender, uden at det påvirker din Bookly-kalender.

Kun to-vejs front-end

Med denne synkroniseringsmetode henter plugin automatisk begivenhedsdata fra den tilsluttede Google-kalender og fjerner derefter de tilsvarende tidsintervaller fra Booking Calendar under "Vælg tidsrum"-trinnet for at lave en aftale.

Som sådan, ved at have denne mulighed aktiveret, kan du være sikker på, at ingen af ​​dine Bookly-aftaler konkurrerer med dine Google Kalender-begivenheder.

Når det er sagt, skal du være opmærksom på, at denne metode ikke vil kopiere eller vise Google Kalender-begivenheder på Bookly-kalenderen. For at gøre det skal du bruge den næste synkroniseringsmetode.

Bemærk : Det tager noget tid at synkronisere aftalerne mellem din Google Kalender og Bookly Calendar. Som sådan vil denne mulighed øge indlæsningstiden for trinnet "Vælg tidsrum". For at afhjælpe dette problem skal du begrænse antallet af hentede hændelser relateret til denne mulighed.

To-vejs synkronisering

Dette er en korrekt 2-vejs synkroniseringsmetode, hvor alle reservationer, der er oprettet og opdateret i Bookly-kalenderen, automatisk afspejler den tilsluttede Google-kalender og omvendt.

Denne funktion er dog ikke understøttet på standard Bookly Pro plugin . Til dette har du brug for den ekstra tilføjelse – Advanced Google Calendar for Bookly . Og det er ikke alt – du skal også forudkonfigurere Google Kalender, før du aktiverer denne indstilling.

Vi har et detaljeret afsnit om, hvordan du opsætter Two-Way Sync i et senere afsnit.

Find dit Google-klient-id og klienthemmelighed

Bookly- plugin kræver, at du indtaster dit Google-klient-id og klienthemmelighed for at integrere Bookly-kalenderen med din Google-kalender.

For at gøre dette skal du gå over til Google Developer Console og logge ind med din konto. Når du er der, skal du enten vælge et eksisterende projekt eller oprette et nyt projekt.

Hvis det er første gang, du bruger Google Developer Console, vil du se en mulighed for at OPRET PROJEKT som vist på billedet nedenfor.

Klik på det, og det vil bede dig om at indtaste et "Projektnavn" og "Forældreorganisation eller -mappe" for projektet. Når du er færdig, skal du klikke på "Opret", og dit nye projekt vil blive oprettet.

Du vil derefter blive dirigeret til følgende skærm:

Dernæst skal du sikre dig, at Google Calendar API er aktiveret. For at gøre dette skal du gå over til bibliotekssektionen som vist på billedet. Indtast nu "Kalender" i søgefeltet som vist på billedet, og klik på Google Calendar API som fremhævet på billedet.

Dette vil tage dig til følgende skærmbillede, hvor du skal klikke på knappen "AKTIVER", og det er det.

Med Google Calendar API aktiveret for dit projekt, skal du gå tilbage til API'er og tjenester og nu gå til "OAuth-samtykkeskærmen".

Følgende skærm vil bede dig om at vælge din målbruger.

Der er to muligheder:

  • Intern : Tilgængelig for brugere i din organisation. (Kun tilgængelig for brugere med en Workspace -konto.)
  • Ekstern : Tilgængelig for enhver bruger med en Google-konto.

For dette projekt vil vores målbrugertype være Intern (du kan også vælge Ekstern, hvis du ikke har en Workspace-konto). Når du har valgt det, skal du klikke på OPRET . Dette vil tage dig til følgende skærm:

Bare udfyld Appnavn , E-mail -feltet, rul ned og tilføj et autoriseret domæne ved at klikke på +ADD DOMAIN . Når du er færdig, skal du trykke på GEM OG FORTSÆT nederst på siden.

Nu med det af vejen, brug venstre sidebjælke og gå over til legitimationsoplysninger .

Herfra skal du klikke på + CREATE CREDENTIALS som vist på billedet, og fra rullemenuen skal du klikke på OAuth-klient-id .

På det følgende skærmbillede skal du vælge en applikationstype fra en rullemenu.

Vælg "Webapplikation", og skriv derefter et navn til OAuth-klienten. Og til sidst, rul ned og tilføj en autoriseret omdirigerings-URI.

Dette bør være den omdirigerings-URI, der findes i Bookly > Indstillinger > Google Kalender-sektionen på dit WordPress-websted.

Når du har indtastet Bookly Redirect URI i sektionen Authorized Redirect URI, skal du klikke på Opret, og et pop op-vindue vises, der viser dit klient-id og klienthemmelighed .

Og det er det, du har oprettet et Google Client ID og Client Secret. Lad os nu gå tilbage til dit WordPress-websted og integrere Google Kalender med din Bookly-kalender.

Bemærk : "Hele dagen"-begivenheder oprettet i Google Kalender er som standard indstillet til "Gratis". Som sådan, hvis du ønsker, at den dag skal være utilgængelig på Bookly Calendar, skal du huske at ændre status til "Optaget". Ellers vil Bookly-kalenderen vise den dag, der er tilgængelig for aftaler.

Forbind Google Kalender med Bookly Calendar

Nu hvor du har dit Google Client ID og Client Secret, skal du logge ind på dit WordPress dashboard og gå videre til Bookly > Indstillinger > Google Kalender . Når du er der, skal du rulle ned og indtaste klient-id'et og hemmeligheden i de angivne felter.

Når du er færdig, skal du vælge den foretrukne synkroniseringstilstand.

Som du kan se på billedet ovenfor, er der kun to muligheder at vælge imellem - "One-Way" og "To-Way Front-End Only". Det er lidt vanskeligt at aktivere den korrekte "Two-Way" Sync, så vi har udelukkende diskuteret det i et senere afsnit.

Hvis du ikke har brug for "To-vejs" synkronisering, så vælg en af ​​de to tilgængelige synkroniseringsmetoder og rul ned.

I det efterfølgende afsnit finder du sektionerne "Skabelon til begivenhedstitel" og "Skabelon til begivenhedsbeskrivelse".

Disse muligheder giver dig mulighed for at konfigurere, hvad der vises som begivenhedstitel og begivenhedsbeskrivelse for Google Kalender-begivenheden, der er synkroniseret fra Bookly Calendar.

Her er en dybdegående guide, der viser dig, hvilke koder du skal bruge til at tilpasse Google Kalender-posterne .

Når det er gjort, skal du trykke på Gem , og Google Kalender vil blive integreret med din Bookly-kalender. Det eneste, der er tilbage nu, er at oprette forbindelse til din Google-kalender.

For at gøre dette skal du gå over til din Bookly > Personalemedlemmer fra venstre sidebjælke. Herfra skal du vælge en medarbejder, hvis aftaler du vil synkronisere med Google Kalender, og klik på Rediger .

Dette vil vise et pop-up vindue. Herfra skal du gå til Avanceret og klikke på Tilslut under integrationsområdet for Google Kalender for at synkronisere medarbejderaftalerne med Google Kalender.

Og det er det! Du ved nu, hvordan du forbinder din Bookly-kalender med din Google-kalender og synkroniserer aftaler. Den eneste fangst er, at du manuelt skal forbinde alle dine medarbejderes aftaler til Google Kalender, én ad gangen.

Nu hvor det er afklaret, lad os tale om, hvordan du konfigurerer To-vejs synkronisering med Bookly og Google Kalender.

Sådan opsætter du to-vejs synkronisering med Google Kalender

Synkroniseringsmulighederne "En-vejs" og "Kun to-vejs front-end" er tilgængelige direkte med Bookly Pro WordPress- plugin , og vi har lige dækket, hvordan du kan konfigurere og bruge disse funktioner.

Hvis du nu ønsker at konfigurere "Tovejs"-synkronisering mellem Bookly og Google Kalender, skal du bruge premium Bookly Advanced Google Calendar -tilføjelsen.

Bemærk : Dette er en tilføjelse til Bookly Pro plugin . Som sådan skal du have Bookly Pro- plugin installeret på din WordPress og derefter oven i købet installere denne tilføjelse.

Nu, med tilføjelsen installeret, skulle du nu se "Tovejs"-synkroniseringsmuligheden tilgængelig i Bookly > Indstillinger > Google Kalender , hvilket tidligere ikke var tilfældet.

Lige under det har du også feltet "Synkronisering af aftaler", hvor du kan angive antallet af dage med tidligere kalenderdata, du ønsker synkroniseret mellem de to kalendere.

For standardværdien – "0", vil ingen tidligere hændelser blive synkroniseret.

Når det er sagt, vil aktivering af tovejssynkronisering ikke være så simpelt som at vælge indstillingen og trykke på knappen "Gem".

For at sikre, at alle kalenderbegivenheder synkroniseres effektivt, anbefales det, at du følger den officielle Google Calendar API Sync- guide.

Du skal også bekræfte og registrere dit domæne på Google Search Console, før du får tovejs kalendersynkronisering til at fungere.

Her er Googles officielle guide til, hvordan du bekræfter dit webstedsejerskab .

Når dit websteds domænenavn er bekræftet, skal du registrere det som et tilladt domæne for dit projekt – det projekt, hvis klient-id og klienthemmelighed er forbundet med dit Bookly- plugin .

For at gøre dette skal du gå til Domænebekræftelse i API-konsollen og klikke på "Tilføj domæne". Nu skal du blot udfylde formularen og igen klikke på knappen "Tilføj domæne".

Forudsat at dit domæne har bestået sin bekræftelsesproces, kan du nu vælge det for at begynde at modtage push-beskeder og derved etablere tovejssynkronisering mellem din Google Kalender og Bookly.

Sådan synkroniserer du Google Kalender manuelt med Bookly

Som standard synkroniserer Bookly- plugin begivenheder med Google Kalender efter et bestemt tidsinterval. Hvis du ønsker at synkronisere begivenheder lige nu, så kan du gå over til Bookly > Kalender fra dit WordPress-dashboard og klikke på knappen "Synkroniser" som vist på billedet:

Indpakning

Som du kan se, tager det kun et par klik at integrere Google Kalender med Bookly. Det virkelige problem er at konfigurere dine Google API'er og få dine OAuth-oplysninger.

Vi håber, at denne vejledning har hjulpet dig gennem processen, og at du var i stand til at integrere Google Kalender med dit Bookly- plugin . Og hvis du støder på nogle problemer, er du velkommen til at fortælle os det i kommentarerne. Vi vil gøre vores bedste for at løse problemet hurtigst muligt.

Nitish Singh

Se 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, alle privatlivsdata administreres af Google, fordi det er kilden til begivenheden, som hvis du indlejrer en youtube-video på dit websted. Skål,

  • Hej! Jeg håber, du har det godt, jeg vil gerne vide, om dette plugin også giver mulighed for at tilføje den genererede aftale til slutkundens kalender.

    • Hej, ja, detaljerne sendes via e-mail og kan importeres til en kundekalender (på gmail er det automatisk)

  • 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: Fejl under opdatering af OAuth2-tokenet, besked: '{ "error": "disabled_client", "error_description": "OAuth-klienten blev deaktiveret." }'"

    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 løsning levedygtig sur le long terme...

    • Hej, fejlen ser ud til at skyldes en ændring i Google API. Du bør tjekke, om der findes en plugin opdatering.

  • Buenas tardes,
    alguien podria recomendarmme 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 eller el de la web dónde va a estar instalada esta aplicación?

    Tak!

  • 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 requise".
    Pouvez-vous m'aider ?
    Tak

    • Hej, jeg tror, ​​du skal tjekke alle autorisationerne, når du foretager forbindelsen. Google Kalender kan have tilføjet nye, siden dette indlæg blev lavet!

  • Jeg selv får ved det sidste trin en melding og det lukter mig ikke om mig selv som medarbejder til koppelen til dagsordenen

    Fout 403: access_denied
    Udvikleren har ikke givet dig adgang til denne app. Det er i øjeblikket ved at blive testet, og det er ikke blevet bekræftet af Google. Hvis du mener, du skal have adgang, skal du kontakte udvikleren (*******@gmail).

    Vil du have en løsning?

    • Ja, det er fordi du ikke er administrator af den oprettede dagsorden. For at synkronisere data skal du have en administratoradgang, opsætningen skal udføres fra Google Kalender

  • Hej!
    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.
    Idéen skabes forskellige kalendere for cada servicio pues la peluquería del salón som que tendría una apertura normal, men los profesionales que acudirán a dar sus servicios irían algunos días concretos y horas concretas.
    Vil du alene oprette forskellige kalendere og Google-kalender? vil du gerne være i modstrid med Google Workspace? Er du alene med Bookly-plugin?
    ¿Hvad funktion?
    Tak.

    • Hej, jeg tror, ​​at brug af forskellige kalendere i Bookly er den bedste løsning eller synkronisering af flere kalendere fra Google kan være en mulighed

Seneste indlæg

Sådan bruger du sidehoveder og sidefødder med Elementor

Et websteds sidehoveder og sidefødder er væsentlige elementer. I de fleste tilfælde giver overskriften navigation...

6. januar 2022

WordPress-temasammenligning: Astra vs OceanWP

To af de mest populære WordPress-temaer på markedet er Astra og OceanWP. Professionel…

2. januar 2022

WordPress nyhedstema sammenligning: Avis vs. Astra

Oprettelse af et fremragende nyhedswebsted kræver ikke, at du bliver webdesigner. Vi…

25. oktober 2021

Opret en nyhedsrelateret hjemmeside med Avis-tema

Avis-temaet er et af de mest betydningsfulde WordPress-temaer designet af tagDiv, en...

18. oktober 2021

Sådan bygger du en e-handel med Avada WooCommerce builder

Når det kommer til at oprette en online butik, er WooCommerce det perfekte plugin . Det…

4. oktober 2021

Sådan bruger du sticky header og rulleeffekter med Elementor

En header er generelt det første, en person ser, når de besøger dit websted,...

21. september 2021