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 incorpora gli album di Facebook in WordPress (in modo semplice)

Se utilizzate attivamente gli album di Facebook per mostrare i prodotti, condividere le testimonianze dei clienti o coinvolgere la vostra Community, visualizzarli sul vostro sito web WordPress può essere una svolta.

Oltre a migliorare l’attrattiva visiva del sito, può fungere da prova sociale, dimostrando la presenza attiva e l’engagement del brand. Inoltre, può indirizzare il traffico verso la vostra pagina Facebook, dove i potenziali clienti possono approfondirsi e mettersi in contatto con voi.

Con l’aiuto dei plugin di WordPress, incorporare gli album di Facebook è un’impresa facile e WPBeginner è qui per guidarvi attraverso il processo.

In questo articolo vi mostreremo come incorporare facilmente gli album di Facebook in WordPress.

How to embed Facebook albums in WordPress

Perché incorporare un album di Facebook in WordPress?

Ci sono molti motivi per cui vorreste incorporare un album fotografico di Facebook nel vostro sito web WordPress.

Forse avete una pagina Facebook molto frequentata, dove pubblicate costantemente foto e vorreste che anche i visitatori del vostro sito le vedessero. Incorporando l’album di Facebook in WordPress, non dovrete caricare la stessa foto su due piattaforme diverse.

Inoltre, l’incorporazione di un album di Facebook può migliorare l’aspetto visivo complessivo e l’esperienza dell’utente del vostro sito web. I visitatori possono facilmente sfogliare l’album di Facebook incorporato senza lasciare la vostra pagina WordPress.

WordPress era dotato di un supporto incorporato per gli album di Facebook. Proprio come per l’incorporamento di un video di YouTube, si poteva semplicemente copiare e incollare l’URL di un qualsiasi album di Facebook e WordPress lo avrebbe visualizzato automaticamente.

Tuttavia, da allora Facebook e Instagram hanno apportato modifiche alle loro API. Queste modifiche rendono impossibile per WordPress continuare a fornire il supporto oEmbed a Facebook e Instagram.

Se si tenta di incorporare un link a un album, viene visualizzato un messaggio di errore.

The Facebook album embed error

Fortunatamente, esiste un modo per correggere gli embed di Facebook e Instagram in WordPress utilizzando un plugin.

Vediamo come incorporare facilmente gli album di Facebook in WordPress. Potete usare i link rapidi qui sotto per navigare attraverso i passaggi:

Passo 1: installare Smash Balloon Facebook Feed personalizzato

Il modo migliore per incorporare gli album di Facebook in WordPress è utilizzare il plugin Smash Balloon Custom Facebook Feed.

Questo plugin consente di incorporare nel sito gli aggiornamenti di stato di Facebook, i commenti, le recensioni, i post della comunità e altro ancora.

How to embed Facebook photos in your WordPress website using Smash Balloon

Inoltre, consente ai visitatori di dare un’occhiata più da vicino alle vostre foto e immagini senza dover visitare Facebook, aprendo un popup lightbox.

Nota: sebbene sia disponibile una versione gratuita di Smash Balloon, questa guida utilizzerà la versione Pro di Smash Balloon, in quanto dispone della funzione di incorporazione dell’album di Facebook di cui abbiamo bisogno.

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

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

Adding your license key to Smash Balloon

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

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

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

Questo plugin consente di incorporare un feed da un gruppo o da una pagina di Facebook. È anche possibile mostrare gli ultimi commenti sotto ogni foto, insieme al totale dei like e delle condivisioni.

Per collegare la vostra pagina o gruppo Facebook a WordPress, andate su Facebook Feed ” Tutti i feed e poi cliccate su “Aggiungi nuovo”.

Adding a Facebook group or page to WordPress

Smash Balloon consente di mostrare i post degli album fotografici, delle timeline, degli eventi e altro ancora.

Per incorporare i vostri album di Facebook, dovrete fare clic su “Album” e poi su “Avanti”.

