Come incorporare gli album di Facebook in WordPress

Pubblicato: 2023-01-21


Vuoi incorporare gli album di Facebook in WordPress?

Incorporare gli album di Facebook è un ottimo modo per ottenere più coinvolgimento sia sul tuo sito Web WordPress che sulla tua pagina Facebook. Può anche far crescere il tuo seguito sui social media.

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

How to embed Facebook albums in WordPress

Incorporamento di un album di Facebook in WordPress

Mostrare album sul tuo sito Web WordPress può rendere le tue pagine più coinvolgenti.

Man mano che aggiungi più foto a Facebook, appariranno automaticamente sul tuo sito, quindi è anche un ottimo modo per mantenere il tuo sito web aggiornato, anche per i visitatori abituali.

Puoi persino utilizzare album incorporati per promuovere la tua pagina Facebook. Se i visitatori vedono molte foto interessanti, vorranno seguirti su Facebook. Questo può darti alcuni follower extra e più coinvolgimento.

WordPress veniva fornito con il supporto integrato per gli album di Facebook. Proprio come incorpori un video di YouTube, puoi semplicemente copiare e incollare l'URL di qualsiasi album di Facebook e WordPress visualizzerà automaticamente quell'album.

Tuttavia, da allora Facebook e Instagram hanno apportato modifiche alla loro API. Queste modifiche impediscono a WordPress di continuare a supportare oEmbed per Facebook e Instagram.

Se provi a incorporare un collegamento a un album, WordPress ti dirà "Spiacente, questo contenuto non può essere incorporato".

The Facebook album embed error

Per fortuna, esiste un modo per correggere gli incorporamenti di Facebook e Instagram in WordPress utilizzando un plug-in.

Vediamo come incorporare facilmente gli album di Facebook in WordPress, incluso come mostrare un album specifico su qualsiasi pagina o post.

Installazione di un plug-in per l'album di Facebook

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

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

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

Consente inoltre ai visitatori di dare un'occhiata più da vicino alle tue foto e immagini senza dover visitare Facebook, aprendo un popup lightbox sul tuo sito web.

In questa guida, utilizzeremo la versione pro di Smash Balloon in quanto ti consente di incorporare album di Facebook, visualizzare video, mostrare foto in un feed Facebook personalizzato e altro ancora. Tuttavia, esiste anche una versione gratuita che ti consente di creare un feed Facebook personalizzato per 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".

Adding your license key to Smash Balloon

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 album dalle tue diverse pagine e gruppi di Facebook. Puoi persino mostrare gli ultimi commenti in una casella a discesa sotto la foto, insieme ai Mi piace e alle condivisioni.

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

Adding a Facebook group or page to WordPress

Smash Balloon ti consente di mostrare i post dei tuoi album fotografici, timeline, eventi e altro ancora.

Per incorporare i tuoi album di Facebook, devi fare clic su "Album" e quindi su "Avanti".

Choosing the Smash Balloon 'Albums' template

Ora devi selezionare la pagina o il gruppo di Facebook da cui otterrai gli album.

Per iniziare, fai clic su "Aggiungi nuovo".

Choosing a source for your Facebook album

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

Successivamente, fai clic su "Connetti a Facebook".

How to connect Smash Balloon and WordPress to Facebook

Questo apre un popup in cui puoi accedere al tuo account Facebook e scegliere le pagine o i gruppi da cui desideri incorporare gli album.

Dopo aver preso questa decisione, fai clic su "Avanti".

Choosing Facebook pages and groups to embed albums from

Dopo averlo fatto, 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 clic su uno qualsiasi degli interruttori per impostarlo da "Sì" a "No". Tieni presente che ciò potrebbe influire sugli album e sulle foto che puoi incorporare nel tuo blog o sito Web WordPress.

Detto questo, consigliamo di lasciare abilitati tutti gli switch.

Giving Smash Balloon access to your Facebook page

Quando sei pronto, 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ò, è ora di fare clic su "OK".

How to connect Facebook albums to your WordPress website

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

Come incorporare gli album di Facebook in WordPress

Ora vedrai un popup con il gruppo o la pagina che hai appena collegato al tuo sito web. Basta selezionare il pulsante di opzione accanto alla fonte e quindi fare clic sul pulsante "Aggiungi".

How to embed albums from a Facebook page or group

Se hai accidentalmente chiuso il popup, non farti prendere dal panico. Puoi semplicemente aggiornare la scheda per riaprire il popup.

Successivamente, WordPress ti riporterà automaticamente alla pagina Feed di Facebook »Tutti i feed . Proprio come prima, fai clic sul pulsante "Aggiungi nuovo", seleziona "Album" e quindi fai clic sul pulsante "Avanti".

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

Selecting a source for your Facebook album

