Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come creare un feed Facebook personalizzato in WordPress

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete creare un feed Facebook personalizzato in WordPress?

Un feed personalizzato vi permette di mostrare i post della vostra pagina o gruppo Facebook sul vostro sito WordPress. Questo può rendere il vostro sito più coinvolgente e incoraggiare i visitatori a seguirvi su Facebook.

In questo articolo vi mostreremo come creare facilmente un feed Facebook personalizzato in WordPress.

How to create a custom Facebook feed in WordPress

Perché creare un feed Facebook personalizzato in WordPress?

Secondo il nostro rapporto sulle statistiche di marketing, Facebook ha oltre 2,9 miliardi di utenti attivi mensili. Questo lo rende il più grande sito di social media al mondo. Come proprietari di un sito web, potreste aver già creato una pagina o un gruppo su Facebook in cui interagire con il vostro pubblico.

Tuttavia, le persone che visitano solo il vostro sito web non vedranno i vostri post su Facebook. Aggiungendo un feed Facebook personalizzato, potete mostrare ai visitatori ciò che accade nel vostro gruppo o pagina.

Questo può rendere il vostro sito web più coinvolgente e interessante, soprattutto se pubblicate contenuti multimediali su Facebook, come video e immagini.

A custom Facebook feed in WordPress, created with Smash Balloon

È anche un ottimo modo per promuovere la vostra pagina o il vostro gruppo Facebook, che vi aiuterà a ottenere più like su Facebook e a far crescere il vostro seguito.

Detto questo, vediamo come aggiungere un feed personalizzato di Facebook al vostro sito WordPress.org. Per navigare in questa guida passo dopo passo, potete utilizzare i collegamenti rapidi riportati di seguito:

Passo 1: installare il plugin Smash Balloon Custom Facebook Feed

Il modo migliore e più semplice per aggiungere un feed personalizzato di Facebook al vostro sito web WordPress è utilizzare il plugin Smash Balloon Facebook Feed.

Questo plugin consente di mostrare i contenuti e i commenti di Facebook direttamente sul sito e di combinare articoli provenienti da più feed di Facebook. Inoltre, consente di visualizzare facilmente una potente prova sociale incorporando le recensioni e gli articoli della Community di Facebook sul vostro sito web.

La prima cosa da fare è installare e attivare il plugin Smash Balloon Facebook Feed Pro personalizzato. Per maggiori dettagli, consultate la nostra guida su come installare un plugin per WordPress.

In questo post utilizzeremo la versione pro di Smash Balloon, che consente di mostrare video e foto nel feed di Facebook, scegliere diversi layout, filtrare il feed in base al tipo di post e altro ancora.

Tuttavia, esiste anche una versione gratuita che vi permette di creare un feed Facebook personalizzato per WordPress, indipendentemente dal vostro budget.

Dopo l’attivazione, è necessario andare su Facebook Feed ” Impostazioni e inserire la chiave di licenza nel campo “Chiave di licenza”.

Adding a license key to Smash Balloon

Troverete queste informazioni nel vostro account sul sito web di Smash Balloon.

Dopo aver inserito la chiave, è sufficiente fare clic sul pulsante “Attiva”.

Fase 2: Collegare la pagina o il gruppo Facebook a WordPress

Smash Balloon Custom Facebook Feed consente di creare più feed da diverse pagine e gruppi di Facebook. È anche possibile unire i feed per creare un feed personalizzato.

Per creare il vostro primo feed, andate su Facebook Feed ” Tutti i feed e poi cliccate su “Aggiungi nuovo”.

Adding a Facebook social media feed to WordPress

Smash Balloon consente di visualizzare album di Facebook, post della timeline, video, eventi e altro ancora. In questa guida creeremo un feed di Facebook “Timeline”, ma è possibile selezionare qualsiasi tipo di feed.

Dopo aver scelto il tipo di alimentazione, fare clic sul pulsante “Avanti”.

How to add a Facebook timeline to your website

A questo punto, è necessario selezionare la pagina o il gruppo di Facebook da cui si otterranno i contenuti.

Per iniziare, fare clic su “Aggiungi nuovo”.

Adding your Facebook group or page as a source

Nello schermo successivo, scegliete se volete incorporare un feed di gruppo di Facebook in WordPress o creare un feed di pagina di Facebook.

Poi, basta cliccare su “Connetti a Facebook”.

Connecting Smash Balloon to your Facebook group or page

Si apre una finestra di dialogo in cui è possibile accedere al proprio account Facebook e scegliere le pagine o i gruppi che si desidera utilizzare nel feed.

Dopo aver effettuato la selezione, fare clic sul pulsante “Avanti”.

Connecting Facebook and WordPress with Smash Balloon

