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 plugin in Bookly gratuito . La versione gratuita, nonostante sia 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
• Sincronizzazione unidirezionale
• Solo front-end bidirezionale
• Sincronizzazione bidirezionale
• Trova il tuo ID cliente Google e il segreto cliente
• Collega Google Calendar con Bookly Calendar
• Come impostare la sincronizzazione bidirezionale con Google Calendar
• Come sincronizzare manualmente Google Calendar con Bookly
• Avvolgendo

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 dell'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.

Questo 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:

Avvolgendo

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.