Come aggiungere un calendario di eventi Facebook in WordPress (Modo semplice)

Potresti avere un fitto programma di eventi su Facebook, ma i visitatori del tuo sito WordPress non lo sapranno a meno che tu non visualizzi quegli eventi direttamente sulle tue pagine.

Un feed di eventi di Facebook risolve questo problema estraendo gli eventi direttamente dalla tua Pagina Facebook e visualizzandoli automaticamente sul tuo sito web.

Questa guida ti accompagna attraverso l'intera configurazione, dalla creazione dell'app Facebook richiesta alla personalizzazione del tuo calendario completato.

Puoi utilizzare questi collegamenti rapidi per navigare tra i passaggi:

Passaggio 1: Aggiungi un plugin per eventi di Facebook in WordPress

Per visualizzare gli eventi di Facebook in WordPress, avrai bisogno del plugin Smash Balloon Facebook Feed. Questo plugin ti consente di visualizzare i tuoi post, foto, video e album di Facebook direttamente sul tuo sito web WordPress.

Esiste anche un plugin gratuito Smash Balloon Social Post Feed che puoi scaricare dal repository ufficiale di WordPress. Tuttavia, dovrai eseguire l'aggiornamento alla licenza Elite ($149/anno) per visualizzare gli eventi di Facebook.

Una volta ottenuta la licenza, puoi installare e attivare il plugin. La nostra guida su come installare un plugin di WordPress ti guida attraverso il processo, passo dopo passo.

Dopo l'attivazione, vai su Facebook Feed » Impostazioni, incolla la tua chiave nel campo Chiave di licenza e fai clic su Attiva.

Passaggio 2: Collega Facebook a WordPress e crea un token di accesso agli eventi

Facebook tratta gli eventi della Pagina come dati con restrizioni, quindi Smash Balloon non può estrarli automaticamente come i post standard. Invece, dovrai creare una semplice app Facebook, generare un token di accesso e aggiungere quel token al plugin.

Prima di iniziare, assicurati che il tuo account Facebook personale abbia accesso amministrativo alla Pagina Facebook in cui sono ospitati i tuoi eventi. Se non sei un amministratore, la configurazione terminerà senza mostrare errori, ma il tuo calendario rimarrà completamente vuoto.

Registrati come sviluppatore Meta

Per iniziare, vai sul sito Meta for Developers e fai clic su ‘Accedi’ nell’angolo in alto a destra. Dovrai accedere con il profilo Facebook personale che gestisce la tua Pagina, perché Facebook consente solo agli individui di registrarsi come sviluppatori, non alle aziende.

Se questa è la tua prima visita, fai clic su ‘Crea nuovo account’ e segui le istruzioni sullo schermo.

Facebook ti chiederà di accettare i termini per sviluppatori, verificare il tuo numero di telefono tramite SMS e confermare il tuo indirizzo email. Una volta completato, Facebook ti reindirizzerà alla dashboard dell'app.

Crea la tua app Facebook e aggiungi le sue autorizzazioni

Nella pagina App, fai clic su ‘Crea app’ nell’angolo in alto a destra.

Nella schermata ‘Dettagli app’, inserisci un nome per la tua app e la tua email di contatto. Il nome è visibile solo a te, quindi qualcosa di semplice come I miei eventi va benissimo.

Fai clic su Avanti per procedere.

Nella schermata ‘Aggiungi casi d’uso’, seleziona ‘Gestione contenuti’ dal menu di sinistra.

Quando appare, scegli ‘Gestisci tutto sulla tua Pagina.’

Fai clic su ‘Avanti.’

Nella schermata ‘Azienda’, puoi collegare un portfolio aziendale se ne usi uno. Poiché questa parte è facoltativa, puoi anche selezionare ‘Non voglio collegare un portfolio aziendale per ora’ e fare clic su ‘Avanti.’

Nella schermata Requisiti, fai clic su ‘Avanti’ per confermare che non si applicano requisiti di pubblicazione aggiuntivi.

Infine, rivedi le tue impostazioni nella schermata Panoramica e fai clic su ‘Crea app.’

Questo apre la dashboard della tua nuova app. Da qui, fai clic su ‘Personalizza il caso d’uso Gestisci tutto sulla tua Pagina.’

In questa pagina, noterai che le autorizzazioni pages_show_list e business_management sono già selezionate per te.

Nell’elenco, fai clic su ‘Aggiungi’ accanto a ciascuna di queste autorizzazioni:

