Incoraggiare la condivisione sui social tra i vostri clienti e fan può essere un ottimo modo per estendere la vostra portata online, ma nessuno condividerà i vostri contenuti se è un lavoro faticoso farlo.

Dimenticatevi di costringere le persone a copiare e incollare i link: con un semplice codice, potete aggiungere pulsanti per i social media che consentono agli utenti di condividere i vostri contenuti sul web con un paio di clic.

Indice dei contenuti

Tipi di pulsanti per i social media

Pulsanti per i social media per Facebook

Pulsanti per i social media per Instagram

Pulsanti per i social media per LinkedIn

Pulsanti per i social media per Twitter

Pulsanti per i social media per YouTube

Pulsanti per i social media per Pinterest

Pulsanti per i social media per SMMExpert

Tipi di pulsanti per i social media

I tipi più comuni di pulsanti dei social media offrono le funzioni di condivisione, mi piace e segui. Ognuno di essi ha uno scopo diverso e le modalità di funzionamento variano un po' da una rete all'altra, ma in genere ogni tipo fa ciò che il nome implica:

• Pulsanti di condivisione consentire agli utenti di condividere i vostri contenuti con amici e follower
• Pulsanti "Mi piace consentire loro di dare ai vostri contenuti un pollice virtuale verso l'alto
• Seguire i pulsanti li iscriverà ai vostri aggiornamenti sul social network specificato

Tutti i pulsanti dei social media presenti in questo post sono attivi, quindi potete interagire con loro per vedere esattamente come funzionano. Li abbiamo creati utilizzando gli strumenti indicati di seguito per ciascun social network.

Pulsanti per i social media per Facebook

Facebook offre diversi pulsanti per i social media: condividi, segui, mi piace, salva e invia.

Pulsante di condivisione di Facebook

Come funziona

L'aggiunta di un pulsante di condivisione di Facebook al vostro sito web, non a caso, consente ai visitatori di condividere i vostri contenuti con i loro amici e follower su Facebook. Possono scegliere di condividere i vostri contenuti sulla loro timeline, in un gruppo o persino in un messaggio privato utilizzando Facebook Messenger. Gli utenti possono anche aggiungere il loro messaggio personalizzato al contenuto condiviso prima di pubblicarlo.

Come aggiungere un pulsante di condivisione su Facebook

Utilizzate il configuratore di pulsanti di condivisione di Facebook per creare il codice del pulsante di condivisione da incollare nell'HTML del vostro sito web.

Opzioni del pulsante di condivisione di Facebook

Quando includete un pulsante di condivisione di Facebook sul vostro sito, potete scegliere se mostrare il numero di volte in cui la pagina è già stata condivisa (come abbiamo fatto nel pulsante qui sopra). Se la vostra pagina riceve molte condivisioni sui social, questo numero può fornire un'ottima prova sociale del valore dei vostri contenuti.

Pulsante di follow di Facebook

Come funziona

Il pulsante Segui consente agli utenti di iscriversi agli aggiornamenti pubblici della pagina Facebook in questione.

Come aggiungere un pulsante di follow di Facebook

Utilizzate l'interfaccia del pulsante di follow di Facebook per creare un codice da copiare e incollare nel vostro HTML.

Opzioni del pulsante di follow di Facebook

Potete scegliere di mostrare il numero di persone che già seguono la vostra pagina selezionando le opzioni "conteggio dei riquadri" o "conteggio dei pulsanti". Per una riprova sociale personalizzata, potete scegliere di mostrare ai visitatori quali dei loro amici di Facebook già seguono la vostra pagina, e persino mostrare i volti di questi seguaci, selezionando l'opzione "standard" e facendo clic sulla casella Mostra volti.

Pulsante "Mi piace" di Facebook

Come funziona

Fare clic sul pulsante Mi piace sul vostro sito web ha lo stesso effetto di fare clic su Mi piace su uno dei vostri post di Facebook. Il contenuto apprezzato viene visualizzato nella timeline di Facebook dell'utente e può apparire nel newsfeed dei suoi amici.

Come aggiungere un pulsante "Mi piace" a Facebook

