Come incorporare un video di Facebook in WordPress

Pubblicato: 2023-02-03


Vuoi incorporare un video di Facebook in WordPress?

I video che pubblichi su Facebook sono anche ottimi contenuti per il tuo sito web. Incorporando un feed video di Facebook, puoi mantenere il tuo sito fresco e interessante aumentando anche il tuo seguito su Facebook.

In questo articolo, ti mostreremo un modo semplice per incorporare i video di Facebook in WordPress.

How to embed a Facebook video in WordPress

Perché aggiungere video di Facebook in WordPress?

I video sono un ottimo modo per entrare in contatto con il tuo pubblico e mantenerlo coinvolto. Questo è vero indipendentemente dal fatto che tu stia gestendo un blog personale o un sito Web aziendale.

Tuttavia, i video sono particolarmente potenti se vuoi guadagnare online bloggando con WordPress. Infatti, secondo le ultime statistiche sui blog, l'88% delle persone ha acquistato un prodotto o servizio dopo aver visto un video.

La creazione di video accattivanti e divertenti richiede tempo e impegno, quindi se pubblichi video su Facebook, ha senso riutilizzarli sul tuo sito Web WordPress.

Collegando il tuo sito web al tuo account Facebook, tutti i nuovi video che pubblichi su Facebook appariranno automaticamente sul tuo sito web. In questo modo, puoi mantenere aggiornato il tuo sito Web con uno sforzo quotidiano minimo.

I video incorporati possono persino aiutarti a far crescere la tua pagina Facebook. Se i visitatori del sito Web vedono molti video e playlist interessanti, vorranno seguirti su Facebook. Questo può darti alcuni follower extra e più coinvolgimento.

Detto questo, vediamo come incorporare facilmente un video di Facebook in WordPress.

Installazione di un plug-in video di Facebook su WordPress

Il modo più semplice per incorporare un video di Facebook in WordPress è utilizzare il plug-in Custom Facebook Feed Pro.

È il miglior plug-in per i feed dei social media e ti consente di incorporare facilmente album, commenti, recensioni, post della community, video e altro di Facebook sul tuo sito Web WordPress.

A Facebook video feed, created using Smash Balloon

In questa guida, utilizzeremo la versione pro di Smash Balloon in quanto ti consente di incorporare video in WordPress inclusi video HD, 360 ° e Facebook Live.

Smash Balloon Pro ti consente anche di mostrare le foto in un feed Facebook personalizzato e di visualizzare il numero totale di Mi piace, condivisioni, commenti e reazioni sotto ogni post. Tuttavia, se hai appena iniziato e hai un budget limitato, c'è anche una versione gratuita che puoi utilizzare.

Innanzitutto, installa e attiva il plug-in Custom Facebook Feed Pro. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.

Dopo l'attivazione, vai su Feed di Facebook »Impostazioni e inserisci la tua chiave di licenza nel campo "Chiave di licenza".

Adding your Smash Ballon license in WordPress

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

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

Collega la tua pagina o gruppo Facebook a WordPress

Il feed Facebook personalizzato di Smash Balloon ti consente di incorporare video da pagine e gruppi di Facebook. Puoi persino mostrare i video in un popup lightbox in modo che le persone possano guardare il video completo direttamente sul tuo sito Web WordPress.

Il primo passo è connettere la tua pagina o gruppo Facebook a WordPress, quindi vai su Feed Facebook »Tutti i feed e quindi fai clic su "Aggiungi nuovo".

How to embed Facebook videos in WordPress

Smash Balloon ti consente di mostrare post dalla timeline di Facebook, album fotografici, stati di Facebook, eventi e altro ancora.

Poiché vogliamo incorporare i video di Facebook in WordPress, dovrai selezionare "Video" e quindi fare clic su "Avanti".

Creating a Facebook video feed using Smash Balloon

Ora devi selezionare la pagina o il gruppo di Facebook da cui otterrai i video.

Per fare ciò, fai clic su "Aggiungi nuovo".

