Come aggiungere pulsanti di condivisione e retweet di Twitter in WordPress

Non c'è niente di più frustrante che pubblicare un ottimo articolo, solo per vederlo ottenere poca visibilità online.

Negli anni di crescita di WPBeginner, abbiamo imparato che più facile rendi la condivisione dei tuoi contenuti per le persone, più le condivideranno.

Twitter (X) rimane una delle piattaforme più efficaci per diffondere i tuoi contenuti e aumentare la visibilità.

Ecco perché il team di WPBeginner è attivo su Twitter e ci assicuriamo che i nostri contenuti siano facili da condividere! In questa guida, ti mostrerò due modi semplici e senza codice per aggiungere pulsanti di condivisione e retweet di Twitter al tuo sito WordPress per incoraggiare la condivisione sui social nei tuoi post. 🤳

Perché aggiungere pulsanti di condivisione e retweet di Twitter in WordPress?

Secondo recenti ricerche sulle statistiche di marketing, Twitter (X) ha oltre 250 milioni di utenti attivi mensili. Questo lo rende un ottimo posto per promuovere il tuo sito web.

Tuttavia, condividere i tuoi contenuti sui social media raggiunge solo gli utenti che seguono già il tuo account. Se vuoi raggiungere un nuovo pubblico, allora devi far sì che le persone condividano e ritwittino i tuoi contenuti.

Questo può aumentare il traffico del tuo blog introducendo il tuo marchio a persone che potrebbero non essere a conoscenza del tuo sito web. Ripubblicare i tuoi contenuti è anche una potente forma di prova sociale. Quando qualcuno condivide un post o un tweet con i propri follower, viene spesso visto come un'approvazione.

Detto questo, vediamo quanto è facile aggiungere pulsanti di condivisione e retweet X in WordPress. Utilizza semplicemente i collegamenti rapidi qui sotto per passare direttamente al metodo che desideri utilizzare:

• Method 1: Add a Twitter Share Button With Novashare (Straightforward)
  • Passaggio 1: Installa e attiva Novashare
  • Passaggio 2: Crea il tuo pulsante di condivisione Twitter
  • Passaggio 3: Personalizza l'aspetto del pulsante di condivisione
• Method 2: Let Users Retweet Your Tweets With Smash Balloon (Feature-Rich Option)
  • Passaggio 1: Configura Twitter Feed Pro
  • Passaggio 2: Crea un Live Twitter Feed per WordPress
  • Passaggio 3: Personalizza il tuo feed Twitter di WordPress
  • Passaggio 4: Aggiungi il tuo feed di Twitter a WordPress
• Scopri altri modi per utilizzare Twitter in WordPress

Metodo 1: Come aggiungere un pulsante di condivisione di Twitter in WordPress con Novashare

Secondo la mia esperienza, il modo più semplice per aggiungere un pulsante di condivisione di Twitter (X) a WordPress è utilizzare il plugin Novashare. È uno dei migliori plugin per i social media per WordPress che ti consente di aggiungere tutti i tipi di pulsanti di condivisione al tuo sito. Questi includono LinkedIn, Facebook e X.

💡 Nota: Il team di WPBeginner ha condotto ricerche approfondite su questo plugin e puoi scoprire tutto al riguardo nella nostra recensione completa di Novashare.

A differenza di altri plugin ingombranti, Novashare è focalizzato sulle prestazioni e funziona benissimo con molti temi WordPress popolari. Questo lo rende perfetto per i proprietari di siti che tengono alla velocità della pagina, allo stile e alla semplicità.

Passaggio 1: Installa e attiva Novashare

Il primo passo è installare e attivare il plugin.

Dovrai acquistare il plugin Novashare dal sito ufficiale di Novashare.

Dopodiché, puoi semplicemente seguire il processo di checkout per accedere alla tua dashboard di Novashare.

Quindi, vedrai la conferma del tuo acquisto, dove potrai trovare la chiave di licenza di Novashare, oltre al file .zip.

Scarica semplicemente il file, copia la tua chiave di licenza e conservala in un luogo sicuro.

Successivamente, nella tua area di amministrazione di WordPress, vai su Plugin » Aggiungi nuovo per installare il plugin.