Andate al configuratore del pulsante Mi piace di Facebook per creare il codice da copiare e incollare nel vostro HTML.

Opzioni del pulsante "Mi piace" di Facebook

Come per gli altri pulsanti di Facebook, potete scegliere di mostrare il numero di volte in cui la pagina è già piaciuta. Potete anche fornire un pulsante personalizzato che mostri quali amici di Facebook dell'utente hanno già apprezzato la pagina.

Un'altra opzione interessante è la possibilità di scegliere che il pulsante dica "Consiglia" invece di "Mi piace".

Pulsante Salva su Facebook

Come funziona

Il pulsante Salva su Facebook funziona proprio come l'opzione Salva sui post di Facebook: salva il link nell'elenco privato dell'utente, in modo che possa tornarci in un secondo momento; in sostanza, lo segnala all'interno di Facebook e lo rende facile da condividere in seguito.

Come aggiungere un pulsante Salva su Facebook

Utilizzate il configuratore del pulsante Salva di Facebook per creare il codice da incollare nel vostro HTML.

Pulsante di invio di Facebook

Come funziona

Il pulsante di invio di Facebook consente agli utenti di inviare contenuti del vostro sito web direttamente ai loro amici tramite un messaggio privato su Facebook Messenger, una forma di condivisione sociale oscura.

Come aggiungere un pulsante di invio a Facebook

Avete indovinato: Facebook ha un configuratore di pulsanti di invio che vi fornisce il codice da incollare nel vostro HTML.

Pulsanti per i social media per Instagram

Instagram non offre pulsanti Condividi o Mi piace, il che ha senso, poiché la natura di Instagram come piattaforma mobile per la condivisione di foto e video non è adatta al gradimento e alla condivisione di contenuti web.

Al contrario, Instagram offriva badge che potevano essere utilizzati per inviare le persone dal proprio sito web direttamente al feed di Instagram, ma questi badge non sono più disponibili. Le modifiche all'API di Instagram hanno inoltre reso difficile per i fornitori di terze parti creare pulsanti e badge di Instagram funzionali.

Ciò significa che vi restano poche opzioni in termini di pulsanti di condivisione sociale per Instagram, ma c'è una soluzione semplice: incorporare un post di Instagram.

Oltre alla foto, il post incorporato include un pulsante di follow attivo che consente agli utenti di seguire il vostro account senza lasciare il vostro sito web. Potreste anche pubblicare su Instagram una foto che userete specificamente per questo scopo, una sorta di post sempreverde che evidenzi il valore del vostro account Instagram.

Un post condiviso da SMMExpert (@hootsuite)

Oppure potreste creare un post su Instagram che si riferisce direttamente al contenuto di una pagina specifica. Ovviamente non vorrete farlo su tutte le vostre pagine web, ma incorporare una foto Instagram pertinente può essere un'ottima opzione nei post del blog.

Come incorporare un post di Instagram con un pulsante di follow

1. Navigare fino al post specifico che si desidera incorporare, oppure andare al proprio profilo Instagram e scorrere indietro per trovare una scelta pertinente.
2. Fare clic sul post
3. Fare clic sul pulsante Più ( ... ) in basso a destra
4. Selezionare Incorporato
5. Scegliere se includere la didascalia e fare clic su Copiare il codice di incorporamento
6. Inserite il codice nel vostro HTML

Pulsanti per i social media per LinkedIn

LinkedIn offre un codice JavaScript personalizzato per i pulsanti Condividi e Segui.

Pulsante di condivisione di LinkedIn

Come funziona

Il pulsante di condivisione di LinkedIn combina le funzioni dei pulsanti di condivisione e di invio di Facebook. Permette agli utenti di condividere i contenuti su LinkedIn in diversi modi: sul loro profilo pubblico, con i loro contatti, in un gruppo o in un messaggio a una o più persone. Facendo clic sul pulsante si apre una finestra pop-up che offre la possibilità di aggiungere un messaggio personale al post, oltre alle opzioni di condivisione.

Come aggiungere un pulsante di condivisione su LinkedIn

Andate al generatore di plugin di condivisione di LinkedIn per creare un codice JavaScript da incollare nel vostro HTML.