Choose a source for your Facebook video embeds

Successivamente, scegli se vuoi mostrare i video di una pagina o di un gruppo di Facebook.

Dopo averlo fatto, fai clic su "Connetti a Facebook".

How to connect Facebook to WordPress

Questo apre un popup in cui puoi accedere al tuo account Facebook e scegliere le pagine o i gruppi che desideri utilizzare con Smash Balloon.

Successivamente, fai clic su "Avanti".

Connecting Facebook accounts to WordPress

Ora Facebook mostrerà tutte le informazioni a cui Smash Balloon avrà accesso e le azioni che può eseguire.

Per limitare l'accesso di Smash Balloon al tuo account Facebook, fai semplicemente clic per disabilitare uno qualsiasi degli interruttori.

Tieni presente che ciò potrebbe influire sui video che puoi incorporare nel tuo blog o sito Web WordPress, quindi ti consigliamo di lasciare tutti gli interruttori abilitati.

Giving Smash Balloon access to your WordPress website

Quando sei soddisfatto della configurazione delle autorizzazioni, fai clic su "Fine".

Dopo alcuni istanti, dovresti vedere un messaggio che conferma che hai collegato il tuo sito Web WordPress a Facebook.

Fatto ciò, sei pronto per fare clic su "OK".

Connecting Facebook pages and groups to WordPress

Smash Balloon ora ti riporterà automaticamente alla dashboard di WordPress.

Come incorporare i video di Facebook in WordPress

A questo punto, vedrai un popup con il gruppo o la pagina Facebook che hai appena collegato al tuo sito web. Basta selezionare il pulsante di opzione accanto alla pagina o al gruppo che si desidera utilizzare e quindi fare clic sul pulsante "Aggiungi".

Choosing a Facebook page or group to use with WordPress

Se hai accidentalmente chiuso il popup, non preoccuparti. Puoi semplicemente aggiornare la pagina per riaprire il popup.

Dopo averlo fatto, WordPress ti riporterà automaticamente alla pagina Feed di Facebook »Tutti i feed . Proprio come prima, fai clic su "Aggiungi nuovo", seleziona "Video" e fai clic sul pulsante "Avanti".

Ora seleziona la tua pagina o gruppo Facebook e fai clic su "Avanti".

Selecting the Facebook page or group to use with WordPress

In questa schermata puoi scegliere il modello che desideri utilizzare per il feed video.

Tutti questi modelli sono completamente personalizzabili, quindi puoi perfezionare il design a seconda di come desideri mostrare i video di Facebook sul tuo sito web.

Stiamo utilizzando il modello "Predefinito", ma puoi scegliere qualsiasi modello desideri. Dopo aver effettuato la selezione, fare clic su "Avanti".

Using the WordPress video template

Successivamente, puoi scegliere se mostrare tutti i video della tua pagina o gruppo Facebook o solo i video di una playlist specifica.

Se scegli "Mostra da una playlist specifica", dovrai inserire l'URL di quella playlist.

Adding a Facebook playlist to WordPress

Una volta presa una decisione, vai avanti e fai clic sul pulsante "Avanti".

Smash Balloon ora creerà un feed basato sulla tua fonte e sul modello che hai scelto. Questo è un buon inizio, ma potresti voler perfezionare l'aspetto dei video sul tuo sito.

Come personalizzare i tuoi video di Facebook incorporati

Il plug-in Smash Balloon Custom Facebook Feed ti offre molti modi per personalizzare l'aspetto dei video sul tuo sito web. Detto questo, vale la pena dare un'occhiata a queste impostazioni.

Nella dashboard di WordPress, vai su Feed di Facebook »Tutti i feed . Qui, trova il feed video che hai appena creato e fai clic sul pulsante "Modifica" accanto ad esso, che assomiglia a una piccola matita.

Customizing the Facebook video feed for WordPress

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

Sul lato sinistro, vedrai tutte le diverse impostazioni che puoi utilizzare per personalizzare l'aspetto di questi video sul tuo sito Web WordPress. La maggior parte di queste impostazioni è autoesplicativa, ma tratteremo rapidamente le aree principali.