• pages_read_user_content
• pages_read_engagement
• pages_manage_engagement

Una volta aggiunte, tutte e tre mostreranno uno stato ‘Pronto per il test’.

Poiché la visualizzazione dei feed di eventi di Facebook non richiede a Facebook di rivedere o pubblicare la tua app, puoi tranquillamente lasciare la tua app in modalità di sviluppo.

Genera il tuo token e collega la tua pagina

Nella barra laterale sinistra della tua app, vai su Impostazioni app » Base.

Qui troverai i campi ‘ID app’ e ‘Segreto app’.

Per visualizzare il segreto, fai clic su ‘Mostra’. Avrai bisogno di queste informazioni a breve, quindi tieni aperta questa schermata.

In una nuova scheda, apri il Graph API Explorer, che è lo strumento di Facebook per verificare cosa un'app è autorizzata a leggere. Se non è già selezionato, apri il menu a discesa 'Meta App' e scegli l'app che hai appena creato.

Successivamente, apri il menu a discesa 'Aggiungi un'autorizzazione' e seleziona tutte e cinque queste: business_management, pages_manage_engagement, pages_read_engagement, pages_read_user_content e pages_show_list.

Una volta che tutte e cinque appaiono nell'elenco 'Autorizzazioni', fai clic su 'Genera token di accesso'.

Una finestra di accesso di Facebook ti chiederà di confermare il tuo account, quindi fai clic su Continua.

Facebook ti chiederà quindi a quali Pagine e Aziende la tua app è autorizzata ad accedere. Scegli la Pagina che desideri visualizzare e fai clic su Continua.

Il tuo nuovo token apparirà nel campo Token di accesso. Puoi fare clic sull'icona di copia accanto ad esso per copiare il testo.

Poiché questo token temporaneo dura solo circa un'ora, incollalo subito nel plugin Smash Balloon. Torna alla dashboard di WordPress, vai su Facebook Feed » Tutti i feed e fai clic su Aggiungi nuovo.

Nella schermata successiva, seleziona il tipo di feed 'Eventi' e fai clic su 'Avanti'.

Dato che non hai ancora collegato una fonte di eventi, la schermata 'Seleziona una fonte' sarà vuota, quindi fai clic su Aggiungi nuovo.

Incolla il tuo ID app, segreto app e token di accesso utente nei campi corrispondenti, quindi fai clic su Connetti.

Una volta connesso, il plugin recupererà le Pagine Facebook che gestisci e le visualizzerà in un elenco. Seleziona la Pagina i cui eventi desideri mostrare e fai clic su Aggiungi.

La tua Pagina apparirà ora come fonte di eventi connessa. Selezionala nella schermata 'Seleziona una fonte' e fai clic su Avanti per continuare.

Seleziona un modello di layout per il tuo calendario e fai clic su Avanti.

Stiamo usando il modello Predefinito per questa guida, ma ogni modello è completamente personalizzabile.

Passaggio 3: Personalizza il tuo calendario di eventi di Facebook incorporato

Dopo aver creato il tuo feed, verrai portato al personalizzatore di Smash Balloon.

Sul lato destro, vedrai un'anteprima del tuo calendario di eventi di Facebook, mentre il lato sinistro contiene le impostazioni per personalizzare come tali eventi appaiono sul tuo sito.

La maggior parte di queste impostazioni sono semplici, quindi ci concentreremo su quelle che hanno il maggiore impatto sul tuo calendario. Per iniziare, il pannello Layout del feed controlla la sua forma generale.

Qui, puoi scegliere tra i layout Elenco, Masonry e Carosello. Masonry visualizza i tuoi eventi in una griglia a colonne che si adatta naturalmente a diverse altezze di schede, mentre Carosello converte il calendario in uno slider interattivo che i visitatori possono scorrere.

Lo stesso pannello ti consente di regolare l'altezza del feed e impostare il 'Numero di post' da visualizzare, con controlli separati per dispositivi desktop e mobili. Mostrare meno post sui dispositivi mobili evita che lunghi calendari ingombrino schermi piccoli e nascondano il resto del tuo contenuto.

Man mano che apporti modifiche, l'anteprima si aggiorna automaticamente. Puoi utilizzare i pulsanti del dispositivo nell'angolo in alto a destra per vedere come appare il tuo feed su desktop, tablet e dispositivi mobili.

Per impostazione predefinita, il calendario eredita i suoi colori dal tuo tema WordPress. Se preferisci un aspetto diverso, puoi selezionare 'Schema colori' dal menu di sinistra ed effettuare le modifiche.

