Come incorporare un feed Facebook personalizzato su un sito Wordpress

Se hai un blog su Wordpress, il plugin per le pagine Facebook può aiutarti a portare traffico alla tua pagina e costruire una community di fan. Non potrai però personalizzare il design e potrai solo mostrare il contenuto della tua pagina, in ogni caso il plugin di Facebook sarà una buona scelta per chi non ha un budget per il marketing e non è attivo su altri canali social. Con pochi clic potrai aggiungere il widget di Facebook alla sidebar di Wordpress.

In questo articolo non discuteremo di come incorporare il plugin standard per le pagine Facebook ma ti mostrerò come aggiungere un feed Facebook completamente personalizzato su WordPress.

Esempio di feed Facebook su Wordpress
Con Flockler, è possibile mostrare i feed Facebook completamente personalizzati su WordPress così che si adattino alle linee guida del tuo brand.

Con Flockler, è possibile mostrare i feed Facebook completamente personalizzati su WordPress così che si adattino alle linee guida del tuo brand.

Sei nel posto giusto se vuoi incorporare il feed di Facebook su WordPress e realizzare almeno uno di questi quattro obiettivi:

1. Utilizzare un design personalizzato e scegliere tra più modelli per il feed di Facebook.

2. Mostrare qualsiasi pagina Facebook pubblica o più pagine (e non essere limitato a quella che gestisci).

3. Combinare i post della pagina Facebook con altri canali social come Instagram, TikTok, YouTube e LinkedIn.

4. Mostrare i feed di Facebook su WordPress ma anche su più siti web, app e canali digitali senza utilizzare diversi plugin e pagare costi aggiuntivi.

Con Flockler puoi possibile creare un feed Facebook completamente personalizzato per WordPress - senza alcun know-how tecnico, ed è possibile incorporare i feed social sul tuo sito web e realizzare tutti e quattro gli obiettivi di cui sopra in cinque minuti.

Troppo bello per essere vero?

In questo articolo attraverso una guida passo-passo ti mostrerà come mostrare un feed Facebook su qualsiasi sito WordPress e come combinare i post di Facebook con altri canali social.

Segui questi passaggi per aggiungere un feed di Facebook su qualsiasi sito WordPress:

  1. Connetti il tuo account Facebook
  2. Scegli una pagina Facebook pubblica da mostrare
  3. Seleziona il layout per il feed di Facebook
  4. Personalizza il design del feed
  5. Incorpora il feed Facebook su qualsiasi sito WordPress

1. Connetti il tuo account Facebook

Se non hai un account Flockler comincia registrandoti alla prova gratuita. Non hai bisogno di carta di credito e non c'è nessun vincolo. Otterrai il prodotto completo.

Dalla pagina di iscrizione sarai guidato alla creazione del feed. Seleziona 'Facebook' dai canali disponibili.

Choosing the social media channel on the Flockler app

Collega il tuo account Facebook. È possibile collegare qualsiasi account che gestisce almeno una pagina Facebook. Non è necessario mostrare quella pagina sul sito e Flockler non mostrerà nulla dal tuo profilo personale.

Perché Facebook richiede di collegare un account personale? Il motivo è semplice: Facebook vuole limitare la quantità di dati che è possibile raccogliere dal loro servizio. I limiti servono a proteggere tutti gli utenti Facebook - per esempio, molte organizzazioni politiche vorrebbero raccogliere i post e i relativi dati correlati.

2. Scegli una pagina Facebook pubblica da mostrare

Ora che hai connesso il tuo account nel passaggio 1 potrai scegliere qualsiasi pagina pubblica da mostrare. Sì, qualsiasi pagine pubblica di Facebook, non solo quelle che gestisci! Questa è una delle funzionalità più amate di Flockler.

Se non gestisci la pagina seleziona “un’altra pagina” in questo passaggio

Choosing the Facebook Page source on the Flockler app

Dopodiché copia e incolla l'URL della pagina Facebook che desideri mostrare sul tuo sito WordPress. Come vedi nell’esempio dello screenshot qui sotto, ho aggiunto la pagina Facebook di GoPro, ma ovviamente puoi mostrare ciò che ti piace!

Adding a Facebook Page URL to the Flockler app

Successivamente potrai aggiungere più feed e verranno tutti mostrati insieme per impostazione predefinita. Per esempio, potresti incorporare feed Instagram, account Twitter, video di YouTube e post LinkedIn sul tuo WordPress. Con Flockler, puoi creare il tuo feed personalizzato da più canali social e fonti di contenuti.

Da Vinci Engineering è un ottimo esempio di feed Facebook su WordPress. Il carosello del feed Facebook in homepage e la parete sulla pagina delle news, mostrano una selezione curata di contenuti proveniente da Facebook, Instagram, e LinkedIn in un unico luogo.

A Facebook feed on WordPress website example

3. Seleziona il layout per il feed di Facebook