Choosing the Smash Balloon 'Albums' template

A questo punto, è necessario selezionare la pagina o il gruppo di Facebook da cui ottenere le foto.

Per iniziare, fare clic su “Aggiungi nuovo”.

Choosing a source for your Facebook album

Nella schermata successiva, scegliere se mostrare gli album di una pagina o di un gruppo.

Dopodiché, basta fare clic su “Connetti a Facebook”.

How to connect Smash Balloon and WordPress to Facebook

Si apre una finestra di dialogo in cui è possibile accedere al proprio account Facebook e scegliere le pagine o i gruppi da cui si desidera ottenere gli album.

Dopo aver preso questa decisione, fare clic su “Avanti”.

Choosing Facebook pages and groups to embed albums from

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 vostro account Facebook, basta fare clic su uno qualsiasi degli interruttori per portarlo da “Sì” a “No”. Tenete presente che questo potrebbe influire sugli album e sulle foto che potete incorporare nel vostro blog o sito web WordPress.

Detto questo, si consiglia di lasciare tutti gli interruttori abilitati.

Giving Smash Balloon access to your Facebook page

Quando siete pronti, fate clic su “Fatto”.

Dopo qualche istante, dovrebbe apparire un messaggio di conferma dell’avvenuta connessione del sito WordPress a Facebook. Fatto questo, è il momento di cliccare su “OK”.

How to connect Facebook albums to your WordPress website

Smash Balloon vi riporterà automaticamente all’area di amministrazione di WordPress.

Come aggiungere un singolo album di Facebook in WordPress

Smash Balloon consente anche di incorporare uno specifico album di Facebook in qualsiasi punto del sito WordPress. In questo modo è possibile mostrare ai visitatori il proprio album più recente o un album rilevante per il resto del contenuto della pagina.

Ad esempio, se avete aggiunto un calendario di eventi Facebook a WordPress, potreste voler mostrare anche gli album degli eventi passati.

Per incorporare un particolare album di Facebook, dovrete acquistare e installare l’estensione Album andando su Facebook Feed ” Extensions.

Qui, trovare l’estensione ‘Album’ e fare clic sul pulsante ‘Aggiungi’.

The Smash Balloon Single Album extension

Si aprirà il sito web di Smash Ballon in una nuova scheda, con le istruzioni per l’acquisto dell’estensione Album.

Una volta ottenuta l’estensione, è possibile installarla esattamente nello stesso modo in cui si installa un plugin. Se avete bisogno di aiuto, consultate la nostra guida su come installare un plugin di WordPress.

Dopo aver attivato il plugin, andate su Facebook Feed ” All Feeds e cliccate su ‘Add New’.

In “Tipi di feed avanzati”, selezionate “Album singolo” e fate clic su “Avanti”.

Showing a specific album on your WordPress website

A questo punto è possibile scegliere la pagina o il gruppo che si desidera utilizzare come fonte e scegliere un modello seguendo la stessa procedura descritta sopra.

Nella pagina successiva, è necessario inserire l’ID dell’album che si desidera incorporare.

Embedding a specific album in WordPress

In una nuova scheda, è sufficiente aprire l’album di Facebook che si desidera visualizzare.

Ora è possibile copiare i numeri dopo il simbolo = e tra i simboli punto e &. Ad esempio, nell’immagine seguente è necessario copiare 447443907512397.

Getting the ID of a Facebook album

Ora è possibile incollare questi numeri nella dashboard di WordPress.

Quindi, fare clic su “Avanti” e Smash Balloon recupererà l’album.

Adding a Facebook album ID to WordPress

Ora, proseguite con le fasi successive.

Fase 3: Scegliere un template Facebook Feed per i propri album

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

How to embed albums from a Facebook page or group

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

Dopodiché, WordPress vi riporterà automaticamente alla pagina Facebook Feed ” All Feeds. Come prima, fate clic sul pulsante “Aggiungi nuovo”, selezionate “Album” e poi fate clic sul pulsante “Avanti”.