The Smash Balloon video feed editor

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

Quindi, seleziona il pulsante "Cambia".

Changing the Facebook video feed layout

Questo apre un popup che mostra tutti i diversi modelli che puoi utilizzare per il tuo feed video.

Seleziona semplicemente il design che desideri utilizzare, quindi fai clic su "Aggiorna".

Changing the video feed layout

L'impostazione successiva è "Tipo di feed", che ti consente di mostrare contenuti diversi nel tuo feed. Ad esempio, potresti decidere di mostrare foto, album o eventi anziché video.

Dal momento che vogliamo incorporare i video di Facebook, in genere vorrai ignorare quest'area.

Successivamente, fai clic su "Layout feed".

Embedding Facebook videos in your WordPress website

Qui puoi scegliere tra diversi layout, come muratura e griglia, 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.

Changing the social media feed layout

Per impostazione predefinita, Smash Balloon mostrerà lo stesso numero di video su computer desktop e dispositivi mobili come gli smartphone.

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

Testing the video feed on smartphones and tablets

I dispositivi mobili di solito hanno schermi più piccoli e potrebbero avere difficoltà a elaborare molti video di grandi dimensioni e ad alta risoluzione. I visitatori potrebbero anche utilizzare i propri dati mobili anziché il Wi-Fi gratuito.

Detto questo, potresti voler mostrare meno video su smartphone e tablet. Per fare ciò, digita semplicemente un numero diverso nel campo "Cellulare" sotto "Numero di messaggi".

Creating a mobile-responsive Facebook video feed

Per impostazione predefinita, il feed di Facebook mostra meno colonne su smartphone e tablet rispetto ai computer desktop. Questo aiuta tutti i tuoi video a stare comodamente su schermi più piccoli.

Tuttavia, dopo aver testato la versione mobile del tuo sito Web WordPress, potresti non essere soddisfatto dell'aspetto delle colonne su tablet e smartphone.

Puoi modificare il numero di colonne utilizzate da Smash Balloon su tablet, dispositivi mobili e computer desktop utilizzando le impostazioni "Colonne".

Changing the columns in a mobile responsive layout

La pagina delle impostazioni successiva è "Combinazione di colori".

Smash Balloon utilizza i colori ereditati dal tuo tema WordPress per impostazione predefinita, ma in questa schermata puoi invece passare a una combinazione di colori "Chiaro" o "Scuro".

Un'altra opzione è creare 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.

Adding a custom color scheme to a social media feed

Smash Balloon può aggiungere un'intestazione al tuo feed, che è la tua immagine del profilo Facebook e il nome della pagina o del gruppo. Ciò consente ai visitatori di sapere da dove provengono i video incorporati e dove possono trovare questi contenuti su Facebook.

Per aggiungere questa sezione, fai clic su "Intestazione" nel menu a sinistra.

Changing the Smash Balloon header settings

È quindi possibile fare clic sull'interruttore "Abilita".

Dopo aver aggiunto un'intestazione, puoi modificare l'aspetto di quest'area, incluso nascondere o aggiungere l'immagine del tuo profilo Facebook, modificare le dimensioni del testo della biografia e altro ancora.

Removing the Facebook header from a WordPress embed

Se desideri rimuovere completamente l'intestazione, fai clic per disattivare l'interruttore "Abilita".

Per impostazione predefinita, Smash Balloon mostra il titolo di ogni video. Se vuoi nascondere il titolo, seleziona "Post" dal menu principale dell'editor di Smash Balloon.

Quindi, vai avanti e fai clic su "Stile post".

Changing the video post style

In questa schermata, puoi nascondere i titoli dei video facendo clic sul dispositivo di scorrimento "Mostra titolo video".

Questo può essere utile se non hai aggiunto titoli a tutti i tuoi video o se i tuoi titoli non hanno senso al di fuori di Facebook.

Hiding the Facebook video titles