Puoi caricare il file .zip di Novashare e fare clic su ‘Installa ora’ per avviare il processo, seguito da ‘Attiva’. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin di WordPress.

Dopo l'attivazione, dovrai attivare la tua chiave di licenza. Puoi farlo andando su Impostazioni » Novashare.

Nella schermata successiva, puoi fare clic su ‘Licenza’.

Dopodiché, inserisci semplicemente la tua chiave nel campo e fai clic su ‘Salva licenza’.

Fatto questo, sei pronto per creare il tuo pulsante di condivisione Twitter con Novashare.

Passaggio 2: Crea il tuo pulsante di condivisione Twitter

Per creare pulsanti di condivisione sui social media in Novashare, puoi lavorare nella sottomenu ‘Contenuto inline’ o ‘Barra mobile’.

Ti chiedi cosa significhi? Ecco le principali differenze:

• Contenuto inline: Per impostazione predefinita, questi utilizzano la dimensione media e mostrano il pulsante in alto o in basso (o entrambi), a seconda di ciò che scegli. Puoi anche posizionarli ovunque nella tua pagina utilizzando un blocco o uno shortcode.

• Barra mobile: Questi appaiono sul lato sinistro dello schermo sul desktop e rimangono in basso sul mobile. Utilizzano la dimensione del pulsante piccola per impostazione predefinita, ma il posizionamento può variare leggermente a seconda delle dimensioni dello schermo.

Per questa guida, utilizzerò lo stile ‘Contenuto inline’, quindi attiverò l'interruttore per abilitarlo.

In alternativa, puoi andare alla scheda Barra mobile e abilitarla.

Una volta attivato il tuo pulsante di condivisione preferito, cerca la sezione ‘Social Networks’ sottostante. Qui, fai clic sull'icona X per selezionarla.

Ecco fatto! Ma prima di salvare questa impostazione, vorrai personalizzare il tuo pulsante di condivisione di Twitter.

Passaggio 3: Personalizza l'aspetto del pulsante di condivisione

Scorrendo verso il basso nella scheda 'Contenuto inline', troverai diverse opzioni per personalizzare l'aspetto del tuo pulsante di condivisione di Twitter (X) e dove appare sul tuo sito.

Nella sezione 'Visualizzazione', puoi scegliere quali tipi di post mostreranno il pulsante di condivisione di Twitter. Basta selezionare le caselle desiderate. Ad esempio, per questo tutorial, lo abiliterò per 'Post'.

Successivamente, puoi decidere dove appare il pulsante: sopra il contenuto, sotto il contenuto o sia sopra che sotto il contenuto.

La funzione 'Mostra nei feed' ti consente di visualizzare i pulsanti anche all'interno dei feed RSS.

Quindi, 'Breakpoint mobile' imposta quando entra in vigore lo stile mobile, ad esempio 1200px. Nel frattempo, l'impostazione 'Nascondi sopra/sotto breakpoint' controlla la visibilità del pulsante in base alle dimensioni dello schermo.

Più in basso nella pagina, troverai la sottosezione 'Design'. Ecco cosa puoi personalizzare:

• Stile pulsante: Solido, Inverso, Etichetta bordata, Pulsante bordato, Etichetta minima, Minimo
• Layout pulsante: Larghezza automatica, 1-6 colonna/e
• Allineamento pulsante: Sinistra, Destra, Centro
• Dimensione pulsante: Piccolo, Medio, Grande
• Forma pulsante: Quadrato, Arrotondato, Circolare

Dopodiché, potresti voler cambiare il colore del pulsante. In tal caso, semplicemente muovi lo strumento contagocce per scegliere un colore.

Per questo tutorial, ho abilitato la funzione ‘Inverti al passaggio del mouse’ per rendere il pulsante più interattivo. Questo aggiunge un effetto al passaggio del mouse, dove i colori del pulsante si invertono quando qualcuno ci passa sopra il mouse, dando agli utenti un segnale visivo che è cliccabile.

Per renderlo ancora più interessante, puoi scegliere il colore del pulsante al passaggio del mouse utilizzando lo strumento contagocce. Ci sono anche impostazioni per regolare il margine del pulsante e la visualizzazione dell'etichetta.

