Come incorporare un feed di gruppo Facebook in WordPress

Vuoi incorporare i post di un gruppo Facebook sul tuo sito Web WordPress?

Promuovere il tuo gruppo Facebook sul tuo sito WordPress è un ottimo modo per ottenere più coinvolgimento e far crescere i tuoi follower. Il contenuto del tuo gruppo può anche aiutare a mantenere aggiornato il tuo sito, anche per i visitatori abituali.

In questo articolo, ti mostreremo come aggiungere facilmente un feed di gruppo Facebook in WordPress.

Perché aggiungere il contenuto del gruppo Facebook al tuo sito WordPress?

I gruppi di Facebook possono aiutarti a costruire una community, creare un senso di lealtà e costruire una relazione positiva con i tuoi utenti. Dopo che si sono uniti al tuo gruppo, puoi promuovere post di blog, aggiornamenti aziendali o persino prodotti WooCommerce a queste persone senza dover spendere soldi per annunci online.

Il nostro gruppo Facebook WPBeginner Engage ha oltre 89 mila utenti attivi e sta crescendo a un ritmo incredibile.

Dopo aver creato il tuo gruppo Facebook, vorrai promuovere quel gruppo e indirizzare le persone ad esso. Il modo migliore per far crescere il tuo gruppo Facebook è incorporare il feed di gruppo sul tuo sito Web WordPress.

In questo modo, le persone che visitano il tuo sito possono vedere tutti i fantastici contenuti che pubblichi su Facebook. Questo li incoraggerà a dare un'occhiata al tuo gruppo, a interagire con i tuoi contenuti e forse anche a fare clic sul pulsante "Unisciti".

Dopo aver incorporato il feed di gruppo sul tuo sito, i nuovi post appariranno automaticamente sul tuo sito web. Questo lo rende un modo semplice per mantenere aggiornato il tuo sito, anche per i visitatori abituali.

Con questo in mente, vediamo come incorporare un feed di gruppo Facebook in WordPress.

Come installare un plug-in personalizzato per il feed di Facebook

Il modo migliore per incorporare un feed di un gruppo Facebook in WordPress è utilizzare il plug-in Smash Balloon Custom Facebook Feed.

Questo plug-in ti consente di incorporare album di Facebook, commenti, recensioni, post della community e altro sul tuo sito Web WordPress.

Se incorpori video in WordPress, Smash Balloon consente agli utenti di guardare quei media senza dover visitare Facebook, aprendo un popup lightbox direttamente sul tuo sito web.

In questa guida, utilizzeremo la versione pro di Smash Balloon in quanto ti consente di mostrare album, video e foto di Facebook sul tuo sito Web WordPress. Tuttavia, esiste anche una versione gratuita che ti consente di incorporare facilmente i post sullo stato di Facebook in WordPress, indipendentemente dal tuo budget.

La prima cosa che devi fare è installare e attivare il plug-in Smash Balloon Custom Facebook Feed. Per maggiori dettagli, consulta la nostra guida su come installare un plugin per WordPress.

Dopo l'attivazione, dovrai andare su Feed di Facebook »Impostazioni e inserire il tuo codice di licenza nel campo "Codice di licenza".

Troverai queste informazioni sotto il tuo account sul sito web di Smash Balloon.

Dopo aver inserito la chiave, fare clic sul pulsante "Attiva".

Come aggiungere l'app Smash Balloon al tuo gruppo Facebook

Successivamente, dovrai aggiungere l'app Facebook di Smash Balloon al gruppo Facebook che desideri mostrare sul tuo sito Web WordPress.

Nota: a causa della configurazione dell'API di Facebook, Smash Balloon può mostrare solo i post che sono stati creati dopo che hai aggiunto l'app al tuo gruppo Facebook.

Con questo in mente, andiamo avanti e installiamo l'app prima di fare qualsiasi altra cosa. In una nuova scheda, accedi a Facebook e vai al tuo gruppo Facebook.

Quindi, nel menu a sinistra, fai clic su "Impostazioni gruppo".

Successivamente, scorri fino alla sezione "Gestisci impostazioni avanzate".

Qui, fai clic sull'icona della matita accanto ad "App".

Questo apre un popup che mostra tutte le app che hai già aggiunto a questo gruppo.

Poiché vogliamo installare l'app Smash Balloon, fai clic su "Aggiungi app".

Nella barra di ricerca, digita "Smash Balloon WordPress".

Quando viene visualizzata l'app giusta, fai clic.

Apparirà ora un popup che mostra tutte le informazioni a cui l'app può accedere e tutte le azioni che può eseguire.

Se sei felice di procedere con l'installazione dell'app, fai clic su "Aggiungi".