In questa schermata puoi anche nascondere o mostrare le descrizioni dei video. Ad esempio, puoi utilizzare queste descrizioni per fornire ulteriori informazioni sul video.

Per aggiungere la descrizione, fai semplicemente clic per abilitare l'opzione "Mostra descrizione video".

Per impostazione predefinita, Smash Balloon non aggiunge il pulsante "Mi piace" di Facebook al tuo feed video. Se ai visitatori piacciono i tuoi video incorporati, potrebbero volerti seguire su Facebook.

Detto questo, potresti voler aggiungere un pulsante "Mi piace" al feed, selezionando "Like Box" dal menu a sinistra dell'editor.

Successivamente, fai semplicemente clic sul pulsante "Abilita" in modo che diventi blu.

Adding a Facebook like button to WordPress

Smash Balloon aggiunge questo pulsante sotto il tuo feed video, ma puoi modificarlo aprendo il menu a discesa "Posizione" e scegliendo "In alto".

In questa schermata, puoi anche modificare l'aspetto della sezione "Mi piace", inclusa la modifica della sua larghezza, mostrare quante persone ti seguono su Facebook, aggiungere un invito all'azione personalizzato e altro ancora.

How to customize the Facebook like button in WordPress

Quando sei soddisfatto dell'aspetto del pulsante, puoi passare alla pagina delle impostazioni successiva selezionando "Carica altro pulsante".

Il pulsante Carica altro incoraggia i visitatori a scorrere più feed video, quindi Smash Balloon lo aggiunge al tuo feed Facebook incorporato per impostazione predefinita.

Adding a Load More button to WordPress

Poiché è un pulsante così importante, potresti voler personalizzare questo pulsante cambiando il colore di sfondo, lo stato al passaggio del mouse, l'etichetta e altro.

Un'altra opzione è rimuovere completamente il pulsante, facendo clic sull'interruttore "Abilita". Ad esempio, potresti rimuovere questo pulsante e quindi incoraggiare i visitatori a controllare la tua pagina Facebook per vedere altri tuoi video.

Removing the Load More button from WordPress

Per impostazione predefinita, Smash Balloon consente ai visitatori di guardare i tuoi video di Facebook senza lasciare il tuo sito Web WordPress.

Possono semplicemente fare clic su qualsiasi miniatura del video per aprirla in una lightbox, come puoi vedere nell'immagine seguente

Smash Balloon's lightbox popup feature

I visitatori possono scorrere i video nel tuo feed utilizzando le frecce.

Se vogliono mettere mi piace a una foto, lasciare un commento o condividere il video sulla loro pagina, possono fare clic sul collegamento "Visualizza su Facebook".

A 'View on Facebook' link created by Smash Balloon

Esistono diversi modi per personalizzare la lightbox predefinita di Smash Balloon.

Per visualizzare le opzioni, fai clic su "Lightbox" nel menu a sinistra.

 Customizing the lightbox popup using Smash Balloon

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

La funzione lightbox consente ai visitatori di guardare i tuoi video in un popup. Se preferisci, puoi disabilitare la lightbox in modo che tutti i tuoi video vengano riprodotti come piccole miniature, incorporate all'interno del contenuto della pagina.

In questo modo, puoi incoraggiare le persone a visitare la tua pagina Facebook, per vedere il video a grandezza naturale. Per disabilitare la lightbox, fai semplicemente clic sull'interruttore "Abilita" per trasformarla da blu a grigia.

Disabling the lightbox popup feature

Quando sei soddisfatto dell'aspetto del feed video, non dimenticare di fare clic su "Salva".

Ora sei pronto per incorporare il feed Smash Balloon nel tuo sito web.

Come aggiungere video di Facebook a WordPress

Con Smash Balloon, puoi aggiungere il feed video al tuo sito Web 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 widget o un blocco.

Per ottenere questo codice, 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 usare feed="6"

Getting the code for a Facebook video feed

Se desideri incorporare il tuo feed Facebook in una pagina o in un post, ti consigliamo di utilizzare il blocco Feed Facebook personalizzato.

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

