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 aggiungere il pulsante Mi piace di Facebook in WordPress

Volete aggiungere un pulsante “Mi piace” di Facebook in WordPress?

Un pulsante “Mi piace” di Facebook sul vostro sito web WordPress può rendere semplice e facile per gli utenti mettere “Mi piace” e condividere i vostri contenuti. Questo può aiutarvi ad aumentare l’engagement e a ottenere più follower.

In questo articolo vi mostreremo come aggiungere il pulsante Mi piace di Facebook in WordPress.

How to add Facebook like button in WordPress

Perché aggiungere un pulsante “Mi piace” di Facebook in WordPress?

Facebook è uno dei media più popolari al mondo. Molte aziende utilizzano Facebook per entrare in contatto con i propri clienti e promuovere i propri prodotti.

L’aggiunta di un pulsante “Mi piace” di Facebook al vostro sito web WordPress può contribuire ad aumentare l’engagement. Inoltre, incoraggia le persone a condividere i vostri contenuti sui loro profili Facebook e ad attirare nuovi utenti sul vostro sito.

Potete usare il pulsante “Mi piace” di Facebook per aumentare i vostri follower e costruire una Community. Aiuta a far conoscere i vostri prodotti e servizi e a incrementare le conversioni.

Per questo motivo, vi mostreremo come aggiungere un pulsante “Mi piace” di Facebook al vostro sito web WordPress. Ecco una rapida panoramica dei metodi che metteremo in copertina in questa guida:

Siete pronti? Vediamo come aggiungere un pulsante “Mi piace” di Facebook in WordPress utilizzando un plugin o un codice personalizzato.

Metodo 1: Aggiungere un pulsante “Mi piace” di Facebook in WordPress utilizzando un plugin

In questo metodo, utilizzeremo un plugin di WordPress per aggiungere un pulsante “Mi piace” di Facebook. Questo metodo è molto semplice e consigliato ai principianti.

La prima cosa da fare è installare e attivare il plugin Like & Share di BestWebSoft. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin per WordPress.

Dopo l’attivazione, si può andare su Mi piace e condividi ” Impostazioni dal pannello di amministrazione di WordPress.

Like and share plugin settings

Successivamente, è necessario aggiungere un “ID app” e un “Segreto app” di Facebook. Se non si dispone di queste informazioni, è sufficiente seguire i passaggi indicati di seguito.

Come creare un ID app e un segreto app di Facebook

Nel pannello “Impostazioni”, fare clic sul link “Crea una nuova app” sotto il campo “ID app” o “Segreto app” nel plugin Mi piace e condividi.

In questo modo si accede al sito web di Meta per gli sviluppatori. Vi suggeriamo di aprire il sito web in una nuova scheda o finestra, perché dovrete aprire la pagina delle impostazioni di Mi piace e condivisione nella vostra dashboard di WordPress per inserire l’ID e il segreto dell’app.

Da qui è necessario selezionare un tipo di applicazione. Scegliete “Business” come tipo di app e fate clic sul pulsante “Avanti”.

Choose your app type

Successivamente, dovrete fornire le informazioni di base su chi siamo.

Potete inserire un nome di visualizzazione per la vostra app e assicurarvi che nel campo “App contact email” compaia l’indirizzo email corretto. Facebook sceglierà automaticamente l’indirizzo email dell’account a cui siete attualmente connessi.

C’è anche un’opzione per scegliere un account aziendale. Si può lasciare questa opzione su “Nessun account Business Manager selezionato” e fare clic sul pulsante “Crea app”.

Enter basic information for app

Appare quindi una finestra pop-up. Qui Facebook vi chiederà di inserire nuovamente la password.

Si tratta di una misura di sicurezza per evitare attività dannose sul vostro account. Inserite la password del vostro account Facebook e fate clic sul pulsante di invio.

Reenter your Facebook password

Dopodiché, verrà visualizzata la Bacheca dell’applicazione.

Da qui, si può andare su Impostazioni ” Base dal menu sulla sinistra.

Go to basic settings page

A questo punto, è necessario espandere il menu a discesa “Impostazioni” e fare clic su “Base”. Qui, verranno visualizzati i campi “ID app” e “Segreto app”.

Ora è possibile inserire queste informazioni nelle impostazioni del plugin Like & Share.

Copy the app ID and secret

Finite di personalizzare il vostro pulsante “Mi piace” di Facebook

Per prima cosa, è necessario copiare l’ID dell’app e tornare alla scheda o alla finestra in cui è stata aperta la pagina delle impostazioni di “Mi piace e condivisione” . Quindi, inserire l’ID dell’app nel campo corrispondente.

A questo punto, si dovrà ripetere il passaggio copiando i dati “App Secret” dalla pagina Meta for Developers e incollandoli nelle impostazioni del plugin Like & Share.

Customize your Facebook like button

Una volta fatto ciò, si può scegliere se mostrare il pulsante Mi piace di Facebook insieme ai pulsanti URL e Condividi.

Ci sono anche impostazioni per modificare le dimensioni del pulsante Mi piace di Facebook, la sua posizione prima o dopo il contenuto e l’allineamento.

More customization options

Se avete attivato il pulsante URL del profilo, potete scorrere fino alla sezione “Pulsante URL del profilo” e inserire il vostro nome utente o ID di Facebook.

Al termine, non dimenticate di salvare le modifiche.

A questo punto, il plugin aggiungerà automaticamente un pulsante “Mi piace” di Facebook al vostro sito web WordPress e lo posizionerà in base alle vostre impostazioni.

È inoltre possibile utilizzare lo shortcode [fb_button] per aggiungere il pulsante Mi piace di Facebook in qualsiasi punto del sito.

Tutto qui! Ora potete visitare il vostro sito e vedere il pulsante Mi piace su ogni post.

Facebook like button preview

Metodo 2: Aggiungere manualmente un pulsante “Mi piace” di Facebook in WordPress

Un altro modo per aggiungere un pulsante Facebook Like è quello di utilizzare un codice personalizzato. Tuttavia, questo metodo richiede l’aggiunta di codice direttamente a WordPress, quindi lo consigliamo solo a chi ha dimestichezza con la modifica del codice.

In questa sezione utilizzeremo il plugin WPCode, che rende semplice per chiunque aggiungere codice al proprio blog WordPress.

Ma prima è necessario visitare la pagina “Pulsante Mi Piace” sul sito web di Meta for Developers e scendere fino alla sezione “Configuratore di pulsanti Mi Piace”.

Get code from Facebook developer site

Inserite quindi l’URL della vostra pagina di Facebook nel campo “URL to Like”. Questo collegherà il pulsante Mi piace di Facebook alla vostra pagina.

Successivamente, è sufficiente utilizzare la configurazione per scegliere il layout e le dimensioni del pulsante Mi piace. Si vedrà anche l’anteprima del pulsante Mi piace.

Una volta soddisfatti dell’anteprima, fare clic sul pulsante “Ottieni codice”. Si aprirà una finestra pop-up che mostra due frammenti di codice sotto la scheda “JavaScript SDK”.

Copy the SDK code

NON SI TRADUCE: l’aggiunta diretta di questi frammenti di codice al tema di WordPress può danneggiare il sito web. Inoltre, verranno sovrascritti quando si aggiorna il tema.

Per questo consigliamo di utilizzare il plugin WPCode. Questo plugin consente di incollare frammenti di codice nel sito web e di gestire facilmente il codice personalizzato senza modificare direttamente i file del tema.

Per iniziare, è necessario installare e attivare il plugin gratuito WPCode. Per maggiori dettagli, consultate la nostra guida su come installare un plugin di WordPress.

Dopo l’attivazione, potete andare su Code Snippets ” Header and Footer dalla vostra Bacheca di WordPress.

Quindi, dovrete copiare il primo frammento di codice e aggiungerlo al file header.php del vostro tema WordPress, subito dopo il tag <body>. Copiate semplicemente il codice e inseritelo nella sezione “Contenuto”.

Dopo aver completato questo processo, non dimenticate di cliccare sul pulsante “Salva modifiche”.

Add first code to header section

Successivamente, dovrete copiare il secondo pezzo di codice e incollarlo nel vostro sito WordPress per visualizzare il pulsante “Mi piace” di Facebook.

Per farlo, si può andare su Code Snippets ” + Add Snippet dal pannello di amministrazione di WordPress. Oppure, è sufficiente fare clic sul pulsante “Aggiungi nuovo” nella dashboard di WPCode.

Click 'Add New Snippet' in WPCode

Nella schermata successiva, WPCode consente di selezionare uno snippet dalla libreria precostituita o di aggiungere un nuovo codice personalizzato.

Scegliere l’opzione “Aggiungi codice personalizzato (nuovo snippet)” e fare clic sul pulsante “Usa snippet”.

Add custom code in WPCode

Dopodiché, si può dare un nome al codice personalizzato e inserire il secondo frammento di codice nella sezione “Anteprima del codice”.

Assicurarsi di fare clic sul menu a discesa “Tipo di codice” e selezionare “Snippet HTML” come tipo di codice.

Enter second code and select code type

Poi, si può scendere fino alla sezione ‘Inserimento’ e selezionare il punto in cui si desidera che appaia il pulsante Mi piace di Facebook. Ad esempio, si vuole che appaia prima del contenuto.

È sufficiente fare clic sul menu a discesa ‘Posizione’ e scegliere l’opzione Inserisci prima del contenuto in ‘Pagina, Post, Tipi di contenuto personalizzati’.

Select location of like button

Una volta terminato, si può fare clic sul pulsante “Salva snippet”.

Dovrete anche fare clic sulla levetta e passare da “Inattivo” ad “Attivo”.

Save and activate code snippet WPCode

Ecco fatto. Dopo aver inserito il codice, sul vostro sito web comparirà un pulsante “Mi piace” di Facebook.

Cos’è il metadato Open Graph e come aggiungerlo a WordPress?

Open Graph è un metadato che aiuta Facebook a raccogliere informazioni su una pagina o un post del vostro sito WordPress. Questi dati includono un’immagine di anteprima, il titolo del post/pagina, la descrizione e l’autore.

Facebook è abbastanza intelligente nel richiamare i campi del titolo e della descrizione. Tuttavia, se il post ha più di un’immagine, a volte può mostrare una miniatura errata quando viene condiviso.

Se si utilizza già il plugin All in One SEO (AIOSEO), è possibile correggere facilmente il problema visitando All in One SEO ” Social Networks e facendo clic sulla scheda Facebook.

Quindi, fare clic sul pulsante “Uploader o Select Image” per impostare una “Default Post Facebook Image” se l’articolo non ha un’immagine open graph.

Upload default Facebook image

Inoltre, è possibile configurare un’immagine open graph per ogni singola pagina o pubblicazione.

Quando si modifica una pubblicazione, è sufficiente scendere alla sezione Impostazioni AIOSEO nell’editor dei contenuti. Successivamente, è possibile passare alla scheda “Social” e vedere l’anteprima della miniatura.

AIOSEO product social sharing settings

A questo punto, scorrere verso il basso fino all’opzione “Fonte immagine”. Quindi, scegliete un’immagine open graph per la vostra pubblicazione.

Ad esempio, è possibile selezionare “Immagine allegata”, “Prima immagine nel contenuto” o “Immagine personalizzata” da usare come miniatura del grafico aperto.

Image source for open graph

Per maggiori dettagli e modi alternativi di aggiungere i metadati Open Graph, consultate gratuitamente la nostra guida su come add-onare i metadati Open Graph di Facebook in WordPress.

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere un pulsante “Mi piace” di Facebook in WordPress. Inoltre, potreste voler consultare la nostra guida su come visualizzare le recensioni della pagina Facebook in WordPress o la nostra selezione dei migliori plugin per i media per 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

176 commentiLascia una risposta

  1. Earl Jones

    I’ve added the wp-like-button to my blog pages and configured it according to directions. The like counter goes up, so I know that readers are clicking the button, but where do I find the names of these readers so that I can follow-up with them?

    • WPBeginner Support

      At this time the plugin does not track that information.

      Admin

  2. Michel

    Hi Wp Beginner :)

    Just wanna say thank you for all the great articles!
    They allready have helped me a lot, easy to understand…..Love it!

    Cheers guys, keep on doing like you do :)

    • WPBeginner Support

      You’re welcome, glad our articles have been helpful :)

      Admin

  3. Macdonald

    Hi, all.
    I am using Blog Bank Wordpress theme which has nicely built Facebook, Twitter, Google+ and LinkedIn buttons but I cannot seem to make them work as intended (refer to my respective social sites). I would like to know if there is a way to do it.
    Thank you for the continual great work you are doing for us, beginners.

    • WPBeginner Support

      You would want to reach out to your theme’s support for this issue and they should be able to let you know if it is an error with the theme itself or a method to resolve the issue.

      Admin

  4. stephen Mgbemena

    Please admin, I’m using the header and footer plugin on my wordpress blog. I added the code on the footer and it’s showing the like button on the down end of my blog. Please how can I add it so it can show right after every single post. Thanks

  5. Mary

    The WordPress plugin worked perfect. Thanks for tutorial. :)

  6. soshail akash

    I am unable to make the plugin work on Archives :( It works perfectly fine on Single Posts.

    Your help would mean a lot

  7. Jonathan

    You said “You can leave the URL field empty, as we will dynamically fill in the URL in WordPress.”

    I was expecting to article to then say what code to put in in order to dynamically fill the URL.

    Does the URL fill dynamically if we leave the data-href blank, with no further action needed?

  8. Vipin

    How do I show facebook like counts in the post meta.
    Like this: Posted by Admin in Technology on Date | 2 comments | 5 Likes

  9. Sandeep kumar

    Jetpack plugin also offers like button.

  10. Ahmed

    i want change size of button to be more big

  11. Toon

    So far so good, this works.
    But how can I get rid of that popup window as soon as you hit the button.

  12. Len Vanderlinde

    Have set up a personal web site (not for profit) rather then a blog using Wordpress. Very impressed that I was able to do it with my very limited web knowledge. Would like to add a Facebook like button but your instructions do not work for my home page?
    Thanks Len

  13. suzannah

    THANK YOU. This worked like a charm. Any ideas how to do this on a page instead of just a post? Thanks!!! This is my new favorite site!

  14. Patrick

    Hi,

    This tutorial sounds like chinese to me. You use vocabulary which assumes certain knowledge that beginners do not have.
    ” First open your single.php file in your theme’s folder. Then paste the following code inside your post loop:”
    What does that mean?
    I understand that you keep your posts short, but very often they are really too short !
    Thanks

  15. mark

    Hi,

    question, how do i inline FB like with Google +1 and other buttons, pretty much as you did here?

    Thank you,
    Mark

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.