Opzioni del pulsante di condivisione di LinkedIn

Potete scegliere se mostrare il numero di volte in cui il vostro contenuto è già stato condiviso su LinkedIn.

Pulsante di follow di LinkedIn

Come funziona

Facendo clic sul pulsante di follow di LinkedIn, gli utenti possono seguire la vostra azienda su LinkedIn senza lasciare il vostro sito web.

Come aggiungere un pulsante di follow su LinkedIn

Utilizzate il generatore del plugin LinkedIn follow company per creare il codice da incollare nel vostro HTML.

Opzioni del pulsante di follow di LinkedIn

Come per il pulsante di condivisione di LinkedIn, potete scegliere di mostrare il numero di persone che già seguono la vostra azienda su LinkedIn come parte del pulsante di follow.

Ma c'è anche un'opzione più interessante da esplorare. Il plugin del profilo aziendale funziona in modo simile a un semplice pulsante "segui", ma fornisce ulteriori informazioni sulla vostra azienda con il semplice passaggio del mouse. Per provarlo, provate a passare il mouse sul pulsante qui sotto.

È possibile crearne uno proprio utilizzando il generatore di plugin per il profilo aziendale di LinkedIn.

Pulsanti per i social media per Twitter

Oltre ai pulsanti standard di condivisione e follow, Twitter offre pulsanti per twittare con un particolare hashtag o per @-menzionare qualcuno con un clic del mouse. C'è anche un pulsante che consente a qualcuno di inviarvi un messaggio privato su Twitter.

Pulsante di condivisione di Twitter

Come funziona

Quando un utente fa clic sul pulsante Tweet, si apre una finestra pop-up con un Tweet contenente il titolo della pagina e il suo URL, oppure è possibile impostare un URL personalizzato. Un URL personalizzato consente di includere parametri UTM per monitorare il traffico ottenuto dal pulsante di condivisione di Twitter. L'utente può aggiungere altro testo, se lo desidera, prima di inviare il Tweet.

Come aggiungere un pulsante di condivisione su Twitter

1. Andare su publish.twitter.com, scorrere verso il basso e fare clic su Pulsanti di Twitter
2. Cliccare Pulsante di condivisione
3. Sopra la casella del codice, fare clic su impostare le opzioni di personalizzazione
4. Immettere le preferenze per le opzioni Tweet e le dimensioni dei pulsanti, quindi fare clic su Aggiornamento
5. Copiate e incollate il codice fornito nel vostro HTML

Opzioni del pulsante di condivisione di Twitter

Utilizzando le opzioni di personalizzazione, si può scegliere di includere un hashtag e un nome utente "via", che garantisce il riconoscimento della fonte del contenuto. Si può anche scegliere di precompilare del testo.

Pulsante di follow di Twitter

Come funziona

Il pulsante di follow di Twitter non è altrettanto efficiente del pulsante di follow di Facebook, poiché richiede due clic da parte degli utenti. Facendo clic sul pulsante si apre una finestra pop-up con un'anteprima del profilo Twitter. L'utente deve fare nuovamente clic su Follow in questa finestra pop-up per completare il processo.

Come aggiungere un pulsante di follow a Twitter

1. Andare su publish.twitter.com, scorrere verso il basso e fare clic su Pulsanti di Twitter
2. Cliccare Segui il pulsante
3. Inserite il vostro account Twitter, compreso il simbolo @ (ad esempio, @SMMExpert).
4. Cliccare Anteprima
5. Sopra la casella del codice, fare clic su impostare le opzioni di personalizzazione
6. Immettere le preferenze per le opzioni Tweet e le dimensioni dei pulsanti, quindi fare clic su Aggiornamento
7. Copiate e incollate il codice fornito nel vostro HTML

Opzioni del pulsante di follow di Twitter

È possibile scegliere se mostrare o nascondere il nome utente sul pulsante e se desiderare che il pulsante sia piccolo o grande. È inoltre possibile scegliere la lingua in cui visualizzare il pulsante.

Pulsante di menzione di Twitter

Come funziona