A questo punto, selezionate la vostra pagina o gruppo Facebook e fate clic su “Avanti”.

Selecting a source for your Facebook album

A questo punto, è possibile scegliere un tema per la visualizzazione degli album di Facebook.

La scelta è ampia, quindi assicuratevi di esplorare quella più adatta alle vostre esigenze. Una volta effettuata la scelta, basta fare clic su “Avanti”.

Choosing a Facebook Feed theme in Smash Balloon

Nella schermata successiva, è possibile scegliere il modello da utilizzare come punto di partenza per il feed. Tutti questi modelli sono completamente personalizzabili, per cui è possibile perfezionare il design a seconda di come si desidera mostrare gli album di Facebook sul proprio sito web.

Noi utilizziamo il modello “Default”, ma è possibile scegliere qualsiasi modello.

Choosing a template for your Facebook albums

A questo punto, fare clic sul pulsante “Avanti”.

Smash Balloon creerà un feed di album in base alla fonte, al tema e al modello scelti. Questo è un buon inizio, ma si potrebbe voler perfezionare l’aspetto degli album sul proprio sito WordPress.

Passo 4: personalizzare gli album di Facebook incorporati

Il plugin Smash Balloon Custom Facebook Feed offre molti modi per personalizzare la visualizzazione degli album. A questo proposito, vale la pena di vedere quali modifiche è possibile apportare.

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

Customizing your Facebook albums feed

Si apre l’editor del feed di Smash Ballon, che mostra un’anteprima degli album di Facebook sulla destra.

Sul lato sinistro, sono presenti tutte le diverse impostazioni che si possono utilizzare per personalizzare la visualizzazione degli album sul sito. La maggior parte di queste impostazioni si spiegano da sole, ma ne tratteremo rapidamente alcune aree chiave.

Editing the Facebook albums feed

Per iniziare, è possibile modificare la visualizzazione degli album 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 responsive selezionando il layout “Carosello”.

Man mano che si apportano le modifiche, l’anteprima si aggiorna automaticamente, in modo da poter provare diverse impostazioni per vedere qual è l’aspetto migliore.

Choosing a new feed layout in WordPress

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

È possibile visualizzare un’anteprima dell’aspetto degli album su computer desktop, tablet e smartphone utilizzando la fila di pulsanti nell’angolo in alto a destra.

Choosing a new feed layout in WordPress

Isiti web visualizzati su dispositivi mobili hanno naturalmente un aspetto più piccolo, quindi è consigliabile mostrare meno album su tablet e smartphone.

Per farlo, basta digitare un numero diverso nel campo “Mobile” sotto “Numero di messaggi”.

Changing how your embedded Facebook albums appear on mobile devices

Provando diversi layout, è possibile creare un feed per i social media che risulti perfetto, indipendentemente dal dispositivo utilizzato dal visitatore.

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

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, è possibile mostrare meno colonne modificando i numeri nella sezione “Colonne”.

Changing the column layouts using Smash Balloon

Quando si è soddisfatti delle modifiche apportate, fare clic sul link “Personalizza”.

In questo modo si torna all’editor principale di Smash Balloon, pronto per esplorare la schermata di impostazione successiva, ovvero “Schema di colore”.

Changing the color scheme for your Facebook photo feed

Per impostazione predefinita, Smash Balloon utilizza uno schema di colori ereditato dal tema di WordPress, ma questa schermata consente di passare a un aspetto “chiaro” o “scuro”.

È inoltre possibile creare uno schema di colori personalizzato selezionando “Personalizzato” e utilizzando i controlli per modificare il colore di sfondo, il colore del testo in WordPress e altro ancora.

Adding a custom color to your Facebook album feed

