Come creare una barra laterale appiccicosa in WordPress con un plug-in

Se sei un lettore abituale di questo blog, o anche se questa è la tua prima visita, potresti aver notato alcuni elementi appiccicosi nella barra laterale del blog?

Uno di questi è il modulo di iscrizione alla newsletter.

A volte, lo sostituisco con altri elementi importanti che voglio mostrare. Come durante le offerte del Black Friday. Avevo la categoria del post sul blog del Black Friday appiccicosa nella barra laterale.

Puoi rendere appiccicoso qualsiasi elemento del tuo blog, indipendentemente da cosa potrebbe essere. Potrebbe essere il menu di navigazione del blog, gli elementi della barra laterale, il menu a piè di pagina, i widget mobili, ecc.

L'obiettivo principale è renderlo visibile in ogni momento agli utenti del tuo blog.

Indipendentemente dal fatto che scorrano verso l'alto o verso il basso, l'elemento adesivo rimane in posizione e visibile in ogni momento. Questo aiuta ad attirare più attenzione sull'oggetto appiccicoso, migliorare il tasso di conversione, aumentare gli impegni, ecc.

Ma prima, soprattutto per i principianti, definiamo cos'è la barra laterale appiccicosa? E perché hai bisogno di rendere un elemento del tuo blog appiccicoso sulla barra laterale?

Che cos'è Sticky Sidebar in WordPress?

Una barra laterale appiccicosa in WordPress o una barra laterale fissa è un elemento della barra laterale che rimane visibile o rimane in una posizione mentre gli utenti scorrono su e giù attraverso le pagine web del sito web.

Porta a migliorare il tasso di coinvolgimento dell'invito all'azione, aumentare la conversione e migliorare l'esperienza utente complessiva.

Ad esempio, una barra laterale adesiva garantisce che gli utenti abbiano un rapido accesso ai tuoi messaggi importanti.

Invece di tornare in alto per fare clic sul menu desiderato della barra laterale, gli utenti possono individuare rapidamente l'elemento della barra laterale e fare clic su ciò che conta davvero senza scorrere la pagina verso l'alto.

Perché dovresti implementare Sticky SideBar sul tuo blog?

Ho accennato un po' ai vantaggi dell'implementazione di una barra laterale appiccicosa sul tuo sito web nella sezione precedente. Ma vale la pena andare un po' più in basso qui.

Come qualcuno che ha avuto esperienza pratica con la barra laterale appiccicosa sul suo blog, posso dirti di più dei suoi vantaggi dalla mia esperienza.

In primo luogo, qualunque elemento rendi appiccicoso sul tuo blog, quell'elemento rimane sempre visibile a chiunque visiti il ​​tuo sito web.

Con questo, stai portando più attenzione a quel particolare elemento. Quindi devi dare la priorità a ciò che ti serve per rendere appiccicoso.

Inoltre, quando gli utenti visitano il tuo sito web, vuoi assicurarti che abbiano un rapido accesso alle tue informazioni/pagine/contenuti più importanti, ecc. Puoi raggiungere questo obiettivo rendendo gli elementi importanti appiccicosi sulla pagina.

Questo aiuta a migliorare il coinvolgimento degli utenti, aumentare il tasso di conversione, aumentare la consapevolezza, ecc...

Tuttavia, non consiglio di rendere appiccicosi troppi elementi nella stessa posizione del sito web. Ad esempio, sulla barra laterale, la raccomandazione massima dovrebbe essere di due elementi appiccicosi.

Se hai troppi elementi appiccicosi che si contendono l'attenzione nello stesso punto, non otterrai un tasso di conversione migliore per il tuo messaggio più importante.

Ho solo la casella di ricerca e il modulo di iscrizione alla newsletter del blog appiccicoso nella barra laterale di questo blog.

Il modulo di iscrizione alla newsletter del blog è l'elemento più importante nella barra laterale. Come puoi vedere, mi assicuro che attiri l'attenzione generale in quel punto.

Questo perché la creazione di un elenco di e-mail è in cima all'elenco delle priorità.

Come creare una barra laterale appiccicosa con un plugin per WordPress

Uno dei vantaggi di WordPress rispetto ad altre piattaforme di blogging è la possibilità di abilitare rapidamente la funzionalità del blog desiderato senza sapere come programmare.