In questa schermata, puoi scegliere il modello che utilizzerai come punto di partenza per il tuo feed. Tutti questi modelli sono completamente personalizzabili, quindi puoi perfezionare il design a seconda di come desideri mostrare gli album di Facebook sul tuo sito web.

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

Choosing a template for your Facebook albums

Fatto ciò, fai clic sul pulsante "Avanti".

Smash Balloon ora andrà avanti e creerà un feed di album basato sulla tua fonte e sul modello che hai scelto. Questo è un buon inizio, ma potresti voler mettere a punto l'aspetto degli album sul tuo sito Web WordPress.

Come personalizzare i tuoi album di Facebook incorporati

Il plug-in Smash Balloon Custom Facebook Feed ti offre molti modi per personalizzare la modalità di visualizzazione degli album. 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 album e fai clic sul relativo pulsante "Modifica", che assomiglia a una piccola matita.

Customizing your Facebook albums feed

Questo apre l'editor di feed Smash Ballon, che mostra un'anteprima dei tuoi album di Facebook sulla destra.

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

Editing the Facebook albums feed

Per iniziare, puoi modificare la modalità di visualizzazione degli album facendo clic su "Layout feed".

In questa schermata è possibile passare da un layout all'altro, 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.

Choosing a new feed layout in WordPress

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

Puoi visualizzare in anteprima l'aspetto dei tuoi 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

I dispositivi mobili di solito hanno schermi più piccoli e meno potenza di elaborazione, quindi potresti voler mostrare meno album su tablet e smartphone.

Per fare ciò, basta digitare un numero diverso nel campo "Cellulare" sotto "Numero di messaggi".

Changing how your embedded Facebook albums appear on mobile devices

Provando diversi layout puoi creare un feed personalizzato che abbia un bell'aspetto, indipendentemente dal dispositivo utilizzato dal visitatore.

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

Dopo aver testato la versione mobile del tuo sito Web WordPress, potresti non essere soddisfatto dell'aspetto delle colonne su smartphone e tablet. In tal caso, puoi visualizzare meno colonne modificando i numeri nella sezione "Colonne".

Changing the column layouts using Smash Balloon

Quando sei soddisfatto delle modifiche apportate, fai clic sul link "Personalizza".

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

Changing the color scheme for your Facebook photo feed

Per impostazione predefinita, Smash Balloon utilizza una combinazione di colori ereditata dal tuo tema WordPress, ma questa schermata ti consente di passare a un aspetto "chiaro" o "scuro",

Puoi anche 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 to your Facebook album feed

Per impostazione predefinita, Smash Balloon aggiunge un'intestazione al tuo feed, che è l'immagine del tuo profilo Facebook e il nome della pagina o del gruppo.

Per modificare l'aspetto di questa sezione, fai clic su "Intestazione" nel menu a sinistra.

Customizing the header of your Facebook album feed

In questa schermata, puoi modificare le dimensioni dell'intestazione, il suo colore, nascondere o mostrare l'immagine del tuo profilo Facebook e altro ancora.

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

How to embed Facebook albums in WordPress

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

Quindi, fai clic su "Stile post".

Changing the style of your Facebook album feed

Qui puoi rimuovere i titoli degli album facendo clic sul dispositivo di scorrimento "Mostra titolo album".

Questo può essere utile se i titoli dei tuoi album distolgono l'attenzione dalle foto o se non hanno senso se incorporati nel tuo sito web.

Showing the album title in your WordPress Facebook feed

In questa schermata puoi anche scegliere se mostrare quante foto ci sono in ogni album.

Per aggiungere questo numero, fai semplicemente clic sull'interruttore "Numero di post nell'album".

Adding the number to Facebook albums in WordPress

Per impostazione predefinita, Smash Balloon non include il pulsante "Mi piace" di Facebook nel tuo feed. Per ottenere più follower su Facebook, potresti voler aggiungere questo pulsante selezionando "Like Box" dal menu a sinistra dell'editor.

Successivamente, fai semplicemente 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 i tuoi album fotografici incorporati, 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 l'aggiunta di un invito all'azione personalizzato, che mostra quante persone ti seguono su Facebook e altro ancora.

Customizing the Facebook follow button in WordPress

Quando sei soddisfatto dell'aspetto del pulsante "Mi piace", puoi passare alla schermata "Carica altro pulsante".

Il pulsante Carica altro incoraggia i visitatori a scorrere più feed di Facebook, quindi Smash Balloon lo aggiunge ai tuoi album fotografici incorporati per impostazione predefinita.

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

Dal momento che è un pulsante così importante, puoi aiutare Carica altro a distinguersi cambiando il colore di sfondo, il colore del testo e l'etichetta.

Un'altra opzione è rimuovere completamente il pulsante, facendo clic sull'interruttore "Abilita".

