Imposta un'integrazione di Google Calendar con WordPress Bookly Plugin

Utilizzi il plugin WordPress Bookly per gestire le prenotazioni e gli 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 capitato nel posto giusto!

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

Dichiarazione di non responsabilità : è necessario utilizzare il plugin Bookly Pro premium e non il plugin Bookly gratuito . 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:

Tabella dei contenuti

• Diversi metodi di sincronizzazione di Google Calendar disponibili su Bookly
• Sincronizzazione unidirezionale
• Solo front-end a due vie
• 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 collegato, ma non viceversa.

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

Solo front-end a due vie

Con questo metodo di sincronizzazione, il plugin in recupererà automaticamente i dati degli eventi dal Google Calendar collegato e quindi rimuoverà le fasce orarie corrispondenti dal Booking Calendar durante il passaggio "Seleziona fascia oraria" per fissare un appuntamento.

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

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

Nota : la sincronizzazione degli appuntamenti tra Google Calendar e Bookly Calendar richiede del tempo. Pertanto, questa opzione aumenterà il tempo di caricamento per il passaggio "Seleziona fascia oraria". Per rimediare a questo problema, limitare il numero di eventi recuperati relativi a questa opzione.

Sincronizzazione bidirezionale

Questo è un corretto metodo di sincronizzazione a 2 vie in cui tutte le prenotazioni create e aggiornate nel Calendario Bookly si riflettono automaticamente sul Google Calendar connesso e viceversa.

plugin -in Bookly Pro predefinito . 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 di inserire il tuo ID cliente Google e il segreto cliente per integrare il calendario di Bookly con il tuo Google Calendar.

Per fare ciò, dovrai accedere 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 Google Developer Console, 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. Al termine, 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 devi 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 il tuo utente di destinazione.

Ci sono due opzioni:

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

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

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

Ora con quello fuori mano, usa la barra laterale di sinistra e vai alla sezione Credenziali .

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

Nella schermata successiva, 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 libro nella sezione URI di reindirizzamento autorizzato, fare 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 client Google e un segreto client. Ora torniamo al tuo sito Web WordPress e integri 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 Client Secret, 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 fatto, 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 “Two-Way”, seleziona uno dei due metodi di sincronizzazione disponibili e scorri verso il basso.

Nella sezione successiva troverai le sezioni “Modello per il titolo dell'evento” e “Modello per la descrizione dell'evento”.

Queste opzioni ti permetteranno di configurare ciò che appare come titolo 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. Non resta che connetterti al tuo 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 scheda Avanzate e fai clic sul pulsante Connetti nell'area di integrazione di Google Calendar per sincronizzare gli appuntamenti dei membri dello staff con Google Calendar.

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

Detto questo, parliamo di come impostare la sincronizzazione bidirezionale con Bookly e Google Calendar.

Come impostare la sincronizzazione bidirezionale con Google Calendar

Le opzioni di sincronizzazione "One-Way" e "Two-Way Front-End Only" sono disponibili direttamente con il plugin WordPress Bookly Pro e abbiamo appena spiegato come configurare e utilizzare tali funzionalità.

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

Nota : questo è un add-on per il plugin Bookly Pro . Pertanto, dovrai installare il plugin Bookly Pro sul tuo WordPress e quindi installare questo componente aggiuntivo.

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

Inoltre, proprio sotto di esso hai il campo "Sincronizza cronologia appuntamenti" in cui puoi specificare il numero di giorni di dati del calendario passati 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 di Calendar siano sincronizzati in modo efficiente, si consiglia di seguire la guida ufficiale di Google Calendar API Sync .

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 cliente e segreto cliente sono collegati al tuo plugin Bookly .

Per fare ciò, vai alla Verifica del dominio nella Console API e fai clic su "Aggiungi dominio". Ora compila il modulo e fai 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 stato in grado di integrare correttamente Google Calendar con il tuo plugin Bookly. E nel caso in cui hai riscontrato alcuni problemi, sentiti libero di farcelo sapere nei commenti. Faremo del nostro meglio per risolvere il problema al più presto.