Imposta un'integrazione di Google Calendar con Plugin Bookly di WordPress

Utilizzi il plugin WordPress Bookly per gestire prenotazioni e appuntamenti sul tuo sito web? Vuoi sincronizzare tutte le prenotazioni e gli appuntamenti presi utilizzando il plugin per la sincronizzazione automatica con il tuo Google Calendar?

Se sì, allora sei arrivato nel posto giusto!

Qui abbiamo preparato un tutorial completo e approfondito su tutto ciò che devi sapere su come impostare l'integrazione di Google Calendar con il plugin Bookly di WordPress.

Dichiarazione di non responsabilità : è necessario utilizzare il plugin Bookly Pro e non il plugin . La versione gratuita, sebbene ottima solo per impostare un sistema di prenotazione di base, manca di molte delle funzionalità avanzate di qualità della vita come il supporto per l'integrazione di Google.

Quindi, senza ulteriori indugi, iniziamo:

Sommario

Diversi metodi di sincronizzazione di Google Calendar disponibili su Bookly

Il plugin Bookly Pro WordPress ti presenta tre metodi di sincronizzazione di Google Calendar: sincronizzazione unidirezionale, solo front-end bidirezionale e sincronizzazione bidirezionale corretta.

Ecco uno sguardo a cosa fanno questi metodi:

Sincronizzazione unidirezionale

Se scegli questo metodo di sincronizzazione, il plugin invierà automaticamente tutti i nuovi appuntamenti, inclusi i campi personalizzati e qualsiasi altra modifica apportata su Bookly Calendar, direttamente al Google Calendar connesso, ma non viceversa.

Ciò è utile quando desideri che il tuo Google Calendar rimanga aggiornato con il tuo Bookly Calendar, ma devi anche apportare liberamente modifiche al tuo Google Calendar senza che ciò influisca sul tuo Bookly Calendar.

Solo front-end bidirezionale

Con questo metodo di sincronizzazione il plugin recupererà automaticamente i dati degli eventi dal Google Calendar connesso e quindi rimuoverà le fasce orarie corrispondenti dal Booking Calendar durante la fase "Seleziona fascia oraria" della fissazione di un appuntamento.

Pertanto, abilitando questa opzione, puoi essere certo che nessuno dei tuoi appuntamenti Bookly compete con i tuoi eventi di Google Calendar.

Detto questo, tieni presente che questo metodo non copierà né visualizzerà gli eventi di Google Calendar sul calendario di Bookly. Per fare ciò, è necessario il successivo metodo di sincronizzazione.

Nota : è necessario del tempo per sincronizzare gli appuntamenti tra Google Calendar e Bookly Calendar. Pertanto, questa opzione aumenterà il tempo di caricamento per il passaggio “Seleziona fascia oraria”. Per rimediare a questo problema, limita il numero di eventi recuperati relativi a questa opzione.

Sincronizzazione bidirezionale

Questo è un vero e proprio metodo di sincronizzazione bidirezionale in cui tutte le prenotazioni create e aggiornate nel Calendario Bookly si riflettono automaticamente sul Calendario Google connesso e viceversa.

Tuttavia, questa funzione non è supportata sul plugin . Per questo, è necessario il componente aggiuntivo aggiuntivo: Advanced Google Calendar per Bookly . E non è tutto: dovrai anche preconfigurare Google Calendar prima di abilitare questa impostazione.

Abbiamo una sezione dettagliata su come impostare la sincronizzazione bidirezionale in una sezione successiva.

Trova il tuo ID cliente Google e il segreto cliente

Il plugin Bookly richiede l'inserimento del tuo ID cliente Google e del Segreto cliente per integrare Bookly Calendar con il tuo Google Calendar.

Per fare ciò, dovrai andare alla Console per gli sviluppatori di Google e accedere con il tuo account. Una volta lì, seleziona un progetto esistente o crea un nuovo progetto.

Se è la prima volta che utilizzi la Console per gli sviluppatori di Google, vedrai un'opzione per CREARE PROGETTO come mostrato nell'immagine qui sotto.

Fai clic e ti verrà chiesto di inserire un "Nome progetto" e "Organizzazione o cartella principale" per il progetto. Una volta terminato, fai clic su "Crea" e il tuo nuovo progetto verrà creato.

Verrai quindi indirizzato alla seguente schermata:

Successivamente, dovrai assicurarti che l'API di Google Calendar sia abilitata. Per fare ciò, vai alla sezione Libreria come indicato nell'immagine. Ora digita "Calendario" nella casella di ricerca come mostrato nell'immagine e fai clic su Google Calendar API come evidenziato nell'immagine.