Removing the 'Load More' button from embedded Facebook albums

Per impostazione predefinita, Smash Balloon consente ai visitatori di guardare attraverso i tuoi album di Facebook senza uscire dal tuo sito web.

Possono semplicemente fare clic su qualsiasi album per aprire una lightbox, come puoi vedere nell'immagine seguente.

Smash Balloon's lightbox feature

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

Se vogliono mettere mi piace a una foto, lasciare un commento o condividere l'immagine con i loro amici di Facebook, possono fare clic sul collegamento "Visualizza su Facebook".

Visiting a Facebook group or page from the lightbox

Esistono diversi modi per personalizzare la lightbox predefinita.

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

Customizing the Facebook photos lightbox

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

La funzione lightbox rende facile per le persone interagire con le tue foto, ma consente anche alle persone di scorrere i tuoi album senza visitare la tua pagina Facebook. Se desideri ottenere più visitatori sulla tua pagina Facebook, puoi disabilitare la funzione lightbox facendo clic sull'interruttore "Abilita".

Disabling the lightbox feature on your WordPress website

Ora, se un visitatore fa clic su un album, verrà reindirizzato alla tua pagina Facebook in una nuova scheda.

Quando sei soddisfatto dell'aspetto degli album fotografici, non dimenticare di fare clic su "Salva" per salvare le modifiche.

Ora sei pronto per aggiungere questi album al tuo sito Web WordPress.

Come aggiungere album di Facebook a WordPress

Puoi aggiungere i tuoi album di 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.

Basta andare su Feed di Facebook » Tutti i feed e poi guardare la parte feed="" dello shortcode. Dovrai aggiungere questo codice al blocco o al widget, quindi prendine nota.

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

Embedding Facebook albums using code

Se desideri incorporare i tuoi album di Facebook in una pagina o in un post, in genere utilizzerai il blocco Feed Facebook personalizzato.

Apri semplicemente la pagina o il post in cui desideri incorporare i tuoi album. 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 tua pagina o post.

How to add a Custom Facebook Feed block to WordPress

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

Ora puoi aggiungere il codice feed="" a questa casella. Successivamente, fai clic su "Applica modifiche".

Embedding Facebook photos in WordPress

Il blocco ora mostrerà gli album della tua pagina o gruppo Facebook. Basta pubblicare o aggiornare la pagina per pubblicare gli album 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 le tue foto di Facebook da qualsiasi pagina del tuo sito.

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

Adding Facebook albums to your website's sidebar

Dopo averlo fatto, trova il widget Feed Facebook personalizzato.

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

How to embed Facebook albums and photos in WordPress

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

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

Showing different Facebook feeds in a Smash Balloon block

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

Infine, puoi incorporare i tuoi album in qualsiasi pagina, post o widget pronti utilizzando lo shortcode.

Basta andare su Feed di Facebook » Tutti i feed e copiare il codice nella colonna "Shortcode". Ora puoi aggiungere questo codice al tuo sito.

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

Aggiungi un album Facebook specifico in WordPress

Smash Balloon ti consente anche di incorporare uno specifico album di Facebook in qualsiasi punto del tuo sito WordPress. Ciò ti consente di mostrare ai visitatori il tuo album più recente o migliore o di visualizzare un album pertinente al resto del contenuto della pagina.

Per incorporare un particolare album di Facebook, dovrai acquistare e installare l'estensione Album andando su Feed di Facebook »Estensioni .

Qui, trova l'estensione "Album" e fai clic sul pulsante "Aggiungi".

The Smash Balloon Single Album extension

Questo aprirà il sito Web di Smash Ballon 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 "Album singolo", quindi fai clic su "Avanti".

Showing a specific album on your WordPress website

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

Nella pagina successiva, dovrai inserire l'ID dell'album che desideri incorporare.

Embedding a specific album in WordPress

In una nuova scheda, apri semplicemente l'album di Facebook che desideri visualizzare.

Ora puoi copiare i numeri dopo il simbolo = e tra i primi due punti. Ad esempio, nell'immagine seguente dobbiamo copiare 447443907512397.

Getting the ID of a Facebook album

Ora puoi incollare questi numeri nella dashboard di WordPress.

Successivamente, fai clic su "Avanti" e Smash Balloon recupererà l'album.

Adding a Facebook album ID to WordPress

Successivamente, puoi modellare l'album e aggiungerlo al tuo sito seguendo la stessa procedura descritta sopra.

Speriamo che questo articolo ti abbia aiutato a imparare come incorporare gli album di Facebook in WordPress. Potresti anche dare un'occhiata alla nostra guida su come creare un feed fotografico Instagram personalizzato in WordPress e su come creare una newsletter via e-mail per connetterti con i tuoi visitatori dopo che hanno lasciato il tuo sito web.

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