Una volta fatto ciò, Facebook mostrerà tutte le informazioni a cui Smash Balloon avrà accesso e le azioni che potrà eseguire.

Per limitare l’accesso di Smash Balloon al proprio account Facebook, è sufficiente fare clic su uno qualsiasi degli interruttori per portarli da “Sì” a “No”. Tenete presente che questo potrebbe influire sui contenuti che potete mostrare nel feed del social network.

Per questo motivo, si consiglia di lasciare tutti gli interruttori abilitati.

Giving WordPress access to your Facebook group or page

Quando siete pronti, fate clic su “Fatto”.

Dopo qualche istante, dovrebbe apparire un messaggio che indica che il sito WordPress è stato collegato con successo a Facebook. Ora potete fare clic su “OK”.

How to create a custom Facebook feed in WordPress

Fatto questo, Smash Balloon vi riporterà automaticamente alla dashboard di WordPress.

Passo 3: Creare un feed Facebook personalizzato in WordPress

A questo punto verrà visualizzato un popup con il gruppo o la pagina che avete appena collegato al vostro sito WordPress. È sufficiente selezionare il pulsante di opzione accanto alla fonte e fare clic sul pulsante “Aggiungi”.

Using Facebook as a source for your custom feed

Se il popup è stato chiuso per sbaglio, niente panico. È sufficiente aggiornare la scheda per riaprire il popup.

Una volta fatto ciò, si tornerà alla pagina Facebook Feed ” All Feeds.

Come prima, fate clic sul pulsante “Aggiungi nuovo” e scegliete il tipo di feed personalizzato di Facebook che volete creare, ad esempio Timeline, Foto o Video.

Quindi, fate clic su “Avanti”. Ora, alla voce “Seleziona una fonte”, vedrete il vostro gruppo o la vostra pagina di Facebook come opzione.

Creating a new custom Facebook feed in WordPress

Selezionate la pagina o il gruppo e fate clic su “Avanti”.

Ora potete scegliere il modello che volete utilizzare come punto di partenza per il vostro feed. Tutti questi modelli sono completamente personalizzabili, in modo da poterli adattare perfettamente al vostro blog o sito web WordPress.

Utilizzeremo il modello “Default”, ma potete utilizzare qualsiasi modello desideriate.

Choosing a Smash Balloon template

Dopo aver scelto il design, fare clic sul pulsante “Avanti”.

Smash Balloon creerà ora un feed di Facebook basato sulla fonte e sul modello scelto. Questo è un ottimo inizio, ma si potrebbe voler perfezionare il modo in cui il feed appare sul sito web.

Passo 4: personalizzare il feed di Facebook

Il plugin Smash Balloon Facebook Feed personalizzato offre molte opzioni personalizzate per modificare il feed. A questo proposito, vale la pena di vedere quali modifiche è possibile apportare.

Nella schermata Facebook Feed ” All Feeds, individuate il feed appena creato e fate clic sul pulsante “Modifica”, che ha l’aspetto di una piccola matita.

Editing your social media feed

Si apre l’editor del feed, che mostra un’anteprima dell’aspetto del feed personalizzato di Facebook sul vostro sito web. Qui si possono vedere tutti i video di Facebook incorporati, gli aggiornamenti di stato e altri contenuti che appariranno sul vostro sito WordPress.

Sul lato sinistro sono visualizzate tutte le diverse impostazioni che si possono utilizzare per personalizzare il feed. La maggior parte di queste impostazioni si spiegano da sole, ma esamineremo rapidamente alcune aree chiave.

The Smash Balloon editor

Per iniziare, è possibile modificare la visualizzazione dei post facendo clic su “Layout del feed”.

In questa schermata è possibile passare da un layout all’altro e modificare l’altezza del feed. È anche possibile creare uno slider reattivo selezionando il layout “Carosello”.

Man mano che si apportano modifiche, l’anteprima si aggiorna automaticamente, in modo da poter provare diverse impostazioni per vedere cosa funziona meglio per il vostro sito web.

Choosing a layout for your custom Facebook feed

Per impostazione predefinita, il feed mostrerà lo stesso numero di post su computer desktop e dispositivi mobili come gli smartphone.

Tuttavia, i dispositivi mobili di solito hanno schermi più piccoli e una minore potenza di elaborazione, quindi è possibile che si voglia mostrare un numero inferiore di post su tablet e smartphone. Per farlo, basta digitare un numero diverso nel campo “Mobile” sotto “Numero di post”.

Creating a mobile-friendly layout for your website

È possibile visualizzare in anteprima l’aspetto delle modifiche su computer desktop, tablet e smartphone utilizzando la fila di pulsanti nell’angolo in alto a destra.