Per impostazione predefinita, Smash Balloon aggiunge un’intestazione al feed, che è la foto del profilo di Facebook e il nome della pagina o del gruppo. In questo modo è possibile aggiungere un ulteriore contesto, piuttosto che incorporare semplicemente i video e le foto di Facebook in WordPress.

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

Customizing the header of your Facebook album feed

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

Se si desidera rimuovere completamente l’intestazione, fare clic per disattivare la levetta “Abilita”.

How to embed Facebook albums in WordPress

Per impostazione predefinita, Smash Balloon mostra il titolo di ogni album. Se si desidera nascondere il titolo, selezionare “Post” dal menu principale dell’editor di Smash Balloon.

Quindi, fare clic su “Stile del post”.

Changing the style of your Facebook album feed

Qui è possibile rimuovere i titoli degli album facendo clic sul cursore “Mostra titolo album”.

Questo può essere utile se i titoli degli album distolgono l’attenzione dalle foto o non hanno senso quando vengono incorporati nel sito web.

Showing the album title in your WordPress Facebook feed

In questa schermata si può anche scegliere se mostrare il numero di foto presenti in ciascun album.

Per aggiungere questo numero, è sufficiente fare clic sulla levetta “Numero di post nell’album”.

Adding the number to Facebook albums in WordPress

Di default, Smash Balloon non include il pulsante “Mi piace” di Facebook nel feed. Per ottenere più follower su Facebook, è possibile aggiungere questo pulsante selezionando “Like Box” dal menu a sinistra dell’editor.

A questo punto, è sufficiente fare clic sul pulsante “Abilita” in modo che diventi blu.

Adding a 'like' button to your Facebook albums feed in WordPress

Per impostazione predefinita, Smash Balloon aggiunge questo pulsante sotto gli album fotografici incorporati, ma è possibile modificarlo aprendo il menu a tendina “Posizione” e scegliendo “In alto”.

In questa schermata è possibile modificare l’aspetto della sezione “Mi piace”, aggiungendo un invito all’azione personalizzato, mostrando quante persone vi seguono su Facebook e altro ancora.

Customizing the Facebook follow button in WordPress

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

Il pulsante Load More incoraggia i visitatori a scorrere una parte maggiore del vostro feed di Facebook, quindi Smash Balloon lo aggiunge di default agli album fotografici incorporati.

Adding a 'Load More' button to a custom Facebook photos feed in WordPress

Poiché si tratta di un pulsante così importante, è possibile far risaltare Load More modificando il colore di sfondo, il colore del testo e l’etichetta.

Un’altra opzione è quella di rimuovere completamente il pulsante facendo clic sulla levetta “Abilita”.

Removing the 'Load More' button from embedded Facebook albums

Per impostazione predefinita, Smash Balloon consente ai visitatori di sfogliare gli album di Facebook senza lasciare il vostro sito web.

È sufficiente fare clic su un album per aprire una lightbox, come si può vedere nell’immagine seguente.

Smash Balloon's lightbox feature

Il visitatore può quindi utilizzare le frecce per scorrere l’album.

Se vogliono mettere un “mi piace” a una foto, lasciare un commento o condividere l’immagine con i loro amici di Facebook, possono cliccare sul link “Visualizza su Facebook”.

Visiting a Facebook group or page from the lightbox

Esistono diversi modi per personalizzare la lightbox predefinita.

Per visualizzare le opzioni, fare clic su “Lightbox” nel menu di sinistra.

Customizing the Facebook photos lightbox

Qui è possibile modificare il colore del testo, dei collegamenti e dello sfondo della lightbox.

La funzione lightbox facilita il coinvolgimento delle persone con le vostre foto, ma consente anche di scorrere gli album senza visitare la vostra pagina Facebook.

Se volete ottenere più visitatori sulla vostra pagina Facebook, potete disattivare la funzione lightbox facendo clic sulla levetta “Abilita”.

Disabling the lightbox feature on your WordPress website

Ora, se un visitatore fa clic su un album, viene reindirizzato alla vostra pagina Facebook in una nuova scheda.

