Come incorporare i video di Facebook in modo reattivo sul vostro sito web
clicksocial

Programmare i post sui social media direttamente da WordPress con ClickSocial

Iniziare la prova gratuita angolo-destro
Casa Blog Come incorporare i video di Facebook in modo reattivo sul vostro sito web

Come incorporare i video di Facebook in modo reattivo sul vostro sito web

Come incorporare i video di Facebook in modo reattivo sul vostro sito web

Cercate un modo per aggiungere al vostro sito dei video responsive di Facebook?

Mostrando i video di Facebook, è possibile mantenere i visitatori del sito web impegnati e persino convertirli in nuovi follower.

Ma se non siete abituati a gestire il codice, può essere difficile incorporare i video responsive di Facebook.

Quindi, vi aiuteremo mostrandovi il modo più semplice per incorporare i video di Facebook nel vostro sito.

Prima di tutto, vediamo come mostrare video responsive da Facebook può aiutare la vostra attività.

Oppure potete fare clic qui e passare al tutorial.

Perché aggiungere i video embed di Facebook al vostro sito?

Facebook è la più grande piattaforma di social media in circolazione e una fantastica fonte di contenuti video coinvolgenti.

Se volete un modo semplice per mantenere i visitatori sul vostro sito web, potete semplicemente incorporare i video pertinenti di Facebook.

esempio di feed video di facebook

E se i vostri video su Facebook sono responsive, avranno lo stesso rapporto di aspetto su tutti i dispositivi. Ciò significa che anche le persone che utilizzano dispositivi mobili possono guardarli.

Oltre ad aumentare l'impegno dei visitatori, è possibile ottenere un SEO migliore se le persone trascorrono più tempo sul sito.

Inoltre, potete anche incorporare i video responsive di Facebook sul vostro sito:

  • Mostrate video recensioni e testimonianze sulle pagine dei vostri prodotti per convertire i visitatori in clienti
  • Visualizzate i vostri video dal vivo e fate partecipare più persone ai vostri eventi dal vivo
  • Promuovere i propri video su Facebook per ottenere più visualizzazioni, like e follower
  • Aggiungete contenuti come sessioni di domande e risposte, interviste e altro ancora per costruire una relazione con i vostri visitatori.
  • E molto altro ancora... 

Incorporando i video da Facebook, potete incrementare la vostra presenza su Facebook, ottenere più vendite e far crescere la vostra attività.

Un altro modo per visualizzare i video di Facebook sul vostro sito è utilizzare iFrames. Ma se volete che il vostro sito web cresca, l'uso di embed è meglio di iFrames.

Dopotutto, i motori di ricerca come Google non sono in grado di leggere il contenuto degli iFrames.

Se invece utilizzate un embed di Facebook, i motori di ricerca possono riconoscere il contenuto del vostro sito ricco di parole chiave e contribuire a posizionare il vostro sito ancora più in alto.

Vediamo ora il modo più semplice per incorporare i video responsive di Facebook.

Il modo più semplice per aggiungere video embed reattivi di Facebook a WordPress

Per mostrare i video di Facebook sul vostro sito web, potete utilizzare due opzioni:

  • In modo manuale: Generate un codice embed per il vostro video di Facebook e poi aggiungete il codice al vostro sito web.
  • In modo automatico: Utilizzate un plugin per WordPress in grado di incorporare automaticamente i video di Facebook sul vostro sito, senza bisogno di codifica.

Scegliendo il metodo manuale, dovrete occuparvi di molti codici embed che possono richiedere molto tempo e fatica.

esempio incorporare manualmente facebook live

A meno che non si assuma un designer o non si modifichino manualmente tutti i codici, non è possibile modificare l'aspetto dei video di Facebook. Pertanto, il lettore video incorporato può stonare con il design del vostro sito web.

Inoltre, non avrete un team di supporto che vi aiuti nel caso in cui qualcosa vada storto durante l'aggiunta dei codici embed al vostro sito.

La soluzione?

È possibile utilizzare un plugin per il feed di Facebook per incorporare i video responsive sul proprio sito. L'opzione migliore è Facebook Feed Pro.

plugin custom facebook feed pro

Facebook Feed Pro è un plugin facile da usare che consente di visualizzare i contenuti di Facebook in pochi clic, senza dover toccare una sola riga di codice.