Provando diversi layout, è possibile creare un feed personalizzato che abbia un aspetto eccellente, indipendentemente dal dispositivo utilizzato dal visitatore.

Previewing your website's mobile layout with Smash Balloon

Per impostazione predefinita, il feed di Facebook mostra meno colonne su smartphone e tablet rispetto ai computer desktop. In questo modo tutti i contenuti si adattano comodamente agli schermi più piccoli.

Tuttavia, dopo aver testato la versione mobile del vostro sito WordPress, potreste non essere soddisfatti dell’aspetto delle colonne su smartphone e tablet. In questo caso, potete modificare le colonne cambiando i numeri nella sezione “Colonne”.

Changing the number of columns in your social media feed

Quando si è soddisfatti delle modifiche apportate, fare clic sul link “Personalizza” nella parte superiore del menu.

In questo modo si torna all’editor principale di Smash Balloon.

Returning to the Smash Balloon customize screen

Successivamente, potete fare clic su“Schema di colore” nel menu di sinistra e dare un’occhiata ai diversi colori che potete aggiungere al feed di Facebook.

Per impostazione predefinita, Smash Balloon utilizza uno schema di colori ereditato dal tema di WordPress, ma è anche possibile scegliere “Light” o “Dark” o creare uno schema di colori personalizzato.

Changing the color scheme of the social media feed

Ad esempio, si può cambiare il colore del testo in modo che risalti sullo sfondo del tema.

Per impostazione predefinita, Smash Balloon aggiunge un’intestazione al vostro feed, che è l’immagine del vostro profilo Facebook e il nome della vostra pagina o gruppo. In questo modo è possibile aggiungere un ulteriore contesto, piuttosto che visualizzare semplicemente la timeline di Facebook in WordPress.

Per modificare l’aspetto, fare clic su “Intestazione” nel menu di sinistra.

Customizing the header layout with Smash Balloon

In questa schermata è possibile modificare le dimensioni e il colore dell’intestazione, nascondere o mostrare l’immagine del profilo di Facebook e altro ancora.

Se si desidera rimuovere completamente l’intestazione, fare clic sulla levetta per portarla da blu (abilitata) a grigia (disabilitata).

Removing the header from your custom Facebook feed

La schermata successiva è quella dei “Post”. Qui è possibile modificare l’aspetto dei singoli post all’interno del feed personalizzato di Facebook.

Ad esempio, è possibile passare dallo stile normale a quello a riquadri, cambiare il colore dello sfondo, aggiungere un’ombra al riquadro e altro ancora.

How to style your custom social media feed in WordPress

Per impostazione predefinita, Smash Balloon non include il pulsante “Mi piace” di Facebook nel feed.

Per incoraggiare un maggior numero di visitatori a seguire la vostra pagina Facebook, potete aggiungere questo pulsante selezionando “Like Box” dal menu a sinistra dell’editor.

Dopodiché, è sufficiente fare clic sul pulsante “Attiva” in modo che diventi blu. Ora, se si scorre in fondo all’anteprima, si vedrà un pulsante “Mi piace”.

Adding a 'like' button to your Facebook feed

È possibile personalizzare quest’area utilizzando diverse impostazioni. Ad esempio, si può scegliere se il pulsante appare in cima o in fondo al feed e se includere la foto di copertina della propria pagina Facebook.

Quando si è soddisfatti dell’aspetto del pulsante “Mi piace”, si può passare alla schermata “Carica altro pulsante”.

Customizing the Load More Button

Il pulsante “Carica di più” incoraggia i visitatori a scorrere il vostro feed di Facebook.

Per questo motivo, è possibile rendere il pulsante più accattivante modificando il colore di sfondo, il colore del testo e l’etichetta.

Changing the color scheme of your social media feed

Un’altra opzione è quella di rimuovere completamente il pulsante “Carica altro” facendo clic sulla levetta “Abilita” in modo che diventi grigio.

Disattivare il pulsante “Carica altro” è utile se il vostro feed di Facebook è sensibile al tempo. Ad esempio, se pubblicate principalmente il vostro calendario di eventi su Facebook, i visitatori potrebbero non aver bisogno di scorrere i post precedenti perché non sono più rilevanti.

Quando siete soddisfatti di come è stato impostato il feed personalizzato di Facebook, non dimenticate di fare clic su “Salva” per memorizzare le modifiche.

Ora siete pronti ad aggiungere il feed di Facebook al vostro sito web WordPress.

Saving your changes in Smash Balloon

Passo 5: Aggiungere il feed personalizzato di Facebook a WordPress

Per incorporare i feed di Facebook in WordPress, fate clic sul pulsante “Incorpora” accanto a “Salva”.

