Come aggiungere una casella Mi piace / Fan Box di Facebook in WordPress

Hai lavorato sodo per costruire il tuo seguito su Facebook, ma i visitatori del tuo sito web non si connettono alla tua pagina. Frustrante, vero?

Abbiamo testato vari modi per integrare Facebook con WordPress e abbiamo scoperto che una semplice casella Mi piace può fare una reale differenza nella crescita del tuo seguito sui social.

Una casella Mi piace di Facebook ben posizionata colma il divario tra il tuo sito web e i social media, consentendo ai visitatori di interagire con la tua pagina Facebook senza lasciare il tuo sito. È una di quelle piccole aggiunte che possono avere un grande impatto sulla tua prova sociale.

In questa guida, ti mostreremo due metodi semplici per aggiungere una casella Mi piace di Facebook al tuo sito WordPress: un approccio tramite plugin per casella Mi piace di Facebook e una soluzione basata su codice.

Perché aggiungere una casella Mi piace di Facebook sul tuo sito WordPress?

Aggiungere una casella Mi piace di Facebook al tuo sito WordPress offre alcuni ottimi vantaggi.

Innanzitutto, aiuta a coinvolgere le persone consentendo loro di mettere facilmente "Mi piace" alla tua pagina fan o alla tua pagina aziendale di Facebook. Ciò significa che i tuoi post appariranno nel loro feed di Facebook, così potrai continuare a raggiungere persone oltre il tuo sito web.

Inoltre, la casella Mi piace della pagina Facebook mostra quante persone hanno messo "Mi piace" alla tua pagina Facebook. Questo può fungere da prova sociale e incoraggiare più visitatori a fare clic su "Mi piace".

Questo tutorial ti mostrerà due modi per aggiungere una casella Mi piace di Facebook: uno utilizzando un plugin social e l'altro con il codice. Puoi utilizzare i collegamenti rapidi qui sotto per navigare nel nostro articolo:

• Metodo 1: Utilizzo di un plugin per la casella Mi piace di Facebook per WordPress (adatto ai principianti)
• Method 2: Adding a Facebook Like Box With Code

Metodo 1: Utilizzo di un plugin per la casella Mi piace di Facebook per WordPress (adatto ai principianti)

Questo primo metodo è il modo più semplice e consigliato per i principianti per aggiungere una casella Mi piace di Facebook ai propri siti. Ti permetterà anche di visualizzare il tuo feed di Facebook sul tuo sito web, se lo desideri.

Questo metodo utilizza Smash Balloon, un plugin per WordPress facile da usare che ti consente di incorporare vari feed di social media in WordPress, insieme a una casella Mi piace.

Per questo tutorial, puoi utilizzare la versione gratuita del plugin Smash Balloon Social Post feed. Ma se desideri funzionalità aggiuntive oltre alla casella Mi piace (come la visualizzazione di video, foto ed eventi), ti consigliamo di passare alla versione Pro.

Configura il plugin Smash Balloon Facebook Feed

Innanzitutto, devi installare il plugin per WordPress nell'area amministrativa. Successivamente, vai su Feed Facebook » Tutti i feed e fai clic su 'Aggiungi nuovo'.

Ora, seleziona il tipo di feed ‘Timeline’ ‘Timeline’ feed type.

Quindi, fai semplicemente clic sul pulsante ‘Next’.

A questo punto, dovrai collegare la tua pagina Facebook al tuo sito web WordPress.

Quello che devi fare è fare clic sul pulsante ‘Add New’.

Smash Balloon ti reindirizzerà a una nuova schermata.

Qui, seleziona ‘Page’ per il tipo di origine e quindi fai clic su ‘Connect to Facebook.’

Ora, devi accedere al tuo account Facebook.

Dopodiché, scegli quale/i pagina/e per cui desideri visualizzare la Like Box sul tuo blog WordPress o sito web. Quindi, fai clic su ‘Next.’

Ora vedrai le impostazioni di autorizzazione di Smash Balloon. Si consiglia di abilitarle tutte per assicurarsi che tutto funzioni correttamente.

Ora, procedi e fai clic su ‘Done.’

L'ultimo popup confermerà semplicemente che hai collegato correttamente Smash Balloon con Facebook.

Fai semplicemente clic su ‘OK’ per continuare.

Smash Balloon ti reindirizzerà ora all' area amministratore, dove dovrai selezionare una pagina Facebook da utilizzare nel tuo feed della timeline.