Dal momento che il plugin è stato realizzato pensando alla velocità, i video di Facebook non vengono riprodotti automaticamente finché l'utente non fa clic su di essi. Potete quindi incorporare tutti i video che volete e il vostro sito sarà comunque velocissimo.

Tutto ciò che dovete fare è seguire un processo in 3 fasi che vi aiuterà a creare i feed di Facebook, personalizzarli e incorporarli nel vostro sito.

flusso guidato per la creazione di mangimi smash balloon

Utilizzando i feed di Facebook, è possibile mostrare video reattivi, live stream, foto, album, post di Facebook e molto altro ancora.

Inoltre, è possibile utilizzare modelli predefiniti e un personalizzatore visivo per scegliere l'aspetto del feed sul proprio sito.

La parte migliore? L'aiuto di un team di esperti di WordPress sempre pronti a darvi una mano.

Con tutte queste caratteristiche sorprendenti, Facebook Feed Pro ha una valutazione di 4,9/5 stelle da parte di oltre 250.000 utenti in tutto il mondo.

facebook feed pro personalizzato recensioni degli utenti

Siete pronti a visualizzare i video embed di Facebook in modo reattivo? Acquistate Facebook Feed Pro per il vostro sito.

Vediamo come utilizzare questo plugin per mostrare facilmente i video di Facebook in modalità responsive.

Come incorporare i video di Facebook in modo reattivo sul vostro sito web

Per visualizzare i video di Facebook in modo mobile utilizzando il plugin Facebook Feed Pro, è sufficiente seguire la guida passo-passo riportata di seguito:

Passo 1: installare il plugin Facebook Feed Pro

La prima cosa da fare è procurarsi una copia del plugin Facebook Feed Pro da qui.

Una volta ottenuto il plugin, è possibile installarlo e attivarlo sul proprio sito WordPress.

Non sapete come fare? Potete dare un'occhiata alla nostra guida su come installare un plugin di WordPress.

Dopo aver installato e attivato il plugin, si può passare al passo 2

Fase 2: creare un feed video di Facebook

Per visualizzare i video responsive di Facebook sul vostro sito, potete iniziare creando un nuovo feed di Facebook.

Per farlo, aprite il menu Facebook Feed " Tutti i feed dalla vostra dashboard di WordPress e poi fate clic su Aggiungi nuovo.

creare un nuovo feed di Facebook

Successivamente, si sceglie il tipo di feed di Facebook che si desidera creare. Utilizzando Facebook Feed Pro, potete creare feed per incorporare la vostra timeline, album fotografici, calendari di eventi, recensioni e molto altro.

Poiché stiamo visualizzando video responsivi, selezionare il tipo di feed Video e fare clic su Avanti.

scegliere il tipo di feed video per facebook

In questo modo, ora avete un nuovo feed video di Facebook per il vostro sito WordPress. Al punto 3, potete provare a collegare questo feed al vostro account Facebook.

Passo 3: collegare l'account Facebook

Collegando il vostro account Facebook, il vostro nuovo feed può prendere i video da Facebook e visualizzarli sul vostro sito.

Per iniziare, fare clic sul pulsante Aggiungi nuovo qui.

aggiungi fonte feed facebook pro

Poi, si può scegliere se mostrare i video responsive di una Pagina o di un Gruppo.

Dopo aver selezionato l'opzione desiderata, fare clic sul pulsante Connetti a Facebook.

connettersi a facebook utilizzando facebook feed pro

Il sito WordPress vi invierà a Facebook per completare la connessione del vostro account.

Prima di farlo, selezionare la pagina o il gruppo che si desidera collegare nel popup e poi fare clic su Avanti.

selezionare le pagine facebook

Successivamente, il plugin chiederà l'accesso in sola lettura al vostro account Facebook, in modo da poter visualizzare i dati di Facebook. Poiché l'accesso è di sola lettura, il plugin non sarà in grado di apportare alcuna modifica.

Per consentire l'accesso in sola lettura e collegare l'account Facebook, fare clic su Fine.

consentire l'accesso in sola lettura al feed di facebook pro

In questo modo si aprirà nuovamente il vostro sito web, dove potrete aggiungere la pagina o il gruppo di Facebook come fonte.

A tal fine, fare clic sul pulsante Aggiungi del popup.

selezionare la pagina del gruppo facebook

La prossima volta che creerete un feed di Facebook, potrete selezionare questa fonte da qui, senza dover lasciare il vostro sito web!

A questo punto, fare clic su Avanti per terminare questa fase.

selezionare la fonte feed facebook pro