Dopo alcuni istanti, dovresti vedere un messaggio che dice che hai aggiunto con successo l'app Smash Balloon al tuo gruppo Facebook.

Collega Smash Balloon al tuo gruppo Facebook

Ora è il momento di collegare la tua pagina Facebook a WordPress, andando su Feed di Facebook »Tutti i feed e facendo clic su "Aggiungi nuovo".

Smash Balloon ti consente di mostrare foto, eventi, video, album e altro.

Dal momento che vogliamo incorporare il feed del nostro gruppo Facebook, fare clic su "Timeline" e quindi selezionare "Avanti".

Successivamente, dovrai selezionare il gruppo Facebook da cui otterrai la sequenza temporale.

Per iniziare, fai clic su "Aggiungi nuovo".

Nella schermata successiva, seleziona il pulsante di opzione accanto a "Gruppo".

Successivamente, fai clic su "Connetti a Facebook".

Questo apre un popup in cui puoi accedere al tuo account Facebook e scegliere il gruppo che desideri utilizzare.

Dopo aver selezionato la casella accanto a uno o più gruppi, fai semplicemente clic su "Avanti".

Ora dovresti vedere un popup che ti chiede di installare l'app Smash Balloon WordPress.

Poiché abbiamo già installato questa app, puoi andare avanti e fare clic su "Fine".

Come creare un feed di gruppo Facebook su WordPress

Ora che hai aggiunto il tuo gruppo Facebook a Smash Balloon, verrà visualizzato come opzione. È sufficiente fare clic per selezionare il gruppo, quindi fare clic su "Avanti".

In questa schermata, puoi scegliere il modello che utilizzerai come punto di partenza per il feed del tuo gruppo Facebook.

Tutti questi modelli sono completamente personalizzabili, quindi puoi perfezionare il design a seconda di come desideri mostrare gli aggiornamenti di stato, i video e le foto dal tuo gruppo Facebook.

Stiamo utilizzando il modello "Simple Masonry", ma puoi scegliere qualsiasi modello desideri.

Smash Balloon ora andrà avanti e creerà il feed in base al tuo gruppo Facebook e al modello che hai scelto.

Questo è un buon inizio, ma Smash Balloon ha molte impostazioni che puoi utilizzare per personalizzare l'aspetto di questo feed di gruppo sul tuo blog WordPress.

Come personalizzare il feed del tuo gruppo Facebook

Il plug-in Smash Balloon ti offre molti modi per personalizzare l'aspetto del feed sul tuo sito web. Con questo in mente, vale la pena vedere quali modifiche puoi apportare.

Nella schermata Feed di Facebook »Tutti i feed , trova il feed del tuo gruppo e fai clic sul relativo pulsante "Modifica", che assomiglia a una piccola matita.

Questo apre l'editor del feed Smash Balloon, che mostra un'anteprima del feed del tuo gruppo Facebook sulla destra.

Sul lato sinistro, vedrai tutte le diverse impostazioni che puoi utilizzare per personalizzare l'aspetto dei post sul tuo sito. La maggior parte di queste impostazioni è autoesplicativa, ma tratteremo rapidamente alcune aree chiave.

Se desideri modificare il modello che stai utilizzando, fai clic su "Modello".

Quindi, seleziona il pulsante "Cambia".

Per iniziare, puoi modificare la modalità di visualizzazione dei post del tuo gruppo facendo clic su "Layout feed".

In questa schermata è possibile passare dal layout in muratura a quello a elenco e modificare l'altezza di alimentazione. Man mano che apporti modifiche, l'anteprima si aggiornerà automaticamente in modo da poter provare diverse impostazioni per vedere quale sembra la migliore per il tuo gruppo Facebook.

Per impostazione predefinita, il feed del gruppo di Facebook mostrerà un numero diverso di post su computer desktop e dispositivi mobili.

Puoi visualizzare in anteprima l'aspetto del tuo feed su computer desktop, tablet e smartphone utilizzando la fila di pulsanti nell'angolo in alto a destra.

Dopo aver testato la versione mobile del tuo sito Web WordPress, potresti voler modificare il numero di post che mostri su smartphone e tablet.

Per apportare questa modifica, trova semplicemente la sezione "Numero di messaggi" e digita un numero diverso nel campo "Cellulare".

Potresti anche voler mostrare meno colonne su smartphone e tablet modificando le impostazioni "Colonne".

Ad esempio, nell'immagine seguente, dividiamo il contenuto in 3 colonne sul desktop, 2 colonne sui tablet e 1 colonna sui dispositivi mobili.

Quando sei soddisfatto del layout, fai clic sul link "Personalizza".

Questo ti riporterà all'editor principale di Smash Balloon, pronto per passare alla schermata delle impostazioni successiva, che è "Combinazione di colori".