Qualunque sia la funzione che desideri aggiungere al tuo blog WordPress, c'è sempre un plug-in per essa. Devi solo installare, attivare e abilitare/configurare le impostazioni.

Questo è ciò che rende WordPress il sistema di gestione dei contenuti leader nel mondo oggi. Una vasta comunità di sviluppatori lo supporta bene.

I plugin di WordPress rendono semplicissimo rendere qualsiasi elemento appiccicoso sul tuo blog. Non sono richieste conoscenze di codifica. Hai solo bisogno di installare e attivare.

Tuttavia, trovare il plug-in WordPress giusto per l'attività potrebbe essere un'esperienza di ricerca noiosa. Potresti passare ore a cercare il plugin giusto.

Quindi quello che intendo fare qui è risparmiarti le congetture.

Oggi ci sono molti plugin per WordPress Sticky Sidebar, ma ho trovato che il plugin My StickySidebar WordPress è abbastanza facile da usare e configurare.

Il plug-in My StickySidebar WordPress semplifica la configurazione dell'elemento appiccicoso della barra laterale in pochi minuti. Puoi creare un widget della barra laterale mobile appiccicoso in WordPress con il plug-in My Sticky Sidebar.

Rende il processo semplice, anche per i principianti.

Installazione del plug-in StickySidebar

La prima cosa che devi fare per configurare l'elemento appiccicoso della barra laterale è installare il plug-in. Dopodiché, lo attivi...

Ecco il link a MyStickySidebar sul repository dei plugin di WordPress.org. Scarica il plugin da WordPress.org o dalla tua area di amministrazione di WordPress.

Dopo l'installazione e l'attivazione, è necessario aprire la pagina delle impostazioni per configurare il plug-in.

Ci sono due classi di elementi CSS o ID che dovrai trovare.

L'elemento della barra laterale che desideri rendere permanente e la classe o l'ID degli elementi contenitore contenuti nell'elemento della barra laterale.

Nel campo ID o classe CSS degli elementi della barra laterale, dovrai inserire la classe o l'ID dell'elemento della barra laterale che desideri rendere permanente.

Se hai scelto di esaminare il codice sorgente della pagina per trovare la classe CSS o l'ID dell'elemento Sidebar, potrebbe essere noioso. Puoi trovarlo attraverso il codice sorgente della pagina, ma ci vogliono alcune abilità tecniche per cercare l'id della classe attraverso la pagina sorgente.

Tuttavia, puoi imparare come trovare la classe CSS o l'id in questo post.

Una volta individuata la classe o l'id CSS, è necessario inserire il valore nel campo, come mostrato nell'immagine sopra.

Quindi scorrere la pagina verso il basso per fare clic sul pulsante Salva.

Altre impostazioni

Potresti voler esaminare altre impostazioni, come la parte superiore e inferiore del margine della pagina. Qui puoi definire il margine superiore e inferiore in Pixel.

Inoltre, puoi impostare la regola per disabilitare se la larghezza dello schermo dell'utente è inferiore a xxx pixel.

Aggiunta di uno stile CSS personalizzato

Se stai utilizzando la versione a pagamento di MyStickySidebar, puoi modificare il CSS, aggiungere o creare CSS completamente personalizzati.

Queste funzionalità extra sono utili se sei bravo a programmare e sai cosa stai facendo.

C'è la possibilità di disabilitare MyStickySidebar sulle pagine selezionate. Questo è nel caso in cui non desideri la barra laterale appiccicosa su determinate pagine.

Ricorda di premere sempre il pulsante Salva in basso nella pagina dopo aver apportato modifiche alle impostazioni predefinite.

Conclusione…

Ci sono molte ragioni per cui potresti voler rendere uno o più elementi appiccicosi sulla barra laterale. Qualunque cosa sia, assicurati di non interrompere l'esperienza utente sul tuo blog.

Se eseguita correttamente, una barra laterale appiccicosa dovrebbe migliorare l'esperienza dell'utente e portare il tuo messaggio importante in primo piano e al centro della vista del tuo pubblico.

My Sticky Sidebar è uno dei migliori plugin gratuiti per WordPress Sticky che puoi utilizzare per raggiungere il tuo obiettivo.