Quando si fa clic sul pulsante di menzione di Twitter sul vostro sito web, viene visualizzata una finestra pop-up con un Tweet vuoto che inizia con una @-menzione del vostro nome utente. Questo può essere un ottimo modo per indurre i lettori a impegnarsi con il vostro team su Twitter o per incoraggiare le richieste di assistenza clienti attraverso la rete.

Come aggiungere un pulsante di menzione su Twitter

1. Andare su publish.twitter.com, scorrere verso il basso e fare clic su Pulsanti di Twitter
2. Cliccare Pulsante di menzione
3. Inserite il vostro account Twitter, compreso il simbolo @ (ad esempio, @SMMExpert).
4. Cliccare Anteprima
5. Sopra la casella del codice, fare clic su impostare le opzioni di personalizzazione
6. Immettere le preferenze per le opzioni Tweet e le dimensioni dei pulsanti, quindi fare clic su Aggiornamento
7. Copiate e incollate il codice fornito nel vostro HTML

Opzioni del pulsante di menzione di Twitter

È possibile scegliere di precompilare il testo del Tweet, il che può essere una buona idea se si utilizza il pulsante in una pagina di assistenza clienti. È inoltre possibile scegliere se il pulsante deve essere grande o piccolo e la lingua in cui visualizzare il testo del pulsante.

Pulsante hashtag di Twitter

Come funziona

Quando qualcuno fa clic su un pulsante hashtag di Twitter sul vostro sito web, si apre una finestra pop-up con un Tweet popolato con l'hashtag scelto. Questo è un ottimo modo per incoraggiare le persone a condividere contenuti con il vostro hashtag brandizzato o per motivarle a partecipare a una chat di Twitter.

Come aggiungere un pulsante hashtag a Twitter

1. Andare su publish.twitter.com, scorrere verso il basso e fare clic su Pulsanti di Twitter
2. Cliccare Pulsante Hashtag
3. Inserite l'hashtag scelto, compreso il simbolo # (ad esempio, #HootChat).
4. Cliccare Anteprima
5. Sopra la casella del codice, fare clic su impostare le opzioni di personalizzazione
6. Immettere le preferenze per le opzioni Tweet e le dimensioni dei pulsanti, quindi fare clic su Aggiornamento
7. Copiate e incollate il codice fornito nel vostro HTML

Opzioni del pulsante hashtag di Twitter

Come per il pulsante di menzione, è possibile inserire un testo precompilato, scegliere le dimensioni del pulsante e specificare la lingua in cui visualizzare il testo del pulsante. Si può anche scegliere di includere un URL specifico, che potrebbe funzionare bene se si archiviano le chat di Twitter o si raccolgono i contenuti generati dagli utenti su una pagina specifica. Si può anche scegliere una pagina di destinazione pertinente a una campagna hashtag specifica.

Pulsante per i messaggi di Twitter

Come funziona

Il pulsante per i messaggi di Twitter consente agli utenti di inviarvi un messaggio diretto privato su Twitter. Si noti che si tratta di una funzione diversa dal pulsante di invio di Facebook, che consente agli utenti di inviare i vostri contenuti in un messaggio privato a chiunque sia connesso. Con il pulsante per i messaggi di Twitter, gli utenti possono contattare solo voi, non chiunque altro su Twitter. Anche se questo non contribuirà ad estendere la vostra portata sociale, èpotrebbe essere un ottimo modo per incoraggiare le persone a contattare il vostro servizio clienti e i team di vendita attraverso Twitter.

Il pulsante per i messaggi di Twitter funziona meglio se il vostro account è impostato in modo da consentire i messaggi diretti da parte di chiunque, altrimenti le persone che non vi seguono non potranno inviarvi messaggi e potrebbero finire per sentirsi frustrate dal vostro marchio.

Come aggiungere un pulsante per i messaggi di Twitter