Appena sotto la sottosezione ‘Design’, troverai ‘Conteggi di condivisione’.

Qui, puoi mostrare il numero totale di condivisioni su tutte le reti. E poi, potresti voler cambiare dove appare, ad esempio prima o dopo i pulsanti. Puoi anche modificare il colore per abbinarlo al tuo sito WordPress.

Vuoi mostrare anche le condivisioni per piattaforma? Sentiti libero di abilitare ‘Conteggi Condivisioni di Rete’.

Detto questo, tieni presente che alcune piattaforme di social media non supportano più i dati relativi ai conteggi di condivisione. Quindi, potrebbero non visualizzare un numero.

Infine, troverai la sottosezione ‘Call to Action‘.

Ti consente di aggiungere un breve testo descrittivo per guidare i lettori su cosa fa il pulsante, come ad esempio “Condividi questo post” o “Twitta ora.”

Puoi anche personalizzare la dimensione e il colore del carattere per abbinarli allo stile del tuo sito.

Dopo aver apportato le modifiche, puoi fare clic sul pulsante ‘Salva Modifiche’.

E questo è tutto! Novashare mostrerà immediatamente il pulsante di condivisione di Twitter (X) sui tuoi post. Ecco un esempio dal mio sito di test:

Metodo 2: Come consentire agli utenti di ritwittare i tuoi tweet in WordPress con Smash Balloon

Se vuoi aggiungere un semplice pulsante di condivisione a una pagina o a un post, allora Novashare è una buona opzione. Tuttavia, potresti anche voler incoraggiare i visitatori a ritwittare i tuoi tweet recenti. Questo può portarti più coinvolgimento e diffondere ulteriormente i tuoi contenuti.

Il modo migliore per ottenere più retweet è utilizzare Smash Balloon Twitter Feed Pro. Questo plugin per feed di Twitter ti consente di aggiungere l'intero feed di Twitter (X) a qualsiasi pagina, post o area predisposta per widget.

💡 Nota: Per maggiori informazioni sul plugin, consulta la recensione completa di Smash Balloon del team di WPBeginner.

Ogni tweet ha il proprio menu per le azioni di Twitter.

Ciò significa che i visitatori possono semplicemente ripubblicare un tweet cliccando sul pulsante ‘retweet’.

Ancora meglio, il feed si aggiorna automaticamente, quindi ci sono sempre nuovi tweet con cui i visitatori possono interagire. Questo può aiutare a mantenere il tuo sito fresco e interessante, anche per i visitatori frequenti.

Passaggio 1: Configura Twitter Feed Pro

Per prima cosa, dovrai creare un account SmashBalloon sul loro sito web. Fai semplicemente clic sul pulsante ‘Inizia’, scegli un piano e segui le istruzioni sullo schermo per completare il processo.

Al termine della registrazione, otterrai la tua dashboard Smash Balloon e una chiave di licenza. Da qui, puoi semplicemente tenere aperta la scheda o copiare la tua chiave di licenza in un posto sicuro. Ti servirà a breve.

Fatto ciò, è ora di installare e attivare Smash Balloon’s Twitter Feed Pro.

Dalla tua dashboard di amministrazione di WordPress, andiamo su Plugin » Aggiungi Nuovo Plugin.

Nella schermata successiva, utilizziamo la barra di ricerca per trovare rapidamente il plugin Smash Balloon Twitter Feed.

Nei risultati della ricerca, fai clic su ‘Installa ora’ e poi su ‘Attiva’.

Se hai bisogno di aiuto, consulta la guida di WPBeginner su come installare un plugin WordPress.

Dopo aver installato il plugin, vai su Twitter Feed » Settings. Ora puoi inserire la tua chiave di licenza Smash Balloon nel campo ‘License Key’.

Puoi trovare queste informazioni nell'email di conferma ricevuta al momento dell'acquisto di Smash Balloon e nel tuo account Smash Balloon.

Dopo aver aggiunto la tua chiave di licenza, fai clic sul pulsante ‘Activate’.

Passaggio 2: Crea un Live Twitter Feed per WordPress