Scegli una pagina e fai clic su 'Aggiungi'.

Ora vedrai la pagina Facebook che hai appena collegato come origine nella pagina del plugin Smash Balloon.

Selezionala semplicemente e fai clic su 'Avanti'.

Personalizza la Like Box di Facebook

A questo punto, Smash Balloon ti porterà all'editor del feed di Facebook.

Il primo passo è fare clic su 'Layout del Feed' sopra l'opzione Schema Colori.

Scorri semplicemente verso il basso fino alla sezione 'Numero di Post'.

Successivamente, imposta il numero sia per Desktop che per Mobile su 0. Questo rimuoverà la visualizzazione di tutti i tuoi post recenti e farà visualizzare al feed solo la Like Box.

In alternativa, se desideri mostrare anche il tuo feed di Facebook insieme alla Like Box, puoi seguire il nostro tutorial su come creare un feed Facebook personalizzato in WordPress.

Ora, torna indietro.

Quindi, fai clic su 'Personalizza' per tornare alla pagina dell'editor del feed.

A questo punto, puoi rimuovere l'intestazione del tuo feed di Facebook.

Quello che devi fare è scorrere verso il basso fino alla sezione 'Sezioni' e selezionare 'Intestazione'.

Questa impostazione dell'Intestazione determina l'aspetto dell'intestazione del tuo feed di Facebook.

Ma in questo caso, devi nasconderla, quindi disattiva semplicemente l'interruttore 'Abilita'.

Torniamo ora alla pagina principale dell'editor del feed e apriamo l'impostazione 'Like Box'. Successivamente, attiva semplicemente la funzione 'Like Box'.

In questa pagina, puoi anche regolare le dimensioni della Like Box, la posizione, la visualizzazione della foto di copertina, la larghezza personalizzata, il testo personalizzato della call-to-action, ecc.

Una volta fatto, fai clic sul pulsante 'Salva' nell'angolo in alto a destra.

Incorpora la Like Box di Facebook nella tua pagina o post di WordPress

A questo punto, puoi visualizzare la Facebook Like Box su una pagina o in un'area pronta per i widget come una sidebar.

Per fare ciò, fai clic su ‘Embed’ nell'angolo in alto a destra. Ora, apparirà il popup Embed Feed, che ti offrirà due opzioni per visualizzare la Like Box.

Una è usare uno shortcode e l'altra è aggiungerla direttamente a una pagina o a un'area pronta per i widget. La seconda opzione è molto più semplice, quindi ti mostreremo prima quel metodo.

Se desideri aggiungere la Like Box a una pagina specifica, fai clic sul pulsante ‘Add to a Page’.

Ora, seleziona semplicemente una pagina a cui aggiungere la funzionalità e fai clic su ‘Add’.

Ora arriverai all'editor a blocchi di Gutenberg.

Procedi e fai clic sul pulsante ‘+ Add a Block’, come indicato da Smash Balloon.

Una volta aperta la libreria di inserimento blocchi, devi trovare il blocco Facebook Feed.

Quindi, semplicemente trascinalo e rilascialo dove appare meglio sulla pagina.

Nel blocco, seleziona il feed di Facebook con la Like Box che hai appena creato in precedenza.

Il blocco visualizzerà quindi la Like Box.

Ma cosa succede se hai più pagine Facebook e hai impostato una Like Box per ciascuna utilizzando Smash Balloon?

Puoi anche passare da una all'altra nella barra laterale delle impostazioni del blocco scegliendo un feed dal menu a discesa ‘Seleziona un Feed’.

Tutto quello che devi fare ora è fare clic sul pulsante ‘Aggiorna’ per rendere ufficiali le modifiche.

Ecco come appare la nostra Like Box sul nostro sito demo:

Se utilizzi un tema WordPress a blocchi, puoi anche utilizzare l'Editor del Sito Completo per aggiungere il blocco Facebook Like Box ai modelli di pagina del tuo tema.

Per maggiori informazioni sull'Editor del Sito Completo, leggi la nostra guida per principianti all'Editor del Sito Completo.

Incorpora il Widget Facebook Like Box in WordPress

Se utilizzi un tema WordPress classico, potresti voler visualizzare la Facebook Like Box in un'area pronta per i widget, come una barra laterale, intestazione o piè di pagina. È un ottimo modo per mostrare la Like Box senza distrarre gli utenti dal contenuto principale della pagina.

Nel popup Embed Feed, seleziona ‘Aggiungi a un Widget’ per accedere all'editor di widget basato su blocchi.

Ora, come nel metodo precedente, fai semplicemente clic sul pulsante ‘+ Aggiungi Blocco’, trova il blocco Facebook Feed e trascinalo nell'area desiderata.

Sul nostro sito demo, vogliamo utilizzare la Like Box come widget della barra laterale di WordPress.

Nel blocco, seleziona il Facebook Feed con la Like Box che hai creato in precedenza.

Quindi, fai clic su ‘Aggiorna’ per rendere attive le modifiche.

E hai finito!

Ecco come appare la barra laterale del nostro sito di prova con il widget Like Box:

Incorpora il widget Facebook Like Box con uno shortcode

Se i due metodi precedenti non funzionano, ti consigliamo di aggiungere il Facebook Like Box o Fan Box utilizzando uno shortcode.

Copia semplicemente lo shortcode dal popup Embed Feed precedente e aggiungilo ovunque sul tuo sito web.

Per ulteriori informazioni sull'utilizzo degli shortcode, puoi leggere la nostra guida su come aggiungere shortcode in WordPress.

Metodo 2: Aggiungere un Facebook Like Box con codice

Se sei interessato solo a visualizzare un Facebook Fan Box o Like Box senza aggiungere altri tipi di feed di Facebook, allora l'utilizzo di un plugin per pagine Facebook potrebbe sembrare eccessivo. In questo caso, puoi aggiungere il Like Box utilizzando invece il codice.

Questo metodo potrebbe sembrare intimidatorio per i principianti, ma ti mostreremo un modo infallibile per inserire codice utilizzando WPCode. È un plugin per WordPress che rende facile aggiungere snippet di codice personalizzati a WordPress senza compromettere il tuo sito.

Per questa guida, la versione gratuita di WPCode è sufficiente, anche se puoi passare alla versione Pro per funzionalità avanzate come la modalità di test e una libreria di snippet di codice basata su cloud.

Per prima cosa, installiamo il plugin in WordPress. Una volta attivo, vai su Code Snippets » + Aggiungi Snippet. Quindi, seleziona ‘Aggiungi il tuo codice personalizzato (Nuovo Snippet)’ e fai clic su ‘+ Aggiungi Snippet Personalizzato’.

Ora arriverai all'editor di codice. Diamo prima un nome al tuo snippet di codice personalizzato in modo da poterlo identificare facilmente in seguito. Per questo, lo chiameremo ‘Facebook JavaScript SDK’ perché è quello che aggiungeremo qui.

Ora, tieni aperta questa scheda e crea una nuova scheda nel tuo browser per andare alla pagina Sviluppatori di Facebook.

Nel menu, fai clic su ‘Accedi’ per accedere al tuo account Facebook.

Se è la prima volta che accedi alla pagina, completa la procedura guidata di onboarding per creare un account gratuito.

Verrai quindi indirizzato alla dashboard di Facebook Developers. Facciamo clic sul pulsante ‘Crea App’.

Nella pagina successiva, seleziona semplicemente ‘Altro’ per il caso d’uso.

Dopodiché, fai clic sul pulsante 'Avanti'.

Ora vedrai tutte le diverse app che puoi creare per la tua pagina Facebook.

Per creare una Like Box, puoi semplicemente selezionare ‘Business’ e poi cliccare su ‘Avanti.’

Diamo ora un nome alla tua app. Può essere qualsiasi cosa tu voglia poiché è solo a scopo di riferimento. Puoi anche inserire il tuo indirizzo email e selezionare un Account Aziendale opzionale.

Infine, clicca semplicemente su ‘Crea app.’

Andiamo ora alla pagina degli sviluppatori Facebook per i plugin social.

Quindi, scorri verso il basso finché non trovi una sezione simile allo screenshot qui sotto:

Qui, assicurati di compilare l'URL della tua pagina Facebook, svuota il campo ‘Schede’ e specifica la larghezza e l'altezza della Like Box, se necessario.

Puoi anche scegliere di utilizzare un'intestazione più piccola, disabilitare la foto di copertina e altro ancora. Abbiamo anche scelto di adattare la Like Box per adattarsi alla larghezza del contenitore in modo che le dimensioni si regolino in modo reattivo in base a dove viene posizionata sul sito web.