Questo ti porterà alla schermata seguente in cui dovrai fare clic sul pulsante "ABILITA" e il gioco è fatto.

Con l'API di Google Calendar abilitata per il tuo progetto, torna alla API e servizi e ora vai alla "schermata di consenso OAuth".

La schermata seguente ti chiederà di selezionare l'utente di destinazione.

Ci sono due opzioni:

  • Interno : disponibile per gli utenti all'interno della tua organizzazione. (Disponibile solo per gli utenti con un Workspace .)
  • Esterno : disponibile per qualsiasi utente con un account Google.

Per questo progetto, il tipo di utente target sarà Interno (puoi anche selezionare Esterno se non disponi di un account Workspace). Dopo averlo selezionato, fai clic su CREA . Questo ti porterà alla seguente schermata:

Basta compilare il Nome app , E-mail , scorrere verso il basso e aggiungere un dominio autorizzato facendo clic sul +AGGIUNGI DOMINIO . Una volta terminato, premi SALVA E CONTINUA in fondo alla pagina.

Ora che hai finito di farlo, usa la barra laterale di sinistra e vai alla Credenziali .

Da qui, fai clic sul + CREA CREDENZIALI come mostrato nell'immagine e dalle opzioni a discesa fai clic su ID client OAuth .

Nella schermata seguente, dovrai selezionare un Tipo di applicazione da un menu a discesa.

Seleziona "Applicazione Web" e quindi digita un nome per il client OAuth. Infine, scorri verso il basso e aggiungi un URI di reindirizzamento autorizzato.

Dovrebbe essere l'URI di reindirizzamento fornito nella sezione Bookly > Impostazioni > Google Calendar sul tuo sito Web WordPress.

Dopo aver inserito l'URI di reindirizzamento Bookly nella sezione URI di reindirizzamento autorizzato, fai clic su Crea e verrà visualizzata una finestra pop-up che mostra l' ID cliente e il Segreto cliente .

E questo è tutto, hai creato con successo un ID cliente e un segreto cliente Google. Ora torniamo al tuo sito Web WordPress e integriamo Google Calendar con il tuo calendario Bookly.

Nota : gli eventi "Tutto il giorno" creati in Google Calendar sono impostati su "Gratuito" per impostazione predefinita. Pertanto, se desideri che quel giorno non sia disponibile su Bookly Calendar, ricorda di modificare lo stato in "Occupato". Oppure il Calendario Bookly mostrerà il giorno disponibile per gli appuntamenti.

Collega Google Calendar con Bookly Calendar

Ora che hai il tuo ID cliente Google e il segreto cliente, accedi alla dashboard di WordPress e vai su Bookly > Impostazioni > Google Calendar . Una volta lì, scorri verso il basso e inserisci l'ID cliente e il segreto nei campi designati.

Una volta terminato, seleziona la modalità di sincronizzazione preferita.

Come puoi vedere dall'immagine sopra, ci sono solo due opzioni tra cui scegliere: "One-Way" e "Two-Way Front-End Only". Abilitare la corretta sincronizzazione “bidirezionale” è un po’ complicato e quindi ne abbiamo discusso esclusivamente in una sezione successiva.

Se non hai bisogno della sincronizzazione “bidirezionale”, seleziona uno dei due metodi di sincronizzazione disponibili e scorri verso il basso.

Nella sezione successiva troverai le sezioni “Modello per titolo evento” e “Modello per descrizione evento”.

Queste opzioni ti consentiranno di configurare ciò che appare come titolo dell'evento e descrizione dell'evento per l'evento di Google Calendar sincronizzato da Bookly Calendar.

Ecco una guida approfondita che ti mostra quali codici utilizzare per personalizzare le voci di Google Calendar .

Una volta fatto, premi il Salva e Google Calendar sarà integrato con il tuo calendario Bookly. Ora non resta che collegarsi al proprio Google Calendar.

Per fare ciò, vai su Bookly > Membri dello staff dalla barra laterale di sinistra. Da qui, scegli un membro dello staff di cui desideri sincronizzare gli appuntamenti con Google Calendar e fai clic sul Modifica .

Questo farà apparire una finestra pop-up. Da qui, vai alla Avanzate e fai clic sul Connetti sotto l' di integrazione di Google Calendar per sincronizzare gli appuntamenti dei membri dello staff con Google Calendar.

