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

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.

Nitish Singh

Visualizza commenti

  • Ciao, ecco la mia idea per non sbilanciarmi Frage: la sincronizzazione e il Datenschutzrelevant Daten erano übertragen?
    desideriamo ringraziarvi per il vostro apprezzamento nel calendario

    • 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,
    puoi utilizzare il tuo Google Calendar in modo regolare e con facilità d'uso.
    Da allora il mio legame con Google si è intrecciato, non so cosa aspettarmi:

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

    Esiste una soluzione per le interruzioni tra celle comme? Car devoir consiglia la realizzazione di un progetto da seguire al fine di trovare una soluzione valida a lungo termine...

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

  • Buenas tardes,
    alguien podría consigliato qualche sviluppatore che puoi contratar para terminar de integrar Bookly sulla mia pagina web? Puoi farlo utilizzando Google Calendar (ha comprato per farlo) e sarai in grado di risolvere il problema senza dover "acceso a terceros" senza doverti preoccupare dell'integrazione.

  • Buongiorno,

    Quando si tratta di verificare l'app, non è necessario preoccuparsi di verificare l'app.

  • Buongiorno,

    Come si richiede un dominio autorizado, come si conosce il libretto o come si utilizza il web per installarlo?

    Grazie!

  • Buongiorno,

    Ora puoi continuare con esso (grazie beaucoup) mentre hai finito con il nastro sull'"avancé" dello "staff" e fai clic su "sincronizzazione del calendario di Google", hai un messaggio d'Erreur comme quoi mon app n'est pas validé par Google "Google n'a pas validé cette application. The application demande l'accès à des information sensibles de votre compte Google. Nous vous recommandons de ne pas utiliser cette application tant que "the development process require a una certa quantità di convalida tramite Google."
    C'è anche un messaggio sul cloud di Google che dice "Etat 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!

  • Ricevo una notifica all'ultimo passaggio, quindi non riesco a collegarmi come dipendente all'agenda

    Errore 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).

    qualcuno ha una soluzione per questo?

    • 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!
    È una grande arte e mi sembra fantastica.
    Ho una consultazione, sto realizzando una web di un salone di bellezza con sistema di prenotazione.
    La mia guida a Google Calendar è la guida a Bookly e le opzioni sono disponibili.
    L'idea è quella di creare diversi calendari per il servizio quotidiano durante i quali il salone verrà utilizzato durante il normale orario lavorativo, mentre i professionisti continueranno a lavorare sui loro servizi durante il giorno.
    ¿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

messaggi 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: giornali 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