Una volta fatto ciò, sei pronto per creare un feed Twitter personalizzato. Per iniziare, vai su Twitter Feed » Tutti i feed e quindi fai clic sul pulsante 'Aggiungi nuovo'.

Se questa è la prima volta che aggiungi un feed Twitter con Smash Balloon, ti verrà chiesto di verificare il tuo indirizzo email.

Fai semplicemente clic sul pulsante 'Connetti' per farlo e completa le istruzioni sullo schermo.

Una volta fatto, tornerai alla pagina del plugin. Smash Balloon mostrerà ora tutti i diversi tipi di feed Twitter che puoi creare.

Dato che desideri più retweet, seleziona semplicemente 'User Timeline' e fai clic su 'Avanti'.

Nella schermata successiva, devi digitare il simbolo @ seguito dal nome del tuo account Twitter (X).

Quando sei pronto, fai clic su 'Avanti' per aprire l'editor principale di Smash Balloon.

Successivamente, puoi scegliere il modello da utilizzare nel tuo feed Twitter.

Ad esempio, potresti mostrare i tuoi tweet in uno slider responsive selezionando ‘Simple Carousel. Se vuoi promuovere solo il tuo tweet più recente, puoi selezionare invece il modello ‘Latest Tweet’.

Userò il modello ‘Default’ per questo tutorial, ma puoi scegliere qualsiasi modello desideri.

Dopo aver preso la tua decisione, fai clic su ‘Next.’

Smash Balloon mostrerà ora un'anteprima del feed dei social media, pronto per essere personalizzato.

Passaggio 3: Personalizza il tuo feed Twitter di WordPress

Non sei soddisfatto dell'aspetto del modello? Per cambiarlo, seleziona semplicemente ‘Template’ dal menu a sinistra.

Puoi quindi fare clic sul pulsante ‘Change’.

Si aprirà una finestra popup dove potrai scegliere un nuovo layout.

Seleziona semplicemente un nuovo modello e quindi fai clic su ‘Update.’

Fatto ciò, devi fare clic sul link ‘Customize’.

Questo ti riporterà alle impostazioni principali di Smash Balloon.

L'opzione successiva nel menu a sinistra è ‘Feed Layout’, quindi fai clic su di essa.

Qui puoi cambiare l'altezza del feed di Twitter e il numero di tweet che il visitatore vede inizialmente. Puoi anche scegliere tra un layout Grid, Masonry o Carousel.

Man mano che apporti modifiche, l'anteprima si aggiornerà automaticamente, quindi puoi provare diverse impostazioni per vedere cosa sembra meglio.

A seconda del layout che stai utilizzando, potresti essere in grado di cambiare quante colonne Smash Balloon visualizza su desktop, tablet e dispositivi mobili.

Smartphone e tablet hanno in genere schermi più piccoli e meno potenza di elaborazione, quindi potresti voler mostrare meno colonne sui dispositivi mobili. Questo può aiutarti a mantenere il tuo sito ottimizzato per dispositivi mobili.

Per personalizzare questo in base al dispositivo, utilizza semplicemente i menu a discesa nella sezione 'Colonne'.

Quando sei soddisfatto di come è impostato il layout del feed, fai nuovamente clic sul link 'Personalizza' per tornare alla schermata principale delle impostazioni.

Qui, puoi fare clic su 'Schema colori'.

Per impostazione predefinita, Smash Balloon utilizza i colori ereditati dal tuo tema WordPress, ma puoi invece passare a uno schema colori 'Chiaro' o 'Scuro'.

Un'altra opzione è creare il tuo schema colori selezionando 'Personalizzato' e quindi utilizzando i controlli per cambiare il colore di sfondo, cambiare il colore del testo e altro ancora.

Quando sei soddisfatto delle modifiche, fai nuovamente clic sul link 'Personalizza'. Tornato alla schermata principale delle impostazioni, devi fare clic su 'Intestazione'.

Per impostazione predefinita, Smash Balloon aggiunge un'intestazione 'Standard' al feed, che mostra un pulsante 'Segui' e la tua bio di Twitter, se disponibile.

Se desideri nascondere la bio di Twitter, fai clic per disattivare l'interruttore 'Mostra bio'.

Un'altra opzione è selezionare 'Testo', che aggiunge un'intestazione 'Siamo su Twitter' al feed.