Clicking the Embed button in the Smash Balloon Facebook Feed plugin

Ora vedrete due opzioni per aggiungere il vostro feed di Facebook: shortcode o blocco.

Secondo la nostra esperienza, è più facile inserire il feed di Facebook utilizzando un blocco. Per farlo, potete cliccare su “Aggiungi a una pagina” o “Aggiungi a un widget”, se il vostro tema ha un’area predisposta per i widget.

La nostra guida utilizzerà il pulsante Aggiungi a una pagina a titolo di esempio.

Seeing the Embed Feed popup when creating a Facebook Feed using Smash Balloon

A questo punto, dovrete scegliere una pagina in cui inserire il feed di Facebook.

È sufficiente selezionarne uno e fare clic su “Aggiungi”.

Choosing a page to embed the Facebook Feed to with Smash Balloon

Si verrà reindirizzati all’editor dei blocchi. A questo punto, basta fare clic sul pulsante “+ Aggiungi blocco” e cercare il blocco Facebook Feed.

A questo punto, è possibile trascinarlo e rilasciarlo dove si preferisce.

Adding the Facebook Feed in the block editor

Una volta fatto questo, andate avanti e selezionate una fonte di feed di Facebook.

Così:

Choosing a Facebook feed source using the Smash Balloon block

Il vostro feed di Facebook dovrebbe ora apparire.

Basta fare clic su “Aggiorna” per rendere ufficiali le modifiche.

Updating the block editor after adding a Facebook feed using Smash Balloon

Se si desidera utilizzare il metodo shortcode, è possibile copiare lo shortcode dal popup Embed Feed.

Quindi, è sufficiente incollare lo shortcode in un blocco shortcode nell’editor dei contenuti quando si modifica una pagina, un articolo o un widget di WordPress. Una volta fatto, fate clic su “Aggiorna”.

Per ulteriori informazioni su come inserire lo shortcode, consultare la nostra guida su come aggiungere uno shortcode in WordPress.

Adding a Smash Balloon Facebook Feed shortcode in the block editor

Suggerimento bonus: come aggiungere altri feed di social media a WordPress

Se volete incorporare gli articoli di stato di Facebook in WordPress, mostrare la vostra timeline, visualizzare gli album di Facebook e altro ancora, allora Personalizzato Facebook Feed è il miglior plugin per WordPress.

Tuttavia, molti siti web hanno più account di social media, come un canale YouTube, un profilo Twitter e un account Instagram. Se create contenuti unici per ogni piattaforma, allora ha senso mostrare questi contenuti sul vostro sito WordPress.

Potete mostrare gli ultimi video del vostro canale YouTube in WordPress utilizzando il plugin gratuito Smash Balloon Feeds for YouTube.

How to embed YouTube videos in WordPress

Con oltre 1 miliardo di utenti attivi mensili, Instagram è un luogo ideale per promuovere i vostri prodotti, servizi e post del blog.

Se avete un account Instagram, potete creare un feed Instagram personalizzato e poi aggiungerlo a qualsiasi pagina web, articolo o area predisposta per widget. È anche possibile aggiungere immagini shoppable di Instagram in WordPress.

An example of a shoppable Instagram image in WordPress

Speriamo che questo articolo vi abbia aiutato ad aggiungere un feed personalizzato per Facebook in WordPress. Potreste anche voler consultare la nostra guida definitiva all’ottimizzazione per i motori di ricerca (SEO) di WordPress o dare un’occhiata al nostro elenco dei migliori plugin di social proof.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

10 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Darknote says

    Hi,
    Putting the page ID does not work, you will get on debug, it is indicated in error

    developers.facebook.com/tools/debug/

    You absolutely have to create a Facebook apps, the only good method!

  3. RickH says

    Any plugin that will grab a FB ‘status’ from a personal (publicly visible) FB account into a separate post? So that each new status will create a new post?

    Thanks…

  4. Anthony says

    Thanks for this article. Have tried and success but i use this tool to find facebook ID, it can find group id and page id too

  5. Shubha das says

    Thanks for sharing this post. Please let me know if free plugin are available for creating custom facebook feed.

    • melanie martins says

      Facebook feed by arrow is free, though i would love to see a tutorial to create my own facebook feed “plugin”

  6. Munna Hossain says

    Great sharing. I am new in WordPress. I don’t know everything about WordPress. Your article will help to create custom facebook feed in my WordPress site. Thank you for sharing such an informative article.

  7. Tracy TC says

    Do you recognize the feed on the homepage of I like the fact that it includes thumbnail pictures from each post. I find that more visually interesting than showing my logo over and over in the feed. I don’t control that area of the website (although I do know that it is WP) and the host has no interest in sharing which plugin is used.

    Thank you!!

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.