Come aggiungere una barra di condivisione social fluttuante in WordPress

Far condividere i tuoi contenuti ai lettori è uno dei modi migliori per raggiungere un nuovo pubblico. Tuttavia, i pulsanti di condivisione standard spesso scompaiono dalla vista nel momento in cui un visitatore inizia a scorrere.

Una barra di condivisione social fluttuante risolve questo problema rimanendo visibile in ogni momento, rendendo conveniente per i lettori promuovere il tuo post. Abbiamo testato questo posizionamento sui nostri siti web e abbiamo scoperto che genera costantemente più clic e traffico.

In questa guida, ti mostreremo come aggiungere una barra di condivisione social fluttuante in WordPress.

Perché aggiungere una barra di condivisione social flottante in WordPress?

L'aggiunta di una barra di condivisione social prominente rende facile per i visitatori condividere i tuoi contenuti su piattaforme di social media come Instagram, Facebook e Twitter. Mantenendo questa barra visibile durante lo scorrimento, offri un modo conveniente agli utenti per condividere i tuoi contenuti in qualsiasi momento.

Questo può portare a un aumento dell'engagement, del traffico e della consapevolezza del marchio. Inoltre, può motivare gli utenti a lasciare commenti e like o a seguire i tuoi aggiornamenti.

Oltre a ciò, una barra di condivisione social fluttuante può migliorare indirettamente la SEO del tuo sito web. Quando più utenti condividono i tuoi contenuti sui social media, aumenta la tua visibilità e il tuo traffico, migliorando la probabilità di ottenere backlink da altri siti web.

Detto questo, diamo un'occhiata a come aggiungere facilmente una barra di condivisione social fluttuante in WordPress. In questo tutorial, discuteremo un metodo basato su codice e un metodo basato su plugin. Puoi utilizzare i link sottostanti per passare all'approccio di tua scelta:

• Metodo 1: Aggiungere una barra di condivisione social fluttuante con WPCode
• Metodo 2: Aggiungere una barra di link ai social media fluttuante con un plugin
• Bonus: Aggiungere una barra di follow dei social media fluttuante in WordPress
• Domande frequenti sulle barre di condivisione social fluttuanti
• Risorse aggiuntive

Metodo 1: Aggiungere una barra di condivisione social fluttuante con WPCode

Se stai cercando un modo personalizzabile e semplice per aggiungere una barra di condivisione social fluttuante in WordPress, allora questo metodo fa per te.

Per questo approccio, utilizzeremo WPCode perché è il miglior plugin per snippet di codice WordPress sul mercato. Per maggiori informazioni su questo strumento, consulta la nostra recensione completa di WPCode.

WPCode dispone di un'ampia libreria di snippet di codice predefiniti, inclusa una soluzione pronta all'uso per aggiungere una barra di condivisione social fluttuante. Ciò elimina la necessità di scrivere codice da zero e rende facile implementare questa funzionalità sul tuo sito web.

Per prima cosa, devi installare e attivare il plugin WPCode. Per maggiori informazioni, consulta la nostra guida per principianti su come installare un plugin di WordPress.

Dopo l'attivazione, vai alla pagina Frammenti di codice » + Aggiungi frammento dalla dashboard di WordPress e utilizza la casella di ricerca per individuare il frammento ‘Icone social media fluttuanti’.

Una volta fatto ciò, fai semplicemente clic sul pulsante ‘Usa frammento’ sotto di esso.

Questo aprirà la pagina ‘Modifica frammento’ sul tuo schermo. Noterai che il frammento di codice per la barra di condivisione social fluttuante, con collegamenti a Facebook, Instagram, Twitter e LinkedIn, è già stato aggiunto alla casella ‘Anteprima codice’.

Ora puoi usare il frammento di codice così com'è oppure scorri verso il basso e cambia la posizione, il margine, la larghezza, il colore di sfondo, l'altezza e il raggio del bordo per le icone.

Ad esempio, il colore di sfondo di queste icone dei social media è nero per impostazione predefinita. Tuttavia, puoi sostituirlo con il codice esadecimale di un colore che si abbini meglio al tuo marchio. Se non conosci il codice del tuo colore, puoi utilizzare uno strumento gratuito online per la selezione dei colori per trovarlo.

Dopodiché, scorri di nuovo verso l'alto e cambia l'interruttore da ‘Inattivo’ ad ‘Attivo’.

Quindi, fai clic sul pulsante ‘Aggiorna’ per salvare le impostazioni e aggiungere una barra di condivisione social fluttuante.

Ora puoi visitare il tuo sito web per vedere le icone dei social media in azione.

Ecco come appariva sul nostro sito demo.

Metodo 2: Aggiungere una barra di link ai social media fluttuante con un plugin

Se non vuoi usare codice personalizzato sul tuo sito web, allora questo metodo fa per te. Detto questo, tieni presente che non otterrai tante opzioni di personalizzazione con questo approccio.

Innanzitutto, devi installare e attivare il plugin Floating Social Share Icons. Per i dettagli, consulta il nostro tutorial su come installare un plugin di WordPress.

Dopo l'attivazione, visita la pagina Floating Links & Social Icons dalla bacheca di WordPress. Per impostazione predefinita, il plugin aggiungerà automaticamente icone fluttuanti che consentono agli utenti di visitare la home page, il post successivo, il post precedente, l'inizio della pagina e la fine della pagina e copiare l'URL corrente.

Tuttavia, se non hai bisogno di nessuna di queste funzionalità, puoi disattivare l'interruttore per queste opzioni. Una volta fatto ciò, le tue modifiche verranno sincronizzate automaticamente.