Puoi sostituire questo con il tuo messaggio digitandolo nella casella 'Testo'.

Quando sei soddisfatto del messaggio, puoi cambiare la dimensione e il colore dell'intestazione.

Dopodiché, torna alla schermata principale delle impostazioni di Smash Balloon e seleziona ‘Tweets’. Qui puoi scegliere tra ‘Tweet Style’ e ‘Edit Individual Elements’.

Se selezioni ‘Tweet Style’, puoi scegliere tra layout a riquadri e layout normali.

Se scegli ‘Boxed’, puoi creare uno sfondo colorato per ogni tweet. Puoi anche aumentare il raggio del bordo per creare angoli arrotondati o aggiungere un'ombra al box.

Se scegli 'Regolare', puoi cambiare lo spessore e il colore della linea che separa i tuoi diversi post sui social media.

Quando sei soddisfatto delle modifiche, fai semplicemente clic su 'Tweet'.

Questo ti riporta alla schermata precedente.

Questa volta, puoi fare clic su 'Modifica singoli elementi'.

Ora vedrai tutto il contenuto che Twitter Feed Pro include in ogni tweet, come l'autore, il testo del tweet, il logo di Twitter e altro ancora.

Per ottenere il maggior numero possibile di retweet, è una buona idea far risaltare l'icona di retweet. Per fare ciò, fai clic sulla freccia accanto a 'Azioni Tweet'.

Qui, puoi ingrandire le azioni dei tweet utilizzando il menu a discesa 'Dimensione' e cambiare il colore.

Tieni presente che Smash Balloon applicherà queste modifiche a tutte le azioni dei tweet e non solo all'icona di 'retweet'.

Quando sei soddisfatto dell'aspetto delle azioni dei tweet, fai semplicemente clic sul testo 'Elementi'.

Questo ti riporterà alla schermata precedente.

Ripeti semplicemente questo processo per personalizzare uno qualsiasi degli altri singoli elementi.

Puoi anche nascondere un elemento deselezionando la sua casella.

Nascondere contenuti non necessari è un altro trucco che può aiutare l'azione di retweet a risaltare.

Quando sei soddisfatto dell'aspetto dei tweet, puoi tornare alla schermata principale delle impostazioni di Smash Balloon e selezionare 'Pulsante Carica Altro'.

Poiché è un pulsante così importante, potresti volerlo personalizzare cambiando il colore di sfondo, lo stato al passaggio del mouse, l'etichetta e altro ancora per adattarlo al design del tuo sito.

Puoi anche sostituire il testo predefinito 'Carica Altro' con il tuo messaggio digitandolo nel campo 'Testo'.

Un'altra opzione è abilitare uno scorrimento infinito in modo che i nuovi tweet appaiano automaticamente quando i visitatori raggiungono la fine del feed. Questo incoraggia i visitatori a esplorare altri tuoi tweet e potrebbe farti ottenere alcuni retweet aggiuntivi.

Per abilitare questa funzionalità, fai semplicemente clic sul cursore 'Infinite Scroll' in modo che passi da grigio (disabilitato) a blu (abilitato).

Puoi anche modificare la 'Distanza di attivazione', che indica a Smash Balloon quando caricare nuovi tweet. Tuttavia, le impostazioni predefinite dovrebbero funzionare bene per la maggior parte dei siti Web WordPress.

Dopodiché, l'ultima opzione nella schermata principale delle impostazioni di Smash Balloon è 'Lightbox'.

Per impostazione predefinita, Twitter Feed Pro consente ai visitatori di scorrere le immagini e i video del feed in una finestra popup lightbox.

Questo può farti ottenere alcuni retweet aggiuntivi, poiché i visitatori possono vedere più da vicino le immagini del feed e guardare i tuoi video senza lasciare il sito Web.

Tenendo conto di ciò, consiglio di lasciare abilitata la lightbox.

Tuttavia, se desideri disabilitare questa funzionalità, fai semplicemente clic sull'interruttore blu 'Abilita' in modo che diventi grigio.

Quando sei soddisfatto dell'aspetto del feed di Twitter, non dimenticare di fare clic su 'Salva'. Dopodiché, sei pronto per incorporare il feed di Twitter e i pulsanti di retweet sul tuo sito Web WordPress.