Ora che avete collegato il vostro account, potete iniziare a personalizzare l'aspetto dei video responsive di Facebook sul vostro sito web.

Passo 4: personalizzare il feed video di Facebook

I feed di Facebook creati con questo plugin saranno automaticamente reattivi e copieranno persino il design del vostro sito web.

Inoltre, è possibile personalizzare il feed video di Facebook in diversi modi.

Per iniziare, il plugin vi chiederà di scegliere un modello per il vostro feed di Facebook. Questi modelli precostituiti hanno design unici che si possono importare con un solo clic.

Tutto ciò che si deve fare è selezionare il modello di feed che si desidera utilizzare e poi fare clic su Avanti.

selezionare il modello del feed di Facebook

Poi, potete scegliere tra due modi per visualizzare i vostri video responsive su Facebook:

  • Mostra tutti i video: Visualizza tutti i video presenti nella pagina o nel gruppo.
  • Mostra da un elenco di riproduzione specifico: Mostra solo i video di una playlist selezionata

Selezionate l'opzione che preferite e fate clic su Avanti per continuare.

scegliere il tipo di feed video di facebook

Per questo esempio, utilizzeremo l'opzione Mostra tutti i video.

Dopo aver fatto ciò, il plugin aprirà il feed nel personalizzatore visivo.

Qui è possibile modificare il layout, le dimensioni del feed, i colori, l'intestazione, lo stile dei post, caricare altri pulsanti e molto altro ancora in pochi clic utilizzando le opzioni a sinistra.

editor di feed live per facebook feed pro video

Sulla destra, è possibile vedere un'anteprima in tempo reale del vostro feed di Facebook. In questo modo, potete seguire tutte le modifiche in tempo reale.

Per iniziare, potete modificare i colori del vostro feed video di Facebook facendo clic su Schema colori.

opzione di combinazione di colori per facebook feed pro

Facebook Feed Pro è dotato di 3 schemi di colore tra cui è possibile scegliere:

  • Eredita dal tema: Copia tutti i colori del tema di WordPress
  • Luce: Visualizza uno sfondo chiaro per il feed insieme a un carattere scuro.
  • Scuro: utilizza invece uno sfondo scuro e un colore di carattere chiaro.
  • Personalizzato: Scegliere manualmente tutti i colori del feed
scegliete la vostra combinazione di colori facebook feed pro

Dopo aver selezionato uno schema di colori, fare clic sul pulsante Salva.

Per continuare a progettare il feed video di Facebook, fate clic sul pulsante Personalizza nell'angolo in alto a sinistra.

personalizzare il pulsante facebook feed live stream

In questo modo si torna al menu principale di personalizzazione del feed. Utilizzando il personalizzatore visivo, potete anche mostrare un'intestazione sopra il vostro feed video di Facebook.

Per modificare l'aspetto dell'intestazione, fare clic sull'opzione Intestazione.

opzione di intestazione per il feed facebook pro live stream

A questo punto, cercare l'opzione Tipo di intestazione sulla sinistra per selezionare il tipo di intestazione desiderato.

Qui è possibile scegliere tra due diverse opzioni:

  • Visivo: mostra un'intestazione grafica con la foto di copertina, la foto del profilo, il numero di Mi piace e altro ancora.
  • Testo: Scrivete un breve titolo e mostratelo in cima al vostro feed video di Facebook.
tipo di intestazione facebook feed pro

Dopo aver selezionato il tipo di intestazione, fare clic sul pulsante Salva per confermare le modifiche.

A questo punto, è possibile utilizzare le opzioni rimanenti per personalizzare il numero di video, il layout, il design dei pulsanti, la casella "Mi piace" e altro ancora.

Una volta che siete soddisfatti dell'aspetto del vostro feed video reattivo di Facebook, fate clic sul pulsante Salva.

Ora siete pronti per l'ultima fase e per incorporare il vostro nuovo feed video di Facebook.

Fase 5: incorporare i video di Facebook sul sito web

Per incorporare i video di Facebook in WordPress, avete due opzioni:

  • Incorporare i video responsive di Facebook nella vostra pagina
  • Incorporare i video responsive di Facebook nella barra laterale o nel piè di pagina

Vediamo di seguito come utilizzare entrambi i metodi:

Incorporare video Facebook responsive sulla vostra pagina

Utilizzando il personalizzatore visivo, potete iniziare a incorporare i vostri feed di Facebook con pochi semplici clic.