Quando viene visualizzato il blocco giusto, fai clic per aggiungerlo alla pagina o al post.

The Custom Facebook Feed WordPress block

Il blocco mostrerà uno dei tuoi feed Smash Balloon per impostazione predefinita. Se invece desideri utilizzare un feed video diverso, trova "Impostazioni shortcode" nel menu a destra.

Qui, aggiungi semplicemente il codice feed="" e fai clic su "Applica modifiche".

Adding a video feed to WordPress using code

Il blocco ora mostrerà i video della tua pagina o gruppo Facebook. Basta pubblicare o aggiornare la pagina per rendere live il feed video 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 guardare i tuoi video di Facebook da qualsiasi pagina del tuo sito.

Basta andare su Aspetto »Widget e quindi fare clic sul pulsante blu "+".

Adding videos to Facebook using a widget

Successivamente, trova il widget "Feed Facebook personalizzato".

Quindi, trascinalo nell'area in cui desideri mostrare il feed video.

Embedding Facebook videos using a widget

Il widget mostrerà automaticamente uno dei tuoi feed Smash Balloon.

Per mostrare invece un feed diverso, digita o incolla il codice del feed nella casella "Impostazioni shortcode", quindi fai clic su "Applica modifiche".

Adding a Facebook video feed to WordPress using shortcode

Ora puoi rendere attivo il widget facendo clic sul pulsante "Aggiorna". Per ulteriori informazioni, consulta la nostra guida passo passo su come aggiungere e utilizzare i widget in WordPress.

Infine, puoi incorporare video in qualsiasi pagina, post o area predisposta per i widget utilizzando uno shortcode.

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

Per assistenza nell'inserimento dello shortcode, consulta la nostra guida su come aggiungere uno shortcode.

Aggiungi un video specifico di Facebook in WordPress

A volte potresti voler incorporare un video di Facebook specifico in una pagina o in un post. Ad esempio, potresti avere un video di Facebook che parla degli stessi argomenti del tuo ultimo blog o un video promozionale che mostra il prodotto che hai appena lanciato sul tuo negozio online.

Per incorporare un video specifico, dovrai acquistare e installare l'estensione Post in primo piano in quanto ti consente di visualizzare un post o un evento particolare utilizzando il suo ID.

Per iniziare, vai su Feed di Facebook »Estensioni .

Qui, trova l'estensione "Post in primo piano" e fai clic sul pulsante "Aggiungi".

How to install the Featured Posts WordPress extension

Questo aprirà il sito web di Smash Balloon in una nuova scheda, con le istruzioni su come acquistare l'estensione.

Una volta che hai l'estensione, puoi installarla esattamente nello stesso modo in cui installi un plugin. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin per WordPress.

Dopo aver attivato il plug-in, vai su Feed di Facebook »Tutti i feed e fai clic su "Aggiungi nuovo".

Nella sezione "Tipi di feed avanzati", seleziona "Post in primo piano singolo", quindi fai clic su "Avanti".

How to show a specific Facebook video in WordPress

Ora puoi scegliere la pagina o il gruppo che desideri utilizzare come fonte seguendo la stessa procedura descritta sopra.

Nella pagina successiva, dovrai inserire l'ID del video che desideri incorporare.

Adding a Facebook post URL or ID to WordPress

Per ottenere questo ID, visita Facebook in una nuova scheda e quindi apri il video che desideri incorporare.

Ora puoi andare avanti e copiare l'URL.

How to get the post ID for a Facebook video

Successivamente, pubblica l'URL nella dashboard di WordPress e fai clic su "Avanti".

Dopo averlo fatto, puoi modellare il video e quindi aggiungerlo al tuo sito seguendo lo stesso processo descritto sopra.

Speriamo che questo articolo ti abbia mostrato come incorporare un video di Facebook in WordPress. Ti consigliamo di consultare la nostra guida su come creare una newsletter via e-mail e la nostra selezione esperta dei migliori plug-in della galleria video di YouTube.

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