E questo è tutto! Ora sai come connettere il tuo Bookly Calendar con il tuo Google Calendar e sincronizzare gli appuntamenti. L'unico problema è che devi collegare manualmente tutti gli appuntamenti dei membri dello staff a Google Calendar, uno alla volta.

Ora che abbiamo risolto questo problema, parliamo di come impostare la sincronizzazione bidirezionale con Bookly e Google Calendar.

Come impostare la sincronizzazione bidirezionale con Google Calendar

Le opzioni di sincronizzazione "unidirezionale" e "solo front-end bidirezionale" sono disponibili direttamente con il plugin WordPress Bookly Pro e abbiamo appena spiegato come impostare e utilizzare tali funzionalità.

Ora, se desideri impostare la sincronizzazione "bidirezionale" tra Bookly e Google Calendar, avrai bisogno del componente aggiuntivo Bookly Advanced Google Calendar

Nota : questo è un componente aggiuntivo per il plugin Bookly Pro . Pertanto, dovrai avere il plugin installato sul tuo WordPress e poi installare questo componente aggiuntivo.

Ora, con il componente aggiuntivo installato, dovresti vedere l'opzione di sincronizzazione "bidirezionale" disponibile in Bookly > Impostazioni > Google Calendar , cosa che in precedenza non era possibile.

Inoltre, proprio sotto di esso hai il campo "Sincronizza cronologia appuntamenti" in cui puoi specificare il numero di giorni di dati del calendario passato che desideri sincronizzare tra i due calendari.

Per il valore predefinito - "0", nessun evento passato verrà sincronizzato.

Ora, detto questo, abilitare la sincronizzazione bidirezionale non sarà semplice come selezionare l'opzione e premere il pulsante "Salva".

Per garantire che tutti gli eventi del calendario siano sincronizzati in modo efficiente, ti consigliamo di seguire la guida ufficiale alla sincronizzazione dell'API di Google Calendar .

Inoltre, dovrai verificare e registrare il tuo dominio su Google Search Console prima di far funzionare la sincronizzazione bidirezionale del calendario.

Ecco la guida ufficiale di Google su come verificare la proprietà del tuo sito .

Una volta verificato il nome di dominio del tuo sito, dovrai registrarlo come dominio consentito per il tuo progetto: il progetto il cui ID client e segreto client sono collegati al tuo plugin Bookly.

Per fare ciò, vai alla di verifica del dominio nella console API e fai clic su "Aggiungi dominio". Ora basta compilare il modulo e fare nuovamente clic sul pulsante “Aggiungi dominio”.

A condizione che il tuo dominio abbia superato il processo di verifica, ora puoi selezionarlo per iniziare a ricevere notifiche push e quindi stabilire una sincronizzazione bidirezionale tra Google Calendar e Bookly.

Come sincronizzare manualmente Google Calendar con Bookly

Per impostazione predefinita, il plugin Bookly sincronizza gli eventi con Google Calendar dopo un intervallo di tempo prestabilito. Se desideri sincronizzare gli eventi in questo momento, puoi andare su Bookly > Calendario dalla dashboard di WordPress e fare clic sul pulsante "Sincronizza" come mostrato nell'immagine:

Concludendo

Come puoi vedere, l'integrazione di Google Calendar con Bookly richiede solo un paio di clic. Il vero problema è configurare le API di Google e ottenere i dettagli OAuth.

Ci auguriamo che questo tutorial ti abbia aiutato a guidarti attraverso il processo e che tu sia riuscito a integrare con successo Google Calendar con il tuo plugin Bookly. E nel caso in cui riscontri qualche problema, non esitare a farcelo sapere nei commenti. Faremo del nostro meglio per risolvere il problema al più presto.

Nitish Singh