Passaggio 4: Aggiungi il tuo feed di Twitter a WordPress

Puoi aggiungere il feed di Twitter al tuo sito Web utilizzando uno shortcode o il blocco Twitter Feed. Poiché è il metodo più semplice, vediamo prima come puoi aggiungere il feed a qualsiasi pagina o post utilizzando il blocco Smash Balloon.

Se hai creato più di un feed, dovrai trovare il codice per il feed che desideri incorporare.

Per ottenere queste informazioni, vai su Twitter Feeds » All Feeds e copia il codice nella colonna ‘Shortcode’. Dovrai aggiungere questo codice al tuo sito, quindi prendine nota.

Nell'immagine seguente, dovrai usare [custom-twitter-feeds feed=2]

Dopodiché, apri semplicemente la pagina o il post in cui desideri incorporare il feed di Twitter. Quindi, fai clic sull'icona '+' per aggiungere un nuovo blocco e inizia a digitare 'Twitter Feed'.

Quando appare il blocco corretto, fai clic per aggiungerlo al post del blog.

Il blocco mostrerà un tuo feed di Twitter per impostazione predefinita. Se desideri utilizzare un feed diverso, cerca 'Impostazioni Shortcode' nel menu a destra.

Qui, aggiungi semplicemente lo shortcode e quindi fai clic su 'Applica modifiche'.

Il blocco mostrerà ora il tuo feed di Twitter e potrai semplicemente pubblicare o aggiornare il post per renderlo live sul tuo sito web.

Un'altra opzione è aggiungere il feed a qualsiasi area pronta per i widget o a un elemento di design dell'intero sito, come la barra laterale. Ciò consente ai visitatori di ritwittare i tuoi ultimi post da qualsiasi pagina del tuo sito web.

Se stai utilizzando un tema a blocchi, puoi aggiungere il blocco Twitter Feed direttamente a uno dei tuoi Modelli o Parti di Modello nell'Editor del Sito Completo, utilizzando lo stesso approccio che ho mostrato per una pagina o un post.

Per istruzioni dettagliate su come farlo, consulta la nostra guida per principianti all'editing completo del sito di WordPress.

Se non stai utilizzando un tema a blocchi, dovrai andare su Aspetto » Widget nella dashboard di WordPress e quindi fare clic sul pulsante blu '+'.

Una volta fatto ciò, devi digitare 'Twitter Feed' per trovare il widget corretto.

Quindi, trascinalo nell'area in cui desideri mostrare il feed e i pulsanti di retweet.

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

Per mostrare invece un feed di Twitter diverso, digita il codice del feed nella casella 'Impostazioni Shortcode' e quindi fai clic su 'Applica modifiche'.

Ora puoi fare clic sul pulsante 'Aggiorna' per rendere il widget attivo. Per maggiori informazioni, consulta la nostra guida passo passo su come aggiungere e utilizzare i widget in WordPress.

Infine, puoi incorporare i pulsanti feed e retweet in qualsiasi pagina, post o area predisposta per i widget utilizzando uno shortcode.

Vai semplicemente su Twitter Feed » Tutti i feed e copia il codice nella colonna 'Shortcode'. Ora puoi aggiungere lo shortcode a qualsiasi area predisposta per i widget sul tuo sito.

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

Scopri altri modi per utilizzare Twitter in WordPress

Spero che questo articolo ti abbia aiutato ad aggiungere pulsanti di condivisione e retweet di Twitter in WordPress.

Vuoi sfruttare al massimo il tuo profilo Twitter (X) per promuovere il tuo sito web WordPress? O forse vuoi aggiungere più contenuti di Twitter al tuo sito?

Dai un'occhiata a queste guide qui sotto:

• Guida per principianti su come aggiungere schede Twitter in WordPress
• Come correggere le immagini di Twitter Card non funzionanti in WordPress
• Come promuovere la tua pagina Twitter in WordPress con un popup
• Come visualizzare il conteggio dei follower di Twitter e altro ancora in WordPress
• Come aggiungere un pulsante Paga con un Tweet per il download di file in WordPress

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