Quando si è soddisfatti dell’aspetto degli album fotografici, non dimenticare di fare clic su “Salva” per memorizzare le modifiche.

Ora siete pronti ad aggiungere questi album al vostro sito web WordPress.

Passo 5: Aggiungere gli album di Facebook alle pagine o ai post di WordPress

Se si desidera incorporare gli album di Facebook in una pagina o in una pubblicazione, in genere si utilizza il blocco Facebook Feed.

È sufficiente aprire la pagina o il post in cui si desidera incorporare gli album. Quindi, fare clic sull’icona “+” per aggiungere un nuovo blocco e iniziare a digitare “Facebook Feed”.

Choosing the Facebook Feed block in the block editor

Quando appare il blocco giusto, fare clic per aggiungerlo alla pagina o al post.

All’interno del blocco, selezionare il feed dell’album di Facebook creato in precedenza.

Choosing a Facebook feed source using the Smash Balloon block

Il blocco creato dovrebbe ora apparire nella pagina o nel post.

È anche possibile utilizzare il pannello delle impostazioni del blocco di sinistra per cambiare feed. Una volta soddisfatti dell’aspetto del feed, basta fare clic su “Aggiorna” o “Pubblica” se il post o la pagina sono nuovi.

What the Facebook Album feed by Smash Balloon looks like on the block editor

Un’altra opzione è quella di aggiungere il feed a qualsiasi area predisposta per i widget, come la barra laterale o una sezione simile. In questo modo i visitatori potranno vedere le foto di Facebook da qualsiasi pagina del vostro sito.

Basta andare su Aspetto ” Widget nella dashboard di WordPress e fare clic sul pulsante blu ‘+’.

Adding Facebook albums to your website's sidebar

Una volta fatto questo, trovate il widget Feed di Facebook. Se vedete due opzioni, entrambe funzionano allo stesso modo.

Quindi, basta trascinarlo nell’area in cui si desidera mostrare il feed e selezionare il feed dell’album di Facebook creato.

Adding a Facebook album feed in a widget area

Il widget mostrerà uno dei feed creati con Smash Balloon.

Ecco come si presenta:

What the Facebook album feed looks like in the widget editor

Ora è possibile fare clic sul pulsante “Aggiorna” per rendere il widget attivo. Per ulteriori informazioni, consultare la nostra guida passo-passo su come aggiungere e utilizzare i widget in WordPress.

Infine, è possibile incorporare i propri album in qualsiasi pagina, post o widget tramite shortcode.

Basta andare su Facebook Feed “ All Feeds e copiare il codice nella colonna ‘Shortcode’. Ora è possibile aggiungere lo shortcode a qualsiasi area del sito predisposta per i widget.

Embedding Facebook albums using code

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

Suggerimento medio: aggiungere altri feed dei social media a WordPress

Se volete creare un feed Facebook personalizzato in WordPress, il plugin Smash Balloon Facebook Feed è un’ottima scelta.

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

Se condividete immagini su Instagram, create un feed fotografico Instagram personalizzato e poi aggiungetelo a qualsiasi pagina, post o area pronta per i widget. È anche possibile aggiungere immagini shoppable di Instagram in WordPress.

An example of a shoppable Instagram image in WordPress

I video sono un ottimo modo per catturare l’attenzione del visitatore e trattenerlo sul vostro sito web.

A questo proposito, potreste voler mostrare i video più recenti del vostro canale YouTube.

How to embed YouTube videos in WordPress

Speriamo che questo articolo vi abbia aiutato a capire come incorporare gli album di Facebook in WordPress. Potreste anche voler selezionare i migliori plugin Twitter per WordPress e la nostra guida su come creare una landing page per gli annunci di Facebook in WordPress.

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

Commenti

  1. Congratulazioni, avete l'opportunità di essere il primo commentatore di questo articolo.
    Avete una domanda o un suggerimento? Lasciate un commento per avviare la discussione.

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.