Sidebar: come crearla e personalizzarla per le singole pagine

di Andrea Di Rocco Aggiornato il

Creare sidebar personalizzate per le singole pagine

Hai bisogno di mostrare sidebar personalizzate con funzioni diverse a seconda delle pagine del tuo sito?

Ti presento alcuni plugin che ti aiuteranno in maniera facile e veloce.

Prima di iniziare…

Che cos’è e a cosa serve la sidebar?

La sidebar, o barra laterale, è una colonna che si trova solitamente sulla destra dei contenuti di una pagina web.

Talvolta è presente sulla sinistra, oppure su entrambi i lati, ma queste opzioni sono meno diffuse.

Ti svelo una curiosità.

La scelta della posizione sulla destra è dettata da motivi scientifici.

È stato analizzato il movimento degli occhi di diverse persone che consultano una pagina web, e si è scoperto che il loro sguardo segue una forma a “F”.

In questo report trovi maggiori informazioni sulla ricerca.

Prima si osserva la parte sinistra, poi si passa alla parte destra.

Nella parte sinistra della pagina, quindi, è importante inserire la parte principale della pagina, ossia il contenuto.

Sulla destra, dunque, si posizionerà la sidebar, perché verrà osservata successivamente.

Quindi si tende ad assecondare l’istinto del lettore, inserendo proprio in questa posizione degli elementi importanti.

Ma importanti per che cosa? A cosa serve la sidebar?

La sidebar serve a fornire informazioni aggiuntive e funzionalità utili per gli utenti e, molto spesso, spingerli a compiere un’azione.

Pensa, per esempio, a una sezione “Risorse utili”: aiuterà il visitatore a trovare materiale interessante e, allo stesso tempo, lo invoglierà a trascorrere più tempo sul tuo sito.

Un banner che pubblicizza un tuo prodotto in promozione potrebbe spingerlo ad acquistare.

Molto spesso, lo spazio della sidebar è usato per visualizzare form di iscrizione alla newsletter, link agli ultimi post, alle categorie del blog, ai profili social o banner pubblicitari.

È fondamentale sfruttare le sidebar al meglio: sono aree che hanno molta visibilità e, se usate nel modo corretto, possono aumentare notevolmente le conversioni del tuo sito.

Ne parlo anche in una lezione del video corso WordPress.

Oltre ad usare i widget giusti, c’è un passo ulteriore che puoi fare per aumentare le conversioni: cioè, personalizzare i widget che appaiono per ogni singola pagina, categoria e/o tipologia di contenuto.

Alcuni esempi? Eccoli qui:

  • sulla pagina dove è pubblicata una guida gratuita, potresti aggiungere un banner per promuovere un ebook premium correlato;
  • sulla pagina dove presenti i prossimi eventi che organizzerai, potresti aggiungere un form di contatto;
  • all’interno del blog, potresti personalizzare la lista dei link ad articoli correlati a seconda della categoria del post;
  • in una pagina personalizzata per una specifica categoria, puoi mettere in evidenza prodotti o servizi collegati ad essa;
  • sulla pagina Chi Sono, personalizza la sidebar mettendo in evidenza tutti i link ai tuoi profili social;
  • se il tuo sito ha una pagina per l’iscrizione alla newsletter, ovviamente qui non vorrai inserire nella sidebar il form di iscrizione una seconda volta.

Come vedi, creare sidebar personalizzate per le singole pagine è una funzionalità molto utile.

Purtroppo, non è però inclusa di default su WordPress.

Come in tante altre situazioni, ci vengono in aiuto i plugin.

Ne esistono diversi per creare sidebar personalizzate per le singole pagine, vediamo quali sono.

Questi plugin ti aiuteranno a creare le tue sidebar ma, se hai esigenze particolari e vuoi personalizzare i loro contenuti o l’aspetto, sarà necessario intervenire a livelli più avanzati.

Contattaci e ti aiuteremo a creare sidebar uniche!

1. Widget WordPress: Custom Sidebars

Widget WordPress - Custom Sidebars

Di WPMU DEV

Questo è il plugin per creare sidebar personalizzate per le singole pagine in assoluto più popolare.

Installato ed attivato il plugin, la pagina di configurazione delle aree widget (questo è un altro modo di chiamare le sidebar) avrà un aspetto un po’ diverso.