1. Accedere al proprio account Twitter
2. Nella colonna di sinistra, fare clic su Privacy e sicurezza
3. Scorrere fino a Messaggio diretto e selezionare la casella accanto a Ricevere messaggi diretti da chiunque
4. Nella colonna di sinistra, fare clic su I tuoi dati Twitter. Potrebbe essere necessario inserire la password per accedere a questa schermata.
5. Selezionate e copiate il vostro ID utente, che appare sotto il vostro nome utente.
6. Andare su publish.twitter.com, scorrere verso il basso e fare clic su Pulsanti di Twitter
7. Cliccare Pulsante Messaggio
8. Inserite il vostro nome utente nella casella superiore, includendo il simbolo @ (ad esempio, @SMMExpert).
9. Incollate il vostro ID utente nella casella in basso
10. Cliccare Anteprima
11. Sopra la casella del codice, fare clic su impostare le opzioni di personalizzazione
12. Immettere le preferenze per le opzioni Tweet e le dimensioni dei pulsanti, quindi fare clic su Aggiornamento
13. Copiate e incollate il codice fornito nel vostro HTML

Opzioni del pulsante del messaggio di Twitter

È possibile scegliere di precompilare il testo del messaggio, il che potrebbe funzionare bene se il pulsante si trova in una pagina in cui è probabile che gli utenti vi contattino per un prodotto specifico, un problema di assistenza clienti o una promozione. È inoltre possibile scegliere se mostrare il nome utente sul pulsante, la dimensione del pulsante e la lingua in cui visualizzare il testo del pulsante.

Pulsanti per i social media per YouTube

YouTube offre solo un pulsante per i social media, che consente agli utenti di iscriversi a un canale YouTube.

Pulsante di iscrizione a YouTube

Come funziona

Come il pulsante "follow" di Twitter, il pulsante di iscrizione di YouTube richiede due clic. Innanzitutto, quando qualcuno fa clic sul pulsante di iscrizione, il vostro canale YouTube si apre in una nuova finestra, con una casella di conferma dell'iscrizione. L'utente deve quindi fare nuovamente clic su "iscriviti" perché l'iscrizione diventi effettiva.

Come aggiungere un pulsante di iscrizione a YouTube

Utilizzate la pagina di YouTube Configura un pulsante per creare il codice da incollare nel vostro HTML.

Opzioni del pulsante di iscrizione a YouTube

La configurazione del pulsante di iscrizione di YouTube prevede alcune opzioni: la possibilità di includere l'immagine del profilo di YouTube, uno sfondo scuro dietro il pulsante e la possibilità di mostrare il numero di abbonati esistenti. Come per gli altri network, evidenziare un numero elevato di abbonati può essere un ottimo segnale di riprova sociale.

Pulsanti per i social media per Pinterest

Pulsante di salvataggio di Pinterest

Come funziona

Il pulsante di salvataggio di Pinterest è equivalente al pulsante di condivisione di altre reti: salvare i contenuti in una bacheca di Pinterest ne amplia la portata. Poiché Pinterest è una piattaforma basata sulle immagini per tenere traccia di informazioni e idee, funziona in modo leggermente diverso dai pulsanti di condivisione di altre reti. Il pulsante di salvataggio di Pinterest può essere impostato sul vostro sito in tre modi diversi:

1. Passaggio dell'immagine Anziché inserire un pulsante Pinterest indipendente sul vostro sito web, questa opzione crea un codice che fa apparire un pulsante Pin It quando si passa il mouse su un'immagine qualsiasi della vostra pagina. È l'opzione più consigliata da Pinterest.
2. Qualsiasi immagine Con questa opzione si inserisce un pulsante di Pinterest nella pagina web, cliccando sul quale l'utente ha la possibilità di salvare le immagini del sito nella propria bacheca di Pinterest.
3. Un'immagine In questo caso, il pulsante di salvataggio si applica solo a una singola immagine della pagina. Questa è l'opzione più complicata in termini di codifica.

Come aggiungere un pulsante di salvataggio Pinterest - immagine hover o qualsiasi stile di immagine

1. Andate al widget builder di Pinterest e cliccate su Pulsante di salvataggio
2. Scegliere il tipo di pulsante che si desidera utilizzare: immagine hover o qualsiasi immagine
3. Selezionare le opzioni preferite per la dimensione e la forma dei pulsanti
4. Passare il mouse sull'immagine di esempio per visualizzare l'anteprima del pulsante
5. Copiate il codice del pulsante e incollatelo nel vostro HTML.
6. Per l'opzione qualsiasi immagine, copiare e incollare lo script pinit.js dalla parte inferiore della pagina di creazione del widget nel vostro HTML, proprio sopra il tag