Dopo aver aggiunto le fonti dei contenuti, il passo successivo è selezionare il layout per il feed Facebook del tuo sito WordPress.

Puoi creare layout illimitati e iniziare scegliendo il tuo modello preferito: Wall, Griglia, Carisello o Slideshow.

Choosing the Facebook feed layout on the Flockler app

4. Personalizza il design del feed

Ora è il momento di personalizzare il look & feel del tuo feed Facebook su WordPress.

A Facebook wall layout example

Clicca 'Edit style & settings' e si apriranno i tool per l’editing

Customizing the Facebook feed layout on the Flockler app

Qui potrai modificare i colori, nascondere elementi, creare pulsanti per le CTA e molto altro. Dopo la modifica, fai clic su 'Salva modifiche', l'anteprima mostrerà il tuo design in tempo reale. Dovresti trovare tutto il necessario dagli strumenti di editing ma dalla sezione 'Avanzate', è possibile trovare un campo CSS per ulteriori personalizzazioni.

Se hai bisogno di aiuto per creare un feed customizzato non esitare a contattarci tramite la live chat.

5. Incorpora il feed Facebook su qualsiasi sito WordPress

A Facebook feed for WordPress example

L'ultimo passaggio è quello di incorporare il feed Facebook sul tuo sito WordPress.
Scarica il plugin gratuito per Wordpress di Flockler, e dopo l'installazione, passa alla scheda 'Display'. Toroverai l’opzione 'Aggiungi a WordPress' su ogni layout che avrai creato. Fai clic e otterrai uno shortcode per il tuo sito WordPress.

A WordPress Facebook feed embed code example

Potrai aggiungere un feed Facebook a WordPress senza il plugin. Il codice embed standard di Flockler funziona su tutti i siti web.

A seconda di come è impostato il tuo sito WordPress, i seguenti passaggi sarannno leggermente diversi. Qui trovi le istruzioni passo-passo per Elementor, Gutenberg e per l'editor classico.

Come incorporare il feed Facebook con Elementor

  • Crea una nuova pagina su WordPress o modifcarne una esistente.
  • Fai clic su Modifica con il pulsante Elementor.
  • Da sinistra, cerca il widget HTML.
  1. Adding a custom HTML element to Elementor
  • Porta il widget HTML nella tua pagina e nell'area in cui desideri mostrare il feed di Facebook.
  • Gli strumenti di modifica sulla sinistra si apriranno.
  • Vai alla scheda 'Display' di Flockler e fai clic sul pulsante 'Aggiungi a WordPress'. Quindi, copia e incolla lo shortcode direttamente nel campo Codice HTML. Se utilizzi Flockler senza installare il plugin, è possibile aggiungere il codice standard embed di Flockler.
Adding Flockler’s shortcode to WordPress
  • Aggiorna e pubblica le modifiche e un il feed Facebook verrà mostrato sul tuo sito WordPress.

Come incorporare il feed Facebook con Gutenberg 

  • Apri la pagina negli strumenti di amministrazione WordPress in cui vuoi incorporare il feed di Facebook

  • Fai clic su "(+) Aggiungi blocco" nell'angolo in alto a sinistra del pannello di amministrazione di WordPress

  • Ora, cerca l'elemento HTML personalizzato e aggiungilo alla tua pagina. 

    Adding a custom HTML to Gutenberg
  • Vai alla scheda 'Display' di Flockler e clicca sul pulsante 'Aggiungi. Copia e incolla il codice su WordPress. Se utilizzi Flockler senza installare il plugin, è possibile aggiungere il codice standard embed di Flockler.
    Adding Flockler’s shortcode to Gutenberg
  • Infine, aggiorna e pubblica le modifiche alla tua pagina WordPress e il un feed di Facebook sarà pronto!

Come incorporare il feed Facebook con WP classic editor

  • Apri la pagina negli strumenti di modifica di WordPress in cui vuoi mostrare il feed Facebook personalizzato.
  • Nell'editor di testo WordPress, avrai la possibilità di utilizzare una modalità Visual o Text. Scegliete la modalità 'Text'.
  • Passa alla scheda 'Display' di Flockler e fai clic sul pulsante 'Aggiungi a WordPress'. Copia e incolla il codice su WordPress.
  • Aggiorna e pubblica le modifiche alla pagina e uno splendido feed Facebook sarà visibile sul tuo sito WordPress.

Questa guida dovrebbe aiutarti a iniziare e mostrare un feed Facebook personalizzato su qualsiasi pagina WordPress in cinque minuti. Se hai domande o bisogno di aiuto, non esitare a inviarci un messaggio utilizzando la live chat.

Crea il tuo social hub o porta i contenuti dei social sul tuo sito, applicazione, e-commerce o su qualsiasi altro servizio digitale

Prenota una demo Comincia la prova gratuita di 14 giorni
Comincia la prova gratuita di 14 giorni