Oltre alla classica area widget WordPress, potrai creare sidebar personalizzate e, cliccando su Sidebar location”, assegnarle a post e pagine che soddisfano determinati criteri (per esempio, che rientrano in una specifica categoria, tipologia di post, archivio, eccetera.

Custom Sidebars Widget

Se invece vuoi inserire la sidebar in determinate pagine a tua scelta, una volta configurati i widget vai nella pagina che ti interessa.

Sulla destra, nella sezione Sidebars, potrai selezionare la sidebar da visualizzare.

Custom Sidebars selezione post e pagine

Come vedi, Custom Sidebars offre flessibiità totale nella creazione ed assegnazione delle aree widget.

Il plugin è disponibile anche in versione PRO. Le principali funzionalità aggiuntive sono:

  • visualizzazione di sidebar differenti per utenti con ruoli diversi.
  • funzionalità per clonare le sidebar

Nel complesso, Custom Sidebars è uno strumento ottimo.

2. Content Aware Sidebars

Content Aware Sidebars

di Joachim Jensen, Intox Studio

Content Aware Sidebars è un altro ottimo plugin per personalizzare i widget visualizzati sulle singole pagine.

La procedura di creazione e assegnazione delle sidebar alle pagine è leggermente diversa rispetto a Custom Sidebars.

Dopo aver installato e attivato il plugin, avrai una nuova voce di menu nella tua bacheca di WordPress, chiamata Sidebars“.

Clicca qui per accedere all’area di creazione delle sidebar.

Da questa stessa sezione, potrai indicare in quali pagine o post dovrà apparire la sidebar.

Plugin Content Aware Sidebars per sidebar personalizzate

Dopo aver effettuato l’assegnazione, potrai andare su Aspetto > Widget e aggiungere gli elementi che compariranno nella sidebar.

Content Aware Sidebars è una buona alternativa a Custom Sidebars, anche se nel complesso risulta un po’ più difficile da configurare.

Se dovessi incontrare dei problemi, sappi che puoi rivolgerti ai nostri esperti in qualsiasi momento attivando l’Assistenza WordPress.

3. Widget WordPress: Simple Page Sidebars

Widget WordPress - Simple Page Sidebars

di Blazer Six

Il terzo plugin per creare sidebar personalizzate per le singole pagine è Simple Page Sidebars.

Senza dubbio, non è popolare quanto Custom Sidebars, ma è una valida alternativa.

Infatti, trovo che questo sia lo strumento più semplice per la creazione di aree widget personalizzate. Vediamo come funziona:

  • installa e attiva il plugin;
  • imposta una sidebar di default per tutte le pagine e i post: vai in Impostazioni > Lettura e seleziona dal menu a tendina la Default Sidebar;
  • ora, accedi alla pagina nella quale vuoi inserire la sidebar personalizzata;
  • troverai, sulla destra, la sezione Sidebars: clicca Enter new e inserisci un nome per la tua nuova area widget;
  • naviga ora in Aspetto > Widget e troverai la tua nuova sidebar, dove potrai configurarla come preferisci.

4. amr shortcode any widget

amr shortcode any widget

di anmari

amr shortcode any widget ha una funzionalità, secondo me, molto utile: infatti, permette di inserire aree widget mediante shortcodes all’interno di pagine e articoli.

Per utilizzare questo plugin, effettua i seguenti passaggi:

  • installa e attiva il plugin, poi vai su Aspetto > Widget, dove troverai una sezione chiamata Widgets for shortcodes;
  • trascina l’area widget che desideri creare al suo interno, assegna i parametri necessari e salva;
  • troverai lo shortcode, che potrai copiare e incollare in qualsiasi pagina o post del tuo sito.
amr shortcode any widget

In questo caso, aggiungendo lo shortcode visualizzato nell’immagine sopra in una pagina, otterrò l’elenco dei 5 articoli più recenti.

Parliamo quindi di aree widget piuttosto che solamente di sidebar, e quindi è perfetto anche per personalizzare il footer.

Creare sidebar personalizzate con Elementor

Creare sidebar personalizzate con Elementor

Se usi il page builder Elementor, sarà molto semplice aggiungere le sidebar ad ogni tua pagina.

Per prima cosa, crea una sidebar dalle opzioni del tuo tema, inserendo tutti i widget che vuoi far comparire.

Vai poi sulla tua pagina e modificala con Elementor.

Crea una nuova sezione e scegli la struttura in base alle dimensioni che vuoi assegnare alla sidebar.

Per esempio, scegli la struttura a 4 colonne.

Nella posizione in cui far apparire la sidebar, trascina l’elemento Barra laterale, che trovi nell’area widget.

Le opzioni del widget ti permetteranno di scegliere la tua sidebar o anche altre aree widget.

Per esempio, se hai un’area widget nel footer che mostra la tua pagina Facebook, potrai aggiungerla nella tua sidebar.

Creerai così sidebar diverse a seconda delle tue pagine, utilizzando i widget da te già creati nella sezione Aspetto > Widget.

sidebar Elementor

Applica infine gli stili alla tua barra laterale utilizzando le opzioni di Elementor.

Grazie all’uso del Theme Builder di Elementor, potrai realizzare inoltre diverse sidebar da inserire nelle tue pagine.

Vai su Templates > Theme builder e crea una nuova Single Page o Single Post.

Scegli se utilizzare i modelli predefiniti o crearla da zero.

Per esempio, postresti inserire la sidebar sulla destra per gli articoli, e sulla sinistra nelle pagine.

Nella sezione Barra laterale > Seleziona una barra laterale, potrai scegliere quale area widget mostrare al suo interno.

Esistono una serie di plugin molto validi che ne consentono una personalizzazione a 360°.

Widget WordPress Custom Sidebars è uno strumento valido?

È uno dei plugin più popolari in assoluto per personalizzare le sidebar delle singole pagine. È molto facile da usare e rappresenta uno strumento molto valido per una customizzazione completa.

Widget WordPress Content Aware Sidebars, è facile da configurare?

Non esattamente. Richiede una certa competenza e attenzione. È più complesso rispetto a Custom Sidebar.

Quale plugin WordPress posso usare per creare sidebar personalizzate sulle singole pagine?

Simple Page Sidebars è molto semplice da usare, abbastanza popolare e con un’interfaccia piuttosto intuitiva. Permette diverse personalizzazioni.

Conclusione

Oggi abbiamo scoperto tanti modi per creare sidebar personalizzate da aggiungere al tuo sito web.

I quattro plugin proposti sono molto utili e facili da utilizzare, ma se già usi Elementor potresti trovare molto più pratico gestire le tue sidebar con questo strumento.

Valuta sempre se sia necessario installare un plugin per ottenere i risultati che desideri.

A volte, infatti, non sono necessari poiché hai già tutto ciò di cui hai bisogno.

Prima di scegliere uno di questi plugin, verifica le opzioni del tuo tema.

Alcuni temi WordPress, infatti, permettono la creazione di diverse barre laterali senza dover utilizzare funzionalità aggiuntive.

Potrai poi scegliere quale barra mostrare direttamente dalle opzioni della pagina.

I plugin proposti sono comunque tutti molto interessanti e, fra tutti, quello che preferisco è Custom Sidebar (perché permette con facilità di selezionare quale sidebar usare, direttamente dalla schermata di modifica delle singole pagine/post) e Simple Page Sidebars (perché permette di creare sidebar in modo super veloce all’occorrenza).

Avevi mai pensato ad una funzionalità di questo tipo?

Hai mai avuto l’esigenza di creare sidebar personalizzate ma non sapere cosa fare?

Mi farebbe moltissimo piacere parlarne nei commenti qui sotto. Per condividere la tua opzione o qualunque domanda, non esitare a lasciare un messaggio qui sotto.

Alla prossima guida!

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
36Commenti
Lascia un commento
  1. Samuele Corona

    Wow, Grazie mille. Qui Trovo sempre la soluzione che cerco. Simple Pages Sidebars è perfetto per il mio scopo. Andrea metti il pulsante donazioni paypal 🙂

    1. SOS WP Team

      Grazie mille Samuele per l’apprezzamento! A presto!

  2. Stefano

    Ciao, volevo chiedervi qual è il modo migliore per inserire nella sidebar un widget che mantenga la posizione fissa quando si scorre il testo verso il basso. Esattamente come nel vostro sito. Grazie

    1. Andrea Di Rocco

      Ciao Stefano, per questa esigenza puoi usare un ottimo plugin. Facci sapere se lo utilizzerai e se risponde effettivamente alle tue necessità. A presto!

  3. sara

    Ciao, ho installato Custom Sidebar ma mi si è rallentato un sacco il sito. L’ho disinstallato ma rimane lentissimo!!!!!!!cosa faccio? Grazie

    1. Andrea Di Rocco

      Ciao Sara, disattiva tutti i plugin, quindi riattivali uno ad uno per capire quale causa il rallentamento. Un saluto e grazie del tuo commento, continua a seguirci 🙂

  4. Matteo

    Ciao,
    dopo aver letto il vostro articolo e aver scoperto Custom Sidebar, pensavo di creare Sidebar ad hoc per ogni articolo del mio blog.
    La domanda è:
    Fatti 100 articoli, le 100 Sidebar, peseranno sul caricamento del sito oppure verranno richiamate/a solo se si visita la pagina dell’articolo?

    Un saluto!

    1. Andrea Di Rocco

      Ciao Matteo, non peseranno sul sito se non sono effettivamente troppo “pesanti”. Ovvero, se contengono immagini, video, gallerie.. potranno interferire sui tempi di caricamento. Dipende quindi non dal fatto di avere creato sidebar ad hoc tramite il plugin, ma della composizione effettiva di questa o altra sidebar. Potresti in tal senso, registrare tempi di caricamento differenti.

  5. Paolo

    Avevo iniziato a utilizzare Custom Sidebar, ma non riesco a formattarla con i css. Cioè mi riuscirebbe se non utilizzo il builder visivo di Divi. Se metto una barra senza utilizzare il builder visivo, ok, posso formattare con i css, se invece inserisco una barra da un modulo di divi, i moduli di divi mi prendono i css solo per la barra standard di wp, per le barre che ho creato io con Custom Sidebar non me li prende.
    Ti torna che sia impossibile (o molto difficile) far prendere i css passando da Divi o mi sto perdendo in un bicchier d’acqua?

    1. Andrea Di Rocco

      Ciao Paolo, dovremmo controllare direttamente il codice per darti una risposta. Hai attivato la nostra Assistenza WordPress?

  6. marco

    Ciao a tutti!
    Ma inserire un widget nel testo, oppure comunque in una posizione in cui non è previsto? Bisgnerebbe creare una sidebar e richiamarla tramite shortcode? Potreste aiutarmi per favore?

    1. Andrea Di Rocco

      Ciao Marco, per questo dovresti contattare il nostro reparto servizi, da qui: https://sos-wp.it/servizi-web/. Questa richiesta va valutata caso pe caso,m considerando anche il tema che si ha in uso.

  7. Luca

    CIAO,
    come si può creare un menu principale (no sidebar) che si visualizzi esclusivamente su una singola pagina ?

    1. Andrea Di Rocco

      Ciao Marco, si può creare e mostrare solo in una pagina, dando una apposita istruzione al codice CSS. Se non riesci da solo, rivolgiti al nostro servizio di assistenza e formazione, da qui: https://sos-wp.it/assistenza/. Un saluto!

  8. gianluca

    Ciao ragazzi, nel mio sito ho creato una pagina chiamata “Blog” che utilizzo per mostrare gli articoli da me redatti. Vorrei utilizzare una sidebar con widget archivi in maniera tale da poter elencare gli articoli per data. Utilizzando il widget nella sidebar, ho notato che viene proposto in tutte le pagine del sito, tranne la home. Io vorrei comparisse solo nella pagina Blog e a tal proposito ho provato ad utilizzare il secondo plugin da voi proposto. Il problema che riscontro è che non posso destinare la sidebar personalizzata a tutte le pagine, sono escluse la home e la pagina destinata a mostrare gli articoli, quindi la mia pagina “Blog”! Come potrei risolvere, consigli? Spero di essere stato chiaro.

    1. Andrea Di Rocco

      Ciao Gianluca, dovresti riuscire a creare una sidebar anche sulla pagina blog. Testa anche gli altri plugin, in caso puoi rivolgerti per un approfondimento alla nostra area servizi da qui: https://sos-wp.it/assistenza/.

    2. gianluca

      Grazie, ho risolto con Simple Page Sidebars.

  9. Luigi

    Buongiorno Chiara, prima di tutto volevo complimentarmi per tutto quello che fate in maniera professionale, avrei una domanda, utilizzo un tema che non prevede una sidebar nella home, ma solo nelle relative pagine, volevo sapere se i widget da lei suggeriti permettono di poter aggiungere una sidebar nella home, oppure se può indicarmi se possibile e come fare, ovviamente la sidebar nella home non deve intaccare quella che poi esce attualmente nelle pagine, spero di essere abbastanza chiaro con il mio problema, la ringrazio in anticipo e le auguro una buona giornata e buon lavoro.

    1. Andrea Di Rocco

      Ciao Luigi, si potrebbe verificare la compatibilità solo testando il plugin con il tema in uso.

  10. alessandro

    Ciao Chiara e ciao a tutti, ho scaricato il primo plugin, ma nel momento in cui lo attivo, sparisce competamente la sidebar relativa all’articolo nel quale lo vado ad inserire…….??? perchè??

    anche se non inserisco nulla nei box che fissano la posizione nel quale dovrebbe apparire lo script…
    consigli…grazie

    1. Andrea Di Rocco

      Ciao Alessandro, che succede se disattivi gli altri plugin?

    2. Alex

      Ciao Andrea, grazie molte per la tua attenzione nel rispondermi, ma il problema era come settavo il plugin, quindi ho risolto grazie mille

    3. Andrea Di Rocco

      Bene!

  11. Leonardo

    Ciao, davvero ottima anche questa guida come tutte del resto!… Ho installato Custom Sidebar e fin qui ok. Ora due domande da “profano”… vorrei inserire nella sidebar un widget con una immagine statica (tipo banner) cliccando la quale si viene mandati sulla pagina di dowload del prodotto previa registrazione – quindi una semplice immagine con link. Come si fa?
    Domanda 2: come creare un widget in “movimento”? Mi spiego: Vuoi A… vuoi B…Vuoi C… Allora clicca qui (immagini a rotazione in modo ciclico con link).
    Grazie in anticipo per l’aiuto SOS

    1. Andrea Di Rocco

      Ciao Leonardo,
      puoi inserire in sidebar un widget testuale, in cui inserire mediante semplice codice html l’immagine, ed il relativo link. Per la tua seconda domanda, testa questo strumento: https://wordpress.org/plugins/dk-new-medias-image-rotator-widget/.
      Un saluto!

  12. Domenico

    Complimenti Chiara, caspita giusto quello che cercavo.
    Questo si che è un vero blog di aiuto. SOS

  13. Flora

    Ciao e grazie per l’articolo..:)
    Ho un quesito riguardo le sidebar con contenuti personalizzati. Al di la dell’utilizzare o meno plugin per “creare” differenti sidebar per differenti tipi di pagine (cosa che sono in grado di fare anche direttamente da codice) il mio problema è che ho la necessità di caricare dinamicamente un dato dei contenuti delle differenti sidebar. Mi spiego con un esempio: ho una pagina relativa ad un Hotel con la sua sidebar specifica. All’interno di questa vorrei caricare un feed social relativo alla specifica struttura. Quindi il “contenitore” sidebar sarà sempre lo stesso, ma il contenuto dovrà cambiare perchè ogni hotel avrà il suo (quantomeno l’id di riferimento, se si tratta di facebook ad esempio). Come posso raggiungere questo risultato? Grazie 😀

    1. Andrea Di Rocco

      Ciao Flora,
      quindi, ti basterà personalizzare ogni sidebar, creando per ognuna di esse dei widget “ad hoc”.

    2. Flora

      Ciao Andrea e grazie per la risposta!
      Il problema è che sono centinaia di hotel..ho paura che creare cento sidebar diverse non sia il massimo…:(

  14. Alessandro

    Ottima guida e ottimi consigli. Grazie!

    1. Andrea Di Rocco

      Ciao Alessandro,
      grazie mille del tuo commento, continua a seguirci e a leggere i nostri contenuti.
      Contiamo che ti siano sempre di aiuto 😉

  15. Barbara

    RISOLTO – Scusa Chiara, ho sbagliato io: avevo applicato la nuova sidebar sulla inner-right ma non avevo attivato la visualizzazione di quell’area widget dalla gestione del tema!!! 😉

    Barbara

    1. Chiara Buzzi

      Ciao Barbara!

      Perfetto, grazie per il tuo commento 😉 Come ti stai trovando con questo plugin?

      Fammi sapere cosa ne pensi,
      Chiara

  16. Barbara

    Ciao Chiara, grazie per questa bella pagina: era proprio quello che stavo cercando!
    Ho provato il primo plugin che hai consigliato (Custom Sidebars) ma, purtroppo, sembra che con il mio tema (Atahualpa) non voglia proprio funzionare… ti risulta questo problema??
    Prima di installare anche gli altri per provare ho preferito chiedere un tuo parere…

    Grazie in anticipo,
    Barbara

  17. Melissa

    Hi Chiara,

    Thank for your good review I will write in english so all readers can follow. I have tried custom sidebars and simple page sidebar but they make my site extremely slow!! Especially custom sidebars… Did you experienca this?? I will try out content aware sidebars afterwards and hopefully it will have better results. I must ask what you found hard with that plugin and if you have some tips? Thank you

    Melissa

    1. Chiara Buzzi

      Hi Melissa,

      Thank you for your comment! Which plugin did you decide to use in the end? I have not experienced specific performance issues with any of the plugins mentioned. However, you could notice your website getting slower if you have already installed many tools (in general, you should try to keep the number of plugins under 15).

      To find out which plugins use most resources on your website, have a look at this tool: https://sos-wp.it/p3-plugin-perfomance-profiler/

      Hope this helps!
      Chiara

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *