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 i pulsanti di condivisione sociale in WordPress (Guida per principianti)

Nel mondo di oggi, i media sono la fonte principale di scoperta dei contenuti per molti utenti. Il nostro team comprende l’immenso potenziale della condivisione sui social per i creatori di contenuti e ha scritto centinaia di articoli sul social media marketing.

L’integrazione dei pulsanti di condivisione sociale sul vostro sito web WordPress consente ai visitatori di condividere facilmente i vostri contenuti con i loro network o reti sociali. In questo modo è possibile aumentare la portata del vostro sito, guidare nuovo traffico e favorire l’engagement degli utenti.

Oltre alla semplice condivisione, la visualizzazione del conteggio delle condivisioni sui social può aumentare ulteriormente la fiducia degli utenti e incoraggiare i clic, mostrando la popolarità esistente dei vostri contenuti.

In questo articolo vi mostreremo come aggiungere facilmente pulsanti di condivisione sociale e visualizzare il conteggio delle condivisioni sul vostro sito web WordPress.

Add Social Share Buttons in WordPress (Beginner's Guide)

Perché aggiungere i pulsanti di condivisione sociale in WordPress?

I social network sono oggi una delle attività online più popolari. Ecco perché il social media marketing è oggi una parte fondamentale della strategia di crescita di ogni piccola impresa.

Se volete raggiungere un maggior numero di potenziali clienti, le piattaforme dei social media sono canali molto efficaci per comunicare con nuove persone.

Il problema è che quando si condividono i contenuti sui profili dei social media, questi raggiungono solo un numero limitato di follower.

Tuttavia, aggiungendo i pulsanti di condivisione sociale, potete incoraggiare i visitatori a condividere i vostri contenuti sui loro social media. In questo modo i vostri contenuti saranno visti dai loro amici e follower, che potranno aggiungere commenti, mettere “mi piace” e condividere nuovamente i contenuti.

In questo modo, i pulsanti di condivisione sociale possono contribuire a incrementare il traffico verso il vostro sito, a migliorare la vostra credibilità sociale, a generare più contatti e ad aumentare il coinvolgimento.

Detto questo, vediamo come aggiungere facilmente i pulsanti di condivisione sociale in WordPress. Potete usare i link rapidi qui sotto per passare a diverse parti del nostro tutorial:

Come aggiungere i pulsanti di condivisione sociale nei post e nelle pagine di WordPress

Per prima cosa, è necessario installare e attivare il plugin Social Snap. Per istruzioni dettagliate, potete consultare la nostra guida per principianti su come installare un plugin di WordPress.

Dopo l’attivazione, visitare la pagina delle impostazioni di Social Snap dalla barra laterale dell’amministrazione di WordPress. Espandere quindi la scheda “Condivisione sociale” dalla colonna di sinistra.

Expand the social sharing tab

Si apriranno nuove impostazioni nella barra laterale, dove si dovrà selezionare la scheda “Gestione reti”.

Quindi, fare clic sul pulsante “+ Aggiungi reti” per aggiungere un network o una rete di social media a scelta tra quelli proposti. È possibile aggiungere piattaforme come Facebook, Twitter, LinkedIn ed email.

È anche possibile configurare la visibilità dei pulsanti per i diversi dispositivi al passaggio del mouse sull’icona dell’occhio e spostando l’interruttore mobile su “On”. In questo modo i pulsanti di condivisione sociale verranno mostrati agli utenti che visitano il sito su dispositivi mobili.

Click the Add Network button to choose social media platforms for social sharing buttons

Quindi, uscire dalla scheda “Gestione reti”.

Si accede così alla pagina delle impostazioni generali, dove si può scegliere se aggiungere una barra fluttuante o dei pulsanti in linea per le icone di condivisione sociale.

Aggiungere pulsanti in linea di condivisione sociale

I pulsanti di condivisione sociale in linea saranno visualizzati nella parte superiore o inferiore dei post e delle pagine.

Per aggiungerli al sito, basta fare clic sulla scheda “Pulsanti in linea” per espanderla.

Choose the inline buttons tab

Si apriranno nuove impostazioni nella colonna di sinistra con un’anteprima dei pulsanti di condivisione sociale sul lato destro dello schermo.

Da qui è possibile configurare la posizione dei pulsanti. È possibile scegliere l’opzione “Sotto il contenuto” per visualizzare i pulsanti nella parte inferiore del contenuto e l’opzione “Sopra il contenuto” per visualizzare i pulsanti nella parte superiore della pagina.

Da qui è possibile anche personalizzare l’allineamento del pulsante e l’etichetta di condivisione, la forma e le dimensioni.

Customize your social sharing buttons

Quindi, scorrere fino alla sezione “Etichette dei pulsanti”, dove si può decidere se visualizzare il nome della piattaforma di social media, il conteggio delle condivisioni o entrambi.

Successivamente, è necessario scorrere verso il basso fino alla sezione “Visualizza su”. Qui è possibile selezionare la casella “Messaggi” se si desidera visualizzare i pulsanti di condivisione sociale solo sui post. È inoltre possibile selezionare il pulsante “Pagine” per mostrare i pulsanti di condivisione sociale sulle pagine “Chi siamo”, “Contatti” o “Archivi”.

Inoltre, è possibile selezionare l’opzione “Home” se si desidera visualizzare i pulsanti di condivisione sociale solo sulla pagina iniziale.

Choose where you want to display your social sharing buttons

Una volta terminato, non dimenticate di fare clic sul pulsante “Salva modifiche” in basso per memorizzare le impostazioni.

Ora potete visitare il vostro sito web WordPress per vedere i pulsanti di condivisione sociale in azione.

Social sharing buttons preview

Aggiungere una barra flottante per la condivisione sociale

Se decidete di aggiungere una barra fluttuante, i pulsanti di condivisione sociale verranno visualizzati sul lato dei post o delle pagine di WordPress.

Per farlo, basta aprire la scheda “Barra laterale fluttuante”.

Choose the floating bar option

Si apriranno alcune nuove impostazioni nella colonna di sinistra, da cui è possibile configurare la posizione, la dimensione e la forma delle icone della barra fluttuante.

Una volta fatto ciò, scorrere fino alla sezione “Visualizza su” e selezionare le pagine in cui si desidera visualizzare i pulsanti di condivisione sociale.

Ad esempio, se si desidera visualizzare la barra flottante di condivisione sociale solo sui post del blog, è possibile selezionare l’opzione “Post”.

Allo stesso modo, se si desidera visualizzare la barra fluttuante anche sulla pagina iniziale del sito, si può scegliere l’opzione “Home”.

Choose where to display your floating bar

Infine, fare clic sul pulsante “Salva modifiche” per memorizzare le impostazioni.

Ora potete visitare il vostro blog WordPress per vedere la barra flottante di condivisione sociale in azione.

Social sharing floating bar preview

Come aggiungere i pulsanti di condivisione sociale nelle immagini di WordPress

Se avete un sito web di fotografia, potete anche aggiungere pulsanti di condivisione sociale alle vostre immagini con l’aiuto del plugin Social Snap.

In questo modo gli utenti potranno condividere le vostre immagini sui loro social handle e contribuire a portare più traffico al vostro sito.

Per prima cosa, dovrete visitare la pagina Social Snap ” Impostazioni dalla dashboard di WordPress e fare clic sulla scheda ‘On Media’ per aprirla.

Choose the On Media tab to expand it

Una volta lì, scegliete il tipo di pulsante. È possibile aggiungere tutti i pulsanti di condivisione sociale nella parte superiore delle immagini o aggiungere un pulsante Pinterest.

Successivamente, è possibile selezionare le dimensioni, la forma, la visibilità e la posizione del pulsante.

Choose social share buttons or Pinterest button to display on top of images

Quindi, è possibile aggiungere l’altezza e la larghezza minime per un’immagine. Ciò significa che i pulsanti di condivisione non verranno visualizzati in un’immagine del vostro sito web che sia al di sotto del limite minimo di altezza e larghezza.

Successivamente, è necessario scorrere fino alla sezione “Visualizza su” e selezionare le opzioni per le pagine o i post in cui si desidera visualizzare i pulsanti di condivisione sociale sulle immagini.

È inoltre possibile impostare l’interruttore “Nascondi su cellulare” su “On” se non si desidera visualizzare i pulsanti di condivisione per le immagini sui dispositivi mobili.

Configure the display settings for the social share buttons in images

Infine, fare clic sul pulsante “Salva modifiche” per memorizzare le impostazioni.

Ora è sufficiente visitare il vostro sito WordPress per visualizzare i pulsanti di condivisione sociale nelle immagini.

Social Share buttons in images preview

Visualizzare i conteggi delle condivisioni sociali in WordPress

Se si desidera visualizzare anche il conteggio delle condivisioni accanto ai pulsanti di condivisione sociale, è necessario visitare la pagina Impostazioni di Social Snap ed espandere la scheda ‘Gestisci reti’ dalla colonna di sinistra.

Successivamente, scorrete verso il basso fino alla sezione “Facebook Share Count Provider”, dove potete selezionare una delle due fonti.

Choose SharedCount.com as the API for share counts

Tuttavia, si consiglia di selezionare l’opzione “SharedCount.com”. In questo modo, i conteggi saranno recuperati dall’API del servizio SharedCount. Ciò consente al plugin di recuperare tutti i conteggi con solo 2 chiamate API, il che è meglio per le prestazioni di WordPress.

Se si sceglie l’opzione “Facebook Graph API”, il conteggio delle condivisioni viene recuperato dall’API di Facebook, il che può rallentare il sito.

È possibile ottenere facilmente l’API di SharedCount registrando un account gratuito sul sito web SharedCount.com.

A tal fine, è necessario fornire un indirizzo e-mail e una password, quindi fare clic sul pulsante “Crea account”.

Create an account on SharedCount.com

Il sito web invierà un link di conferma al vostro indirizzo e-mail.

Cliccate sul link per verificare il vostro account.

Click account verification link

A questo punto, è necessario accedere nuovamente al proprio account SharedCount e visitare la pagina “Impostazioni” dal menu a discesa nell’angolo in alto a destra dello schermo.

Si aprirà una nuova pagina in cui verrà visualizzata la chiave API di SharedCount.

Copy your SharedCount API key

È necessario copiare questa chiave e tornare alla pagina delle impostazioni del plugin sul sito WordPress.

A questo punto, incollare la chiave API nel campo “SharedCount API Key”.

Quindi, fare clic sul pulsante “Salva modifiche” per memorizzare le impostazioni.

Paste your SharedCount.com API key

È quindi possibile inserire nuovamente questa chiave API per il conteggio delle condivisioni di Twitter. Infine, fare clic sul pulsante “Salva modifiche” per memorizzare le impostazioni.

Ora potete visitare il vostro sito web per vedere i pulsanti di condivisione sociale con il numero di condivisioni per ogni post del blog.

Social share buttons with share count preview

Come aggiungere i pulsanti di condivisione sociale alle landing page personalizzate

Se volete creare landing page personalizzate per il vostro sito web con pulsanti di condivisione sociale, potete farlo facilmente con SeedProd.

È il miglior costruttore di pagine WordPress sul mercato, dotato di un costruttore drag-and-drop, oltre 300 modelli predefiniti e blocchi avanzati per creare incredibili landing page con pulsanti di condivisione sociale.

Per prima cosa, è necessario installare e attivare il plugin SeedProd. Per istruzioni dettagliate, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Nota: SeedProd ha anche un piano gratuito che si può utilizzare per questa esercitazione. Tuttavia, l’aggiornamento al piano a pagamento sblocca ulteriori funzioni.

Dopo l’attivazione, visitare la sezione SeedProd ” Pagine di destinazione dalla dashboard di WordPress e fare clic sul pulsante “Aggiungi nuova pagina di destinazione”.

Click the Add New Landing Page button

In questo modo si accede alla schermata “Scegliere un nuovo modello di pagina”, dove sono presenti numerosi modelli predefiniti tra cui scegliere.

Una volta effettuata la scelta, vi verrà chiesto di inserire un nome per la landing page che state per creare.

Dopo aver inserito queste informazioni, è sufficiente fare clic sul pulsante “Salva e inizia a modificare la pagina” per continuare.

Enter your page details

In questo modo si avvia il costruttore drag and drop di SeedProd, dove si vedrà un elenco di blocchi nella colonna di sinistra e un’anteprima della pagina sulla destra.

È ora possibile trascinare e rilasciare diversi blocchi per costruire la pagina. Per maggiori dettagli, consultate il nostro tutorial su come creare una landing page in WordPress.

A questo punto, è sufficiente trovare e aggiungere il blocco Condivisione sociale dalla colonna di sinistra al posto che preferite nella pagina.

Add the social sharing block to the landing page

Successivamente, è necessario fare nuovamente clic sul blocco per aprire le sue impostazioni nella barra laterale. Da qui, è possibile scegliere la piattaforma di social media con il pulsante che si desidera aggiungere dal menu a discesa.

È inoltre possibile aggiungere un nuovo pulsante di condivisione sociale facendo clic sul pulsante “+ Aggiungi nuova condivisione” nella colonna.

Successivamente, è possibile configurare le dimensioni e l’allineamento del pulsante.

Choose a social media platform for the page

È anche possibile passare alla scheda “Avanzate” in alto per modificare la spaziatura, scegliere la visibilità del dispositivo, aggiungere CSS personalizzati e utilizzare effetti di animazione.

Una volta terminato, è sufficiente fare clic sul pulsante “Salva e pubblica” in alto per memorizzare le impostazioni.

Publish the landing page with the social sharing block

Ora basta visitare la landing page personalizzata per vedere i pulsanti di condivisione sociale in azione.

Ecco come appariva la pagina sul nostro sito web dimostrativo.

Landing page with the social sharing block

Bonus: Aggiungere un pulsante di condivisione WhatsApp in WordPress

Oltre alle piattaforme di social media, potete aggiungere un pulsante di condivisione di WhatsApp sul vostro sito WordPress. WhatsApp è un’applicazione di messaggistica istantanea che consente alle persone di tutto il mondo di mettersi in contatto tra loro.

Aggiungendo un pulsante di condivisione WhatsApp, permetterete agli utenti di condividere i contenuti del vostro sito con i loro contatti, compresi amici, familiari e colleghi. Questo può aumentare il coinvolgimento degli utenti, migliorare la visibilità dei contenuti e aiutarvi a espandere la portata del vostro marchio.

Potete aggiungere facilmente un pulsante di condivisione WhatsApp in WordPress con il plugin Sassy Social Share.

WhatsApp Share button

Per maggiori informazioni, consultate il nostro tutorial su come aggiungere una chatbox WhatsApp e i pulsanti di condivisione in WordPress.

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere pulsanti di condivisione sociale in WordPress. Potreste anche voler imparare come aggiungere le icone dei social media ai menu di WordPress e le nostre scelte dei migliori plugin per i social media di WordPress per far crescere il vostro seguito.

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

60 commentiLascia una risposta

  1. Saransh Agrawal

    really helpful for me

    • WPBeginner Support

      Glad to hear it was helpful :)

      Admin

  2. Pagula Majorda

    Hi
    Your writeup is good no doubt.
    I want to ask about the icons placed in the Top Bar, do you simply put the url, if so, what purpose does it serve? On a marketplace demos, I found the icons urls automatically changed to reflect the article I was reading. How does one do that? Any ideas will not only help your readers (I am one of them too), but it will increase the coverage of this article.
    Please keep up the good work

    • WPBeginner Support

      Using the Shared Count plugin would not require you to add a link to the social media platform, it would generate the post with a link to the post to share for the user and they would have the option to change the content before posting.

      Admin

  3. Sarwat

    Shared Count plugin is good but doesn’t have whatsapp.

    • WPBeginner Support

      Thanks for sharing that for those looking for a whatsapp button :)

      Admin

  4. Cathy

    do you know of a plugin that I could use my own custom icons for social sharing?

    • WPBeginner Support

      We do not have a recommended plugin for that at the moment but we will be sure to share if we have a recommended one :)

      Admin

  5. Robert B

    Well.. this plugin have not been updated since more than 2 years.

    Do you have an alternativ?

  6. Lynn Phillipi

    All these explanations were very helpful. Thanks so much.

    • WPBeginner Support

      Glad our guide was helpful :)

      Admin

  7. Allan Green

    New to the website builder club, and recently came across the wpbeginner group on facebook. Looking forward to learning lots of new things to build and improve my site.

    • WPBeginner Support

      We hope our content continues to be helpful :)

      Admin

  8. Izhar Ahmad Danish

    Wpbeginner is actually a WP-Pro

    I have been following your content for last two years, I have learned so many things from basic to pro. It also helped me in every minor errors, issues, even selection of Theme, hostings and Plugins.

    Kudos to Syed Balkhi and team

    • WPBeginner Support

      Glad our guides and content have been helpful :)

      Admin

  9. Sourabh

    Hey thanks for the guide.

    • WPBeginner Support

      Glad you found our guide helpful :)

      Admin

  10. Diane Hambrick

    Thank you for a great deal of valuable information! Sharing on social media is so important for our websites.

    • WPBeginner Support

      You’re welcome, glad our guide was helpful :)

      Admin

  11. Khalid

    Nice info and explanation, loved the floating icons, I will try them out.

    • WPBeginner Support

      Glad you liked our guide and recommendations :)

      Admin

  12. Christie

    So helpful! Thank you for adding the visuals!!

    • WPBeginner Support

      You’re welcome, glad our guide and visuals were helpful :)

      Admin

  13. Suzanne

    Thanks for your awesome tutorial solving step 1 in my issue with social media share butotns. Having successfully installed on a specific blogpost (icons are visible) the specific blogpost is not shared on fB, only a generic text and image about my site… what is missing?

  14. karima

    Great article as usual! Thanks

    • WPBeginner Support

      Thank you and you’re welcome :)

      Admin

  15. Syeda maham Fahim

    Great , Thank you

    • WPBeginner Support

      You’re welcome :)

      Admin

  16. Hemant Bisht

    Nicely Explained!

    • WPBeginner Support

      Thank you :)

      Admin

  17. Sojol Rana

    If you don’t mind, can you told me that what social share plugin you use in this site?

    • WPBeginner Support

      At the moment we’re using the shared counts plugin from this tutorial with custom styling :)

      Admin

  18. Ikechukwu

    Nice article but I have a little problem in displaying the share bottoms to my blog category post.

    The bottoms only show in pages instead of post how do I fix that

    Thank you.

    • WPBeginner Support

      You would want to reach out to the support for your theme and they should be able to help with the footer display.

      Admin

  19. Daniela

    Hi well written article thanks.. I was wondering is there a possibility to insert and have the same effect without a plugin I mean with php and jv using Facebook sharing.. Thanks for your reply.

    • WPBeginner Support

      We do not have a beginner-friendly method to add share buttons with JS and PHP

      Admin

  20. Benjamin

    Hi,

    What plugin are you using for your social shares?

    The share counts plugin doesn’t have an option to make it look like yours.

    Thanks

    • WPBeginner Support

      We added custom styling for the shared counts to look like they do on our site

      Admin

      • Benjamin

        Oh, I see

        Is there anywhere I can find this styling to make it look the same on my website? I really like the look!

        Thanks

        • WPBeginner Support

          Not at the moment but we will look into the possibility of including it in an article :)

  21. Martin Koss

    Which social sharing plugin do you use yourselves on your blog (and this post).
    Thanks.

    • WPBeginner Support

      At the moment we are using the shared counts plugin from the article :)

      Admin

  22. Valli

    As per this, am bit confused, whether you are suggesting to add both plugin “Shared count & Sassy social share” or any one is sufficient.
    curiously awaiting for your reply.

    • WPBeginner Support

      Either one is sufficient, they just have different design options depending on what you’re wanting to do.

      Admin

  23. Viktor

    Thanks for the description! I needed a few part of and I got the exact information!

    • WPBeginner Support

      Glad our guide was helpful :)

      Admin

  24. Lorelei

    Very helpful article and easy to follow! Thanks!

    • WPBeginner Support

      You’re welcome, glad you liked our article :)

      Admin

  25. Aman

    It was a fantastic blog post,
    Is there any step by step procedure for beginner in WP, like sequence of blog post or e-book

  26. Kane Martin

    I am regular visitor of wpbeginner. Thanks for doing great job again. Information is well organized and easy to understand, will help me. Can you suggest me some plugins which can display Flickr album on website?

    • WPBeginner Support

      Thank you, while we don’t have a recommendation at the moment, we will certainly keep an eye out :)

      Admin

  27. Xavier Jinan

    Should i use them when my theme already have share buttons ? Because a blog on Hostnoc suggested that adding the buttons can slowdown your website. So why should i use it ?

  28. Chukwuezugo

    What about AddToAny social share plugin? That’s what I use and I love it. You can tweak it to give you either the standard share icons or the floating icons.

  29. Micki

    I rely heavily on information found on WP beginner. The site has been invaluable to me in starting my blog.

    One question on this post: The plug in, Shared Counts, is untested with my version of WordPress. Since I update each time an update is available, I am assuming that it is untested with the most updated version of WordPress.

    I use the Classic Editor plug in, if that makes a difference.

    Is it still safe to use this plug in? It sounds like it is exactly what I am looking for but I am hesitant to install it.

    Any direction would be greatly appreciated.

    Thanks so much for the on-going help found on the site.

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.