Una volta terminato, clicca sul pulsante ‘Ottieni codice’. Vedrai quindi un popup che ti mostra due tipi di snippet di codice: JavaScript SDK e iFrame. Entrambi visualizzeranno la tua Like Box, ma in generale, JavaScript SDK è un'opzione molto migliore.

Gli SDK JavaScript sono solitamente più veloci perché sono incorporati direttamente nella pagina web, consentendo loro di caricarsi come parte del documento principale. Gli iFrame richiedono il caricamento di un intero documento HTML, il che può rallentare il tempo di caricamento della pagina.

Nella scheda JavaScript SDK, assicurati che il nome dell'app creato in precedenza sia stato selezionato.

Quindi, procedi a copiare il codice API JavaScript SDK dal Passaggio 2. Ora, tieni aperta questa scheda, ma passa alla scheda WPCode e incolla il codice lì.

Puoi lasciare il Tipo di codice come 'HTML Snippet'.

Ora, scorri verso il basso fino alla sezione 'Inserimento'.

Il Metodo di Inserimento può essere lasciato come 'Inserimento Automatico', mentre la Posizione dovrebbe essere cambiata in 'Corpo dell'intero sito'.

Infine, rendi attivo il codice e fai clic su 'Salva Snippet'.

Successivamente, creerai un secondo snippet di codice. Puoi seguire gli stessi passaggi di prima e chiamarlo qualcosa come 'Facebook Like Box'.

Dopo di che, torna alla pagina di Facebook Developers per i plugin social di prima e copia il codice dal Passaggio 3.

Naviga nuovamente nella scheda WPCode e incolla il codice del Passaggio 3 nella casella Anteprima Codice. Il Tipo di codice può essere 'HTML Snippet'.

Scorriamo verso il basso fino alla sezione 'Inserimento'.

Se utilizzi 'Inserimento Automatico', allora puoi far apparire la Like Box automaticamente in più punti che rientrano nella categoria Posizione.

Nel nostro esempio, abbiamo deciso di scegliere la posizione 'Footer dell'intero sito', il che significa che la Like Box apparirà nel footer.

Ci sono anche altre opzioni, come Inserisci Prima del Post, per visualizzare la Like Box prima di tutti i tuoi post del blog di WordPress.

D'altra parte, il metodo 'Shortcode' ti permette di creare uno shortcode personalizzato.

Puoi quindi aggiungerlo a parti specifiche del tuo sito web utilizzando il blocco shortcode.

Una volta configurate le impostazioni di inserimento, attiva il codice e fai clic su 'Salva snippet'.

Fatto! Puoi quindi visitare il tuo sito web per vedere come appare la Like Box:

Per altre guide su come visualizzare i feed social sul tuo sito WordPress, consulta il nostro articolo su come aggiungere feed di social media in WordPress.

Bonus: Altri modi per integrare Facebook con WordPress

Vuoi portare la tua integrazione con Facebook al livello successivo? Dai un'occhiata a queste guide aggiuntive:

• Come creare un popup con la casella Mi piace di Facebook in WordPress – Aumenta l'engagement con un popup con casella Mi piace strategicamente programmato.
• Come incorporare i post di stato di Facebook in WordPress – Condividi aggiornamenti specifici di Facebook direttamente sul tuo sito.
• Come incorporare un feed di gruppo Facebook in WordPress – Mostra le discussioni della tua community sul tuo sito web.
• Come visualizzare le recensioni della tua pagina Facebook in WordPress – Mostra la prova sociale con le recensioni dei clienti da Facebook.
• Modi rapidi per ottenere più Mi piace su Facebook usando WordPress – Implementa queste strategie per far crescere il tuo seguito su Facebook.
• Come visualizzare Twitter e Facebook degli autori sulla pagina del profilo – Collega i tuoi lettori ai tuoi collaboratori sui social media.
• Come aggiungere le reazioni Mi piace di Facebook ai tuoi post di WordPress – Porta la popolare funzione di reazione di Facebook sui tuoi post del blog.
• Come creare una landing page per annunci Facebook in WordPress – Progetta landing page ad alta conversione per le tue campagne pubblicitarie su Facebook.
• Come pubblicare automaticamente su Facebook da WordPress – Semplifica la tua strategia sui social media con la pubblicazione automatica.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere una Facebook Like Box o Fan Box in WordPress. Potresti anche voler consultare il nostro foglio di trucchi definitivo sui social media per WordPress e l'elenco dei migliori plugin per social media per WordPress.

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