Visualizza commenti

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

    • Ciao, tutti i dati sulla privacy sono gestiti da Google perché è la fonte dell'evento, come se incorporassi un video di YouTube sul tuo sito web. Saluti,

  • Ciao! Spero che tu stia bene, voglio sapere se questo plugin permette anche di aggiungere l'appuntamento generato al calendario del cliente finale.

    • Salve. Sì, certo che i dettagli vengono inviati via e-mail e possono essere importati nel calendario del cliente (su Gmail è automatico)

  • Bonjour,
    J'ai actuellement mis en place mon google calendar avec bookly et tout fonctionnait parfaitement jusqu'à présent.
    Mais depuis quelques jours, la connessione con Google s'est interrompue toute seule, me donnant cette erreur:

    "Google Calendar: errore durante l'aggiornamento del token OAuth2, messaggio: '{ "error": "disabled_client", "error_description": "Il client OAuth è stato disabilitato." }'"

    Est-che ti aspetta una soluzione per impedire le interruzioni come quelle qui? Devo ricominciare la creazione di un progetto ogni volta che non sarà una soluzione praticabile a lungo termine...

    • Ciao, l'errore sembra dovuto a una modifica nell'API di Google. Dovresti controllare se esiste un aggiornamento plugin .

  • Buenas tardis,
    qualcuno potrebbe consigliarmi qualche sviluppatore che puoi contrattare per terminare l'integrazione di Bookly nella mia pagina web? Segui tutti i passaggi per poterlo connettere con Google Calendar (ha acquistato tutto il necessario) e sto riscontrando problemi poiché non mi è consentito "accedere a terzi" e pertanto non mi è possibile integrarlo.

  • Buenos giorni,

    Ho problemi con la verifica dell'app, non so molto bene cosa devo fare per poter verificare l'app.

  • Buenos giorni,

    Quando hai un dominio autorizzato, dobbiamo lasciare Bookly o il sito web dove hai installato questa applicazione?

    Grazie!

  • Buon giorno,

    Non ho mai visto il tuo tuto (merci beaucoup) ma quando sono andato all'ultima tappa dell'"avancé" di "staff" e ho cliccato su "google calendar synchronisation", ho ricevuto un messaggio 'erreur comme quoi mon app n'est pas validé par Google "Google n'a pas validé cette application. L'applicazione richiede l'accesso alle informazioni sensibili del tuo account Google. Ti consigliamo di non utilizzare questa applicazione in modo che lo sviluppatore non soumise per la convalida dopo Google.". Ce qui est d'autant plus surprenant que sur Google cloud j'ai bien un message "État de validation - Validation non requise".
    Puoi aiutarmi?
    Grazie

    • Ciao, penso che tu debba controllare tutte le autorizzazioni quando effettui la connessione. Google Calendar potrebbe averne aggiunti di nuovi da quando è stato creato questo post!

  • Non ho fatto altro che fare una fusione con l'ultimo passaggio e non mi è capitato di voler mettere insieme i medici nell'agenda

    Fout 403: access_denied
    Lo sviluppatore non ti ha concesso l'accesso a questa app. È attualmente in fase di test e non è stato verificato da Google. Se ritieni che dovresti avere accesso, contatta lo sviluppatore (*******@gmail).

    Voglio che qualcuno si opprima?

    • Sì, perché non sei amministratore dell'agenda creata. Per sincronizzare i dati è necessario un accesso amministratore, la configurazione deve essere eseguita da Google Calendar

  • Ciao!
    Stado leyendo el artículo y me sembra fantastico.
    Ho una consultazione, sto realizzando una web di un salone di bellezza con sistema di prenotazione.
    Vorrei integrarlo con Google Calendar in modo che Bookly possa avere una delle opzioni.
    L'idea è creare vari calendari per ogni servizio, quindi la pelliccia del salone se avrà un'apertura normale, ma i professionisti che acudirán a dar i suoi servizi impiegheranno alcuni giorni concreti e ore concrete.
    ¿Solo con creare vari calendari su Google Calendar? o anche tu non hai acquistato Google Workspace? ¿O solo con il plug-in di Bookly?
    ¿Como funziona?
    Grazie.

    • Ciao, penso che utilizzare un calendario diverso in Bookly sia la soluzione migliore o sincronizzare diversi calendari di Google può essere un'opzione

Post recenti

Come utilizzare intestazioni e piè di pagina con Elementor

Le intestazioni e i piè di pagina di un sito Web sono elementi essenziali. Nella maggior parte dei casi, l'intestazione fornisce la navigazione...

6 gennaio 2022

Confronto dei temi WordPress: Astra vs OceanWP

Due dei temi WordPress più popolari sul mercato sono Astra e OceanWP. Professionale…

2 gennaio 2022

Confronto dei temi delle notizie WordPress: Giornale vs. Astra

Per creare un eccellente sito Web di notizie non è necessario che tu diventi un web designer. Noi…

25 ottobre 2021

Crea un sito Web relativo alle notizie con il tema del giornale

Il tema Giornale è uno dei temi WordPress più significativi progettati da tagDiv, un...

18 ottobre 2021

Come costruire un eCommerce con il builder Avada WooCommerce

Quando si tratta di creare un negozio online, WooCommerce è il plugin di riferimento. Esso…

4 ottobre 2021

Come utilizzare l'intestazione fissa e gli effetti di scorrimento con Elementor

Un'intestazione è generalmente la prima cosa che una persona vede quando visita il tuo sito web,...

21 settembre 2021