Come aggiungere un pulsante di salvataggio Pinterest - uno stile di immagine

1. Andate al widget builder di Pinterest e cliccate su Pulsante di salvataggio
2. Selezionare le opzioni preferite per la dimensione e la forma dei pulsanti
3. In una nuova finestra del browser, andare alla pagina del sito web in cui compare l'immagine su cui si vuole lavorare.
4. Copiare e incollare il file URL di quella pagina web nella casella dell'URL nel costruttore di widget.
5. Nella pagina web, fare clic con il tasto destro del mouse sull'immagine che si desidera elaborare e selezionare Copiare l'URL dell'immagine
6. Incollare l'URL dell'immagine nel campo Immagine nel costruttore di widget
7. Inserite una descrizione per l'immagine nel campo Descrizione nel costruttore di widget, che apparirà sotto la vostra immagine quando qualcuno la salverà su Pinterest.
8. Fare clic sul campione Appuntalo nel costruttore di widget per testare il pulsante
9. Copiate il codice del pulsante e incollatelo nel vostro HTML.
10. Copiate e incollate lo script pinit.js dal fondo della pagina del costruttore di widget nel vostro HTML, proprio sopra il tag

Opzioni del pulsante di salvataggio di Pinterest

Oltre a scegliere il tipo di pulsante da utilizzare, è possibile personalizzarne la forma (rotonda o rettangolare), le dimensioni (piccole o grandi) e la lingua. Si può anche scegliere se mostrare il numero di Pin esistenti per la propria immagine.

Pulsante di follow di Pinterest

SMMExpert

Come funziona

Quando qualcuno fa clic sul pulsante "Segui" di Pinterest sul vostro sito web, viene visualizzata una finestra di anteprima che mostra i vostri ultimi pin, quindi fa clic sul pulsante "Segui" all'interno dell'anteprima per iniziare a seguire il vostro account Pinterest.

Come aggiungere un pulsante di follow di Pinterest

1. Andate al widget builder di Pinterest e cliccate su Seguire
2. Inserite l'URL del vostro profilo Pinterest
3. Inserite il nome della vostra azienda così come desiderate che appaia sul pulsante
4. Copiate il codice del pulsante e incollatelo nel vostro HTML.
5. Copiate e incollate lo script pinit.js dal fondo della pagina del costruttore di widget nel vostro HTML, proprio sopra il tag

Opzioni del pulsante di follow di Pinterest

L'unica opzione che avete a disposizione con il pulsante "Segui" di Pinterest è la visualizzazione del nome della vostra azienda. Potete usare il vostro nome utente Pinterest o il nome completo della vostra azienda. In ogni caso, attenetevi a qualcosa di facile da capire per gli utenti.

Pulsanti per i social media per SMMExpert

SMMExpert offre un pulsante per i social media che consente agli utenti di condividere i vostri contenuti su tutte le reti che hanno collegato alla loro dashboard SMMExpert.

Pulsante di condivisione SMMExpert

Come funziona

Quando un utente fa clic sul pulsante SMMExpert sul vostro sito web, si apre una finestra con un'interfaccia che contiene un link al vostro contenuto. L'utente può scegliere su quali social network condividerlo: Twitter, Facebook, LinkedIn, Google+ o tutti i precedenti. Può aggiungere un messaggio personale prima della condivisione e decidere se postare subito, programmare il post per un momento specifico in futuro o usareLa funzione di programmazione automatica di SMMExpert.

Come aggiungere un pulsante di condivisione SMMExpert

Andate su hootsuite.com/social-share, inserite il vostro URL e copiate e incollate il codice nel vostro HTML.

Opzioni del pulsante di condivisione di SMMExpert

È possibile scegliere tra diversi stili di pulsanti.

Portate le vostre competenze sui social media a un livello superiore con la formazione online gratuita e i video di SMMExpert Academy .

Iniziare