Per prima cosa, aprite le opzioni di incorporamento del vostro feed facendo clic sul pulsante Incorpora .

incorporare il vostro video in live streaming wordpress

Verrà visualizzata una finestra di popup in cui è possibile scegliere la posizione dei video responsive di Facebook.

Per ora, fare clic sull'opzione Aggiungi a una pagina per continuare.

aggiungete il vostro video in diretta streaming alla pagina del sito web

Successivamente, il plugin mostrerà un elenco di pagine di WordPress che è possibile utilizzare per mostrare i video.

Dall'elenco, selezionare una pagina e fare clic sul pulsante Aggiungi .

scegliere la pagina wordpress facebook live

Ora potete vedere la pagina aperta nell'editor di WordPress. Per incorporare qui il feed video di Facebook, è sufficiente aggiungere un blocco di contenuto.

Fate clic sull'icona più (+) per aggiungere un blocco, quindi selezionate Feed personalizzato di Facebook dalle opzioni.

Facendo clic sul pulsante Aggiorna , il feed video di Facebook sarà in diretta sul vostro sito web.

Per vedere come appaiono i vostri video responsive, potete aprire il vostro sito e dare un'occhiata voi stessi.

esempio di video in diretta streaming su Facebook

Vediamo quindi un altro modo per incorporare i video responsive di Facebook.

Incorporare i video di Facebook in modo reattivo nella barra laterale o nel piè di pagina

Potete anche utilizzare un widget di Facebook per visualizzare i video responsive nella barra laterale o nel piè di pagina del vostro sito.

Per iniziare, aprite il menu Facebook Feed " All Feeds dalla vostra dashboard di WordPress e fate clic sul feed che volete incorporare.

aprire i flussi live di Facebook nell'editor

Ora è possibile vedere nuovamente il feed di Facebook aperto nel visualizzatore.

Da qui, fare clic sul pulsante Incorpora per scegliere dove mostrare i video.

incorporare il vostro video in live streaming wordpress

Questa volta è possibile fare clic sul pulsante Aggiungi a un widget nel popup.

Così facendo, potete iniziare ad aggiungere un nuovo widget di Facebook al vostro sito WordPress.

aggiungere facebook live stream sito web sidebar footer

Ora è possibile scegliere tra il piè di pagina e la barra laterale per visualizzare i video di Facebook.

Volete mostrare i video embed di Facebook nella barra laterale?

Basta fare clic sul pannello Sidebar qui.

aprire il pannello della barra laterale per incorporare il feed instagram in diretta

In questo esempio, utilizzeremo la barra laterale per visualizzare i video di Facebook.

Se invece si desidera utilizzare l'area del piè di pagina, è possibile fare clic sul pannello Piè di pagina.

aprire il pannello del piè di pagina per incorporare il feed instagram in diretta

Ora è possibile fare clic sull'icona più (+) in basso per aggiungere un nuovo widget alla barra laterale o al piè di pagina.

Dopo aver fatto ciò, selezionate il widget Feed personalizzato di Facebook dalle opzioni.

widget per il feed dei social media di Facebook

Infine, fate clic sul pulsante Aggiorna per incorporare i video di Facebook nel vostro sito web, il tutto senza HTML, PHP, CSS o qualsiasi tipo di codifica.

Se volete vedere come appare, aprite subito il vostro sito web.

incorporare il live stream di Facebook nella barra laterale del sito web

Ed ecco fatto!

Ora sapete come incorporare i video responsive di Facebook sul vostro sito WordPress. Come potete vedere, è facilissimo con l'aiuto di Facebook Feed Pro, anche se non avete dimestichezza con la codifica.

In questo modo, potrete mantenere i visitatori impegnati, far crescere il vostro seguito su Facebook, convertire le persone in clienti e molto altro ancora.

Volete incorporare video responsive su Facebook? Acquistate Facebook Feed Pro oggi stesso!

Se volete visualizzare anche i video di YouTube mobile-friendly, consultate la nostra guida su come incorporare i video di YouTube responsive su WordPress.

Vi è stato utile? Seguiteci su Facebook e Twitter per altri utili consigli e trucchi di social media marketing.

avatar dell'autore
Sajjan Sharma Scrittore senior
Sajjan scrive di WordPress, social media marketing e aziende online da oltre 10 anni. I suoi interessi professionali si estendono all'influencer marketing, alla content curation e alle strategie di marketing digitale.

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.