Successivamente, vai alla pagina Floating Links & Social Icons » Social Icons dalla barra laterale dell'amministratore.

Per personalizzare la tua barra social fluttuante, semplicemente attiva l'interruttore accanto alle piattaforme di social media desiderate. Ciò farà apparire le icone corrispondenti sulla tua barra, consentendo ai visitatori di visitare facilmente i tuoi profili social media.

Le tue impostazioni verranno salvate automaticamente una volta apportate le modifiche.

Quindi, puoi visitare il tuo sito WordPress per vedere la barra di condivisione social fluttuante in azione.

Bonus: Aggiungere una barra di follow dei social media fluttuante in WordPress

Se vuoi aumentare i tuoi follower sui social media, puoi anche aggiungere una barra fluttuante con pulsanti di follow in WordPress.

Ciò consente ai visitatori di connettersi facilmente ai tuoi profili social e rimanere aggiornati sulle tue ultime notizie ed eventi. Rendendo conveniente per gli utenti seguirti sui social media, puoi espandere la tua portata e promuovere una community dedicata.

Per fare ciò, avrai bisogno di OptinMonster, che è il miglior strumento di generazione di lead sul mercato. Inoltre, viene fornito con un modello predefinito per creare una barra social fluttuante.

Innanzitutto, visita il sito web di OptinMonster e registrati per un account. Ricorda che dovrai acquistare il piano Basic perché include il tipo di campagna Floating Bar.

Quindi, vai alla tua bacheca di WordPress per installare e attivare il plugin connettore OptinMonster. Per i dettagli, consulta il nostro tutorial su come installare un plugin di WordPress.

Dopo l'attivazione, vedrai la schermata di benvenuto e la procedura guidata di configurazione. Fai clic sul pulsante ‘Connetti il tuo account esistente’.

Puoi quindi seguire le istruzioni sullo schermo per collegare il tuo account OptinMonster con WordPress.

Una volta fatto, vai alla pagina OptinMonster » Templates dalla bacheca di WordPress e seleziona 'Floating Bar' come tipo di campagna.

Successivamente, fai clic sul pulsante 'Use Template' per il modello 'Follow on Social Media'. Si aprirà una finestra in cui dovrai aggiungere un nome per la campagna che stai per creare.

Il costruttore drag-and-drop di OptinMonster si avvierà ora sul tuo schermo.

Qui puoi progettare la tua barra fluttuante.

Il plugin offre diversi blocchi che puoi semplicemente trascinare e rilasciare sul modello. Ad esempio, puoi aggiungere un'immagine, testo, pulsante e altro alla tua barra dei social media.

Per saperne di più, consulta il nostro tutorial su come aggiungere una barra di avviso in WordPress.

Dopodiché, fai clic sui pulsanti di follow dei social media all'interno della barra mobile. Questo aprirà alcune nuove impostazioni nella colonna di sinistra.

Qui puoi aggiungere rispettivamente l'URL delle tue pagine Facebook, Instagram e Twitter.

Una volta terminato, passa alla scheda 'Pubblica' dall'alto e cambia lo stato della campagna in 'Pubblica'. Quindi, dovrai fare clic sul pulsante 'Salva' e chiudere il generatore visivo.

Ora puoi visitare il tuo sito WordPress per vedere la barra social mobile in azione.

Domande frequenti sulle barre di condivisione social fluttuanti

Nella nostra esperienza nell'aiutare gli utenti ad aumentare la loro portata sui social media, incontriamo spesso domande specifiche sull'impostazione dei pulsanti di condivisione. Ecco le risposte ad alcune delle domande più comuni riguardanti le barre social fluttuanti in WordPress.

1. L'aggiunta di una barra social fluttuante rallenterà il mio sito web?

Plugin social codificati male possono rallentare il tuo sito caricando troppi script esterni. Tuttavia, l'utilizzo di una soluzione leggera come lo snippet della libreria WPCode garantisce che la velocità del tuo sito rimanga elevata offrendo comunque funzionalità di condivisione.

2. Una barra di condivisione fluttuante influisce sull'esperienza utente mobile?

Le barre fluttuanti possono talvolta bloccare i contenuti su schermi più piccoli. Si consiglia di configurare le impostazioni della barra social fluttuante per nasconderla sui dispositivi mobili o farla apparire come un piè di pagina fisso nella parte inferiore dello schermo.

3. Quali piattaforme social media dovrei includere nella barra fluttuante?

Dovresti dare priorità alle piattaforme in cui il tuo pubblico specifico è più attivo. Per la maggior parte dei blog e delle aziende, l'aggiunta di Facebook, Twitter (X) e LinkedIn alla tua barra social fluttuante offre i migliori risultati.

4. Posso aggiungere una barra di condivisione fluttuante senza un plugin?

Sì, puoi creare una barra di condivisione fluttuante usando HTML e CSS, ma ciò richiede conoscenze tecniche. Ti suggeriamo di usare WPCode perché ti permette di inserire il codice necessario in modo sicuro senza modificare direttamente i file del tuo tema.

Risorse aggiuntive

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere una barra di condivisione social fluttuante in WordPress. Potresti anche voler consultare queste risorse aggiuntive:

• I migliori plugin per i social media per WordPress (scelta esperta)
• Come aggiungere pulsanti di condivisione social in WordPress
• I migliori strumenti di monitoraggio dei social media per utenti WordPress
• Come aggiungere caselle "clicca per twittare" nei tuoi post di WordPress

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