Più in basso, le impostazioni dell'intestazione gestiscono il blocco che si trova sopra il tuo calendario e indirizza i visitatori alla tua Pagina Facebook.

Da qui, puoi scegliere tra un'intestazione Visiva e Testuale, personalizzare il titolo e la biografia, oppure disattivare completamente l'intestazione utilizzando l'interruttore Abilita.

Per cambiare l'aspetto di ogni singolo evento, vai su Articoli » Stile articolo.

Sotto Tipo di articolo, scegli Incorniciato per inserire ogni evento all'interno della propria scheda con spaziatura, oppure seleziona Normale per separare gli eventi con una singola linea divisoria.

Esiste anche una funzione lightbox, che apre un popup sopra la pagina quando qualcuno fa clic su un evento. Ciò consente ai visitatori di consultare l'intero programma senza lasciare il tuo sito.

Questa comodità implica che meno persone potrebbero fare clic sulla tua Pagina Facebook. Se preferisci inviare i visitatori direttamente alla tua Pagina Facebook, puoi disattivare il lightbox utilizzando l'interruttore Abilita.

Quando sei soddisfatto dell'aspetto del calendario eventi di Facebook, non dimenticare di fare clic su 'Salva' per memorizzare le modifiche. Ora sei pronto per aggiungere questo feed al tuo sito web WordPress.

Passaggio 4: Incorpora il tuo calendario eventi di Facebook in WordPress

Per aggiungere il calendario eventi di Facebook, fai clic sul pulsante 'Incorpora' in alto sullo schermo.

Innanzitutto, puoi fare clic su 'Aggiungi a una pagina'.

Seleziona la pagina in cui desideri pubblicare il calendario eventi e fai clic su Aggiungi.

Verrai quindi indirizzato all'editor a blocchi.

Qui, fai clic sul pulsante ‘+ Aggiungi blocco’ e cerca il blocco ‘Feed di Facebook’.

Successivamente, apri il menu a discesa nel pannello del blocco e seleziona il feed eventi che hai creato in precedenza.

Il blocco si aggiornerà automaticamente per mostrare il tuo calendario eventi.

Il popup Incorpora include anche un'opzione 'Aggiungi a un widget' se preferisci inserire il tuo calendario in un'area widget come una barra laterale o un piè di pagina. Inoltre, fornisce uno shortcode che puoi copiare e incollare ovunque il blocco standard non sia supportato.

Dopo aver pubblicato la pagina, aprila in una finestra del browser in incognito o disconnessa per verificare se i tuoi prossimi eventi di Facebook vengono visualizzati.

Se il calendario si carica ma appare completamente vuoto, ricontrolla che il tuo account Facebook abbia accesso amministrativo alla Pagina, come descritto nel Passaggio 2.

Domande frequenti sull'aggiunta di un calendario eventi di Facebook in WordPress

Come aggiungo eventi di Facebook a un calendario?

Ti iscrivi ad essi piuttosto che copiarli manualmente. Sul calendario eventi della tua Pagina, individua il pulsante 'Aggiungi al calendario'. Facendo clic con il pulsante destro del mouse su questo pulsante si ottiene un link che puoi incollare in Google Calendar, Apple Calendar o Outlook.

Tieni presente che l'iscrizione è separata dall'incorporamento. Un'iscrizione al calendario mantiene i tuoi eventi sincronizzati all'interno della tua app di calendario personale, mentre incorporarli con un plugin come Smash Balloon visualizza quel programma live direttamente sul tuo sito web affinché i visitatori possano vederlo.

Qual è il miglior plugin per calendari di eventi per WordPress?

Se desideri ospitare eventi direttamente sul tuo sito invece di importarli da Facebook, Sugar Calendar è la nostra scelta migliore. Gestisce eventi ricorrenti, accetta prenotazioni e ti consente di vendere biglietti tramite Stripe o WooCommerce.

Poiché ospiti gli eventi sul tuo sito, continuano a funzionare anche se smetti di pubblicare su Facebook.

Per un'occhiata più da vicino, consulta la nostra recensione di Sugar Calendar o confrontala con le alternative nel nostro riepilogo dei migliori plugin per calendari WordPress.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere un calendario di eventi Facebook in WordPress. Potresti anche voler vedere le nostre scelte esperte per i migliori plugin Facebook per WordPress, o imparare come visualizzare la tua timeline di Facebook in WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.