Per impostazione predefinita, Smash Balloon utilizza la stessa combinazione di colori del tuo tema WordPress, ma in questa schermata puoi passare a una combinazione di colori "Chiaro" o "Scuro".

Un'altra opzione è progettare la tua combinazione di colori selezionando "Personalizzato" e quindi utilizzando i controlli per cambiare il colore di sfondo, cambiare il colore del testo in WordPress e altro.

Puoi aggiungere un'intestazione sopra il feed del tuo gruppo, che può includere contenuti come l'immagine del profilo e il nome del tuo gruppo. Questo può aiutare i visitatori a capire i contenuti che stanno vedendo e come possono trovare il tuo gruppo su Facebook.

Per aggiungere una sezione di intestazione, fai clic su "Intestazione" nel menu a sinistra.

In questa schermata, fai clic sul dispositivo di scorrimento "Abilita" per trasformarlo da grigio a blu.

Dopo aver aggiunto una sezione di intestazione, puoi utilizzare i controlli per modificare le dimensioni e il colore dell'intestazione, nascondere o mostrare l'immagine del tuo profilo Facebook e altro ancora.

Se desideri rimuovere l'intestazione in qualsiasi momento, fai semplicemente clic per disattivare l'interruttore "Abilita".

Successivamente, puoi modificare l'aspetto dei singoli post all'interno del feed di gruppo selezionando "Stile post" dal menu a sinistra.

Successivamente, fai nuovamente clic su "Stile post".

In questa schermata, puoi scegliere tra un layout normale e in scatola.

Se selezioni "Boxed", puoi creare uno sfondo colorato per ogni post. Puoi anche ingrandire il raggio del bordo per creare angoli curvi e aggiungere un'ombreggiatura del bordo.

Se scegli "Normale", puoi modificare lo spessore e il colore della linea che separa i tuoi diversi post sui social media.

Nell'immagine seguente, abbiamo aggiunto una linea più spessa al feed di gruppo e ne abbiamo cambiato il colore.

Puoi anche personalizzare le singole parti all'interno di ogni post tornando alla schermata delle impostazioni principali.

Ancora una volta, seleziona "Stile post", ma questa volta scegli invece "Modifica singoli elementi".

Ora vedrai tutti i diversi contenuti che Smash Balloon include in ogni post, come l'autore del post, la data, la casella del collegamento condiviso e altro.

Per rimuovere un contenuto dai tuoi post, fai clic per deselezionare la relativa casella.

Puoi anche personalizzare l'aspetto di ciascun tipo di contenuto facendo clic su di esso.

Ad esempio, nell'immagine seguente, puoi vedere le impostazioni per modificare la dimensione e il colore dei link 'post action', come Mi piace, Condividi e Commenta.

Puoi anche modificare il testo "Visualizza su Facebook" digitando nel campo "Personalizza testo".

Per impostazione predefinita, Smash Balloon non aggiunge un pulsante "Mi piace" di Facebook al tuo feed. Questo pulsante rende più facile per i visitatori unirsi al tuo gruppo, quindi potresti volerlo aggiungere al tuo feed selezionando le impostazioni 'Like Box'.

Quindi, fai semplicemente clic su "Abilita" in modo che l'interruttore diventi blu.

Ora puoi utilizzare il menu a discesa "Posizione" per aggiungere la casella Mi piace sotto o sopra il feed del gruppo.

Puoi anche utilizzare queste impostazioni per modificare la larghezza della casella o aggiungere la foto di copertina del gruppo.

Per incoraggiare più persone a unirsi al tuo gruppo, potresti voler mostrare il numero totale di follower facendo clic sull'interruttore "Mostra fan".

Quando sei soddisfatto di come è impostato il pulsante "Mi piace", puoi passare alle impostazioni "Carica altro pulsante".

Il pulsante "Carica altro" offre ai visitatori un modo semplice per scorrere una parte maggiore del tuo feed. Se a loro piacciono questi contenuti, potrebbero decidere di unirsi al tuo gruppo Facebook.

Con questo in mente, potresti voler far risaltare questo pulsante cambiando il colore di sfondo, lo stato al passaggio del mouse e il colore del testo.

Questo pulsante mostra "Carica altro" per impostazione predefinita, ma puoi aggiungere un messaggio personalizzato digitandolo nel campo "Testo".

Smash Balloon ha una funzione lightbox che consente ai visitatori di guardare i video del tuo gruppo e dare un'occhiata più da vicino alle tue foto senza uscire da WordPress.

I visitatori possono semplicemente fare clic su qualsiasi miniatura di video o foto per aprire il popup lightbox.

Possono quindi scorrere il resto delle immagini e dei video nel feed utilizzando le frecce.

Per personalizzare la lightbox predefinita, seleziona semplicemente "Lightbox" dal menu a sinistra.

Qui puoi cambiare il colore del testo, dei collegamenti e dei colori di sfondo della lightbox.

Il popup lightbox rende facile per i visitatori esplorare il tuo feed, ma consente anche alle persone di scorrere le tue foto e i tuoi video senza visitare il tuo gruppo Facebook.

Se desideri ottenere più visitatori nel tuo gruppo Facebook, potresti voler disabilitare la funzione lightbox. Per fare ciò, fai semplicemente clic sull'interruttore "Abilita" in modo che passi dal blu al grigio.

Ora, se un visitatore fa clic su qualsiasi foto o video nel feed del gruppo, verrà indirizzato al tuo gruppo Facebook in una nuova scheda.

Quando sei soddisfatto dell'aspetto del feed del gruppo Facebook, non dimenticare di fare clic su "Salva" per memorizzare le modifiche.

Ora sei pronto per aggiungere questo feed al tuo sito Web WordPress.

Come incorporare il feed del tuo gruppo Facebook in WordPress

Puoi aggiungere il feed del tuo gruppo Facebook a WordPress utilizzando un blocco, un widget o uno shortcode.

Se hai creato più di un feed utilizzando Smash Balloon, dovrai conoscere il codice del feed se intendi utilizzare un blocco o un widget.

Per ottenere queste informazioni, vai su Feed di Facebook » Tutti i feed e poi guarda la parte feed="" dello shortcode. Dovrai aggiungere questo codice al blocco o al widget, quindi prendine nota.

Nell'immagine seguente, dovremo utilizzare feed="1" .

Se desideri incorporare il feed del tuo gruppo Facebook in una pagina o in un post, puoi utilizzare il blocco "Feed Facebook personalizzato".

Apri semplicemente la pagina o il post in cui desideri incorporare il feed di Facebook. Quindi, fai clic sull'icona "+" per aggiungere un nuovo blocco e inizia a digitare "Feed Facebook personalizzato".

Quando viene visualizzato il blocco di Facebook, fai clic per aggiungerlo alla tua pagina o post.

Il blocco mostrerà uno dei tuoi feed Smash Balloon per impostazione predefinita. Se questo non è il feed del tuo gruppo Facebook, trova la sezione "Impostazioni shortcode" nel menu a destra.

Ora puoi andare avanti e aggiungere il codice feed="" , quindi fare clic su "Applica modifiche".

Successivamente, pubblica o aggiorna la pagina per pubblicare il feed del gruppo sul tuo sito web.

Un'altra opzione è aggiungere il feed a qualsiasi area predisposta per i widget, come la barra laterale o una sezione simile. Ciò consente ai visitatori di vedere il feed del tuo gruppo indipendentemente da dove si trovino sul tuo sito web.

Per iniziare, vai su Aspetto »Widget nella dashboard di WordPress e fai clic sul pulsante blu "+".

Dopo averlo fatto, inizia a digitare "Feed Facebook personalizzato" nella barra di ricerca.

Quando viene visualizzato il widget giusto, trascinalo nel punto in cui desideri visualizzare il feed.

Il widget mostrerà uno dei feed che hai creato usando Smash Balloon.

Se questo non è il feed del tuo gruppo Facebook, digita il codice del feed nella casella "Impostazioni shortcode". Quindi, fai clic su "Applica modifiche".

Ora puoi fare clic sul pulsante "Aggiorna" per attivare il widget. Per ulteriori informazioni, consulta la nostra guida completa su come aggiungere e utilizzare i widget in WordPress.

Infine, puoi incorporare il feed del gruppo Facebook su qualsiasi pagina, post o area predisposta per i widget utilizzando lo shortcode.

Basta andare su Feed di Facebook » Tutti i feed e copiare tutto il codice nella colonna "Shortcode". Ora puoi aggiungere questo codice a qualsiasi blocco di shortcode.

Per ulteriori informazioni, consulta la nostra guida dettagliata su come aggiungere uno shortcode in WordPress.

Nota: se utilizzi un tema abilitato per i blocchi, puoi utilizzare l'editor del sito completo per aggiungere il blocco "Feed Facebook personalizzato" in qualsiasi punto del tuo sito.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere un gruppo Facebook sul tuo sito Web WordPress. Potresti anche voler vedere la nostra guida su come creare un modulo di contatto in WordPress, o vedere la nostra selezione esperta dei migliori plugin di Facebook per il tuo blog.

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

Il post Come incorporare un feed di gruppo Facebook in WordPress è apparso per la prima volta su WPBeginner.