8 migliori plugin di WordPress per la barra di avanzamento della lettura (la maggior parte sono gratuiti)

Vuoi aggiungere una barra di avanzamento della lettura a WordPress?

Una barra di avanzamento della lettura è un ottimo modo per migliorare l'esperienza utente del tuo sito fornendo ai lettori un indicatore visivo dei loro progressi attraverso un post.

Se vuoi aggiungerne uno al tuo sito, ci sono un sacco di fantastici plugin gratuiti o convenienti che ti aiutano ad aggiungere una barra di avanzamento e ad abbinarne il design al resto del tuo sito.

In questo post, abbiamo raccolto 8 delle migliori opzioni, 6 delle quali sono completamente gratuite.

Di seguito, condivideremo i dettagli per ciascun plug-in, insieme a una rapida introduzione a come funzionano le barre di avanzamento e perché possono essere utili per il tuo sito.

Che cos'è una barra di avanzamento della lettura?

Una barra di avanzamento della lettura fa praticamente esattamente ciò che dice il nome: consente ai visitatori del tuo sito di vedere fino a che punto sono progrediti nel contenuto del tuo post.

In genere, attaccherai una barra orizzontale nella parte superiore o inferiore della pagina. Mentre gli utenti scorrono il post, la barra si "riempie" per indicare quanto sono vicini alla fine del contenuto.

Alcuni plugin ti danno anche la possibilità di creare una barra di avanzamento verticale a sinistra oa destra del contenuto. In questi casi, sembra quasi una barra di scorrimento. Tuttavia, la differenza fondamentale è che la barra di avanzamento sarà basata sulla lunghezza del contenuto effettivo, mentre la barra di scorrimento del browser si basa sull'intera lunghezza della pagina.

Ecco due esempi reali del modo tipico in cui i siti utilizzano la lettura delle barre di avanzamento...

HubSpot aggiunge una barra di avanzamento arancione che appare direttamente sotto la sua intestazione adesiva:

Thrive Themes ha una barra di avanzamento di lettura verde che appare anche sotto l'intestazione adesiva:

Tuttavia, puoi sperimentare diversi posizionamenti della barra di avanzamento a seconda del tuo sito.

Perché aggiungere una barra di avanzamento della lettura a WordPress?

Ad alto livello, una barra di avanzamento della lettura è un modo per migliorare l'usabilità e l'esperienza utente sul tuo sito, che può avere effetti più diretti su metriche importanti come il tempo sulla pagina e la frequenza di rimbalzo.

Innanzitutto, parliamo dell'esperienza utente in generale.

La maggior parte delle persone vuole sapere in cosa si stanno cacciando prima di investire il tempo per impegnarsi con il tuo post. È un articolo di 5 minuti che possono leggere tra un'attività e l'altra o è un articolo lungo 20 minuti che richiederà un'attenzione seria?

Una barra di avanzamento offre ai lettori una buona idea di cosa aspettarsi dal tuo post quando iniziano a leggere. Per aiutare in questo, alcuni siti aggiungono anche un tempo di lettura stimato oltre alla barra di avanzamento, supportata da molti dei plug-in seguenti.

Una volta che i tuoi visitatori iniziano a leggere, la barra di avanzamento può anche incoraggiarli a finire il post. Ad esempio, se un lettore vede che ha già superato l'80% del contenuto, sarà incoraggiato a finire l'ultimo 20% perché ha già superato la maggior parte del post.

Questi miglioramenti nell'esperienza utente possono avere effetti positivi su due parametri chiave:

• Tempo di sosta: incoraggiando i lettori a finire un post una volta che hanno iniziato a leggere, puoi aumentare il tempo che trascorrono sulla pagina.
• Frequenza di rimbalzo : aumentando il tempo che i visitatori trascorrono sulla tua pagina, aumenterai le possibilità che un visitatore continui a interagire con il tuo sito (magari leggendo un altro post), il che può aiutare a ridurre la frequenza di rimbalzo.

Se combini le barre di avanzamento con altre tattiche di miglioramento dell'esperienza utente come una struttura di navigazione di qualità e un uso intelligente dell'impaginazione, puoi creare un'esperienza davvero piacevole e coinvolgente per i visitatori.

8 migliori plugin di WordPress per la barra di avanzamento della lettura

Ora, entriamo negli 8 migliori plugin di WordPress della barra di avanzamento per aiutarti ad aggiungere una barra di avanzamento di lettura al tuo sito.

Mentre puoi trovare plug-in generici per la barra di avanzamento che ti consentono di creare una barra di avanzamento personalizzata per qualsiasi cosa, questo post è specificamente incentrato sui plug-in che aggiungono indicatori di avanzamento della lettura in base alla lunghezza del contenuto di una pagina.

In termini di prezzo, 6 di questi plug-in sono completamente gratuiti, mentre i restanti 2 plug-in sono convenienti e aggiungono una flessibilità extra che non troverai nella maggior parte delle opzioni gratuite.

Soprattutto, tutti questi plugin dovrebbero funzionare praticamente con qualsiasi tema WordPress.

Leggi il contatore

Read Meter è un plug-in per la barra di avanzamento della lettura di Brainstorm Force, lo stesso team dietro il popolare tema WordPress Astra (che ha fatto la nostra lista dei temi WordPress più veloci).

Il plug-in ti consente di aggiungere automaticamente una barra di avanzamento della lettura che si attacca alla parte superiore o inferiore della pagina. Hai anche la possibilità di visualizzare il tempo di lettura stimato del post insieme alla barra di avanzamento.

Ecco tutto ciò che otterrai con Read Meter:

• Posizionamento in alto o in basso : visualizza la barra di avanzamento nella parte superiore o inferiore dello schermo di un utente.
• Targeting per tipo di post : puoi scegliere di aggiungere l'avanzamento della lettura solo per determinati tipi di post (inclusi i tipi di post personalizzati). Ad esempio, potresti visualizzarlo sui post del blog ma non sulle pagine.
• Tempo di lettura : aggiungi automaticamente il tempo di lettura stimato a varie parti del post (ad es. sotto il titolo) o posizionalo manualmente utilizzando uno shortcode.
• Colori personalizzabili : puoi personalizzare i colori e lo stile di ogni elemento per adattarlo al tuo sito.

Prezzo : Read Meter è gratuito al 100%.

Lettura barra di avanzamento

Insieme a Read Meter, Reading progressbar è un altro dei plug-in della barra di avanzamento più popolari su WordPress.org. A differenza di Read Meter, tuttavia, questo plugin non ti dà la possibilità di aggiungere il tempo di lettura stimato, è esclusivamente per la barra di avanzamento.

Tuttavia, ti offre una flessibilità di targeting extra che Read Meter non offre. Ad esempio, puoi indirizzare la barra di avanzamento a modelli specifici oltre al targeting di tipo post.

Ecco tutto ciò che otterrai con la barra di avanzamento di lettura:

• Posizionamento flessibile: puoi posizionare automaticamente la barra di avanzamento nella parte superiore o inferiore della pagina. Oppure, c'è anche un'opzione di posizionamento personalizzata che ti consente di attaccarla a qualsiasi elemento CSS. Ad esempio, se hai un'intestazione appiccicosa, puoi incollarla sotto il menu di navigazione dell'intestazione anziché completamente nella parte superiore della pagina (come l'esempio di HubSpot sopra).
• Design personalizzabile : modifica l'altezza e i colori della barra di avanzamento per adattarli al tuo sito.
• Opzioni di targeting : puoi visualizzare la barra di avanzamento solo su determinati modelli e/o tipi di post.

Prezzo : la lettura della barra di avanzamento è gratuita al 100%.

Vale la pena leggere

Vale la pena leggere è uno dei plug-in WordPress della barra di avanzamento più personalizzabili, il che lo rende un'ottima opzione se trovi i plug-in precedenti troppo limitanti.

Include alcune opzioni di posizionamento e targeting uniche che la maggior parte degli altri plugin non offre, insieme ad altri tocchi unici. Ti dà anche la possibilità di aggiungere un tempo di lettura stimato, se lo desideri.

Ecco tutto ciò che otterrai con Worth the Read:

• Opzioni di posizionamento orizzontale o verticale : includono una barra di avanzamento orizzontale nella parte superiore o inferiore dello schermo OPPURE una barra di avanzamento verticale a sinistra oa destra dello schermo. L'opzione verticale è unica poiché la maggior parte degli altri plugin non la supporta.
• Targeting per tipo di post : includi la barra di avanzamento della lettura solo su determinati tipi di post.
• Targeting per dispositivo : hai la possibilità di disattivare la barra di avanzamento per dispositivi mobili e tablet (o desktop).
• Avanzamento dei commenti : hai la possibilità di includere commenti nell'avanzamento della lettura, il che può essere utile se hai sezioni di commenti attive con informazioni utili.
• Supporto RTL : è uno dei pochi plug-in che ti consente di passare a RTL, il che può essere ottimo per i siti nelle lingue RTL.
• Opzioni di stile : personalizza i colori, lo spessore, l'opacità e così via. Se hai abilitato i commenti, puoi persino utilizzare un colore separato per indicare quando inizia la sezione dei commenti sulla barra di avanzamento.
• Tempo di lettura stimato : se abiliti il ​​tempo di lettura, puoi personalizzarne la funzionalità e posizionarlo automaticamente o manualmente utilizzando uno shortcode.

Prezzo : vale la pena leggere è gratuito al 100%.

Cattura barra di avanzamento scorrimento

Catch Scroll Progress Bar è un'altra opzione leggera per aggiungere una barra di avanzamento di base al tuo sito.

Mantiene le cose piuttosto semplici, con solo le opzioni minime di cui hai bisogno per posizionare e modellare la barra di avanzamento.

Ecco tutto ciò che otterrai con la barra di avanzamento Catch Scroll:

• Posizione in alto o in basso: posiziona la barra di avanzamento nella parte superiore o inferiore della pagina.
• Targeting per tipo di post : aggiungi la barra di avanzamento solo a determinati tipi di post.
• Targeting per modello : all'interno di questi tipi di post, visualizzalo solo su determinati modelli. Ad esempio, potresti aggiungerlo a singoli post ma non alla pagina di archivio.
• Opzioni di colore e stile : personalizza i colori, l'opacità e l'altezza della barra di avanzamento.

Prezzo : Catch Scroll Progress Bar è gratuito al 100%.

Progressi nella lettura del WP

WP Reading Progress è un altro plug-in WordPress gratuito per la barra di avanzamento disponibile su WordPress.org.

Come il plug-in precedente, ti fornisce solo le impostazioni minime necessarie per personalizzare la barra di avanzamento della lettura. Ma per la maggior parte delle persone, questo è tutto ciò di cui hai bisogno, il che lo rende un'altra solida opzione.

Ecco tutto ciò che otterrai con WP Reading Progress:

• Posizionamento flessibile : incolla automaticamente la barra nella parte superiore o inferiore della pagina. Oppure puoi incollarlo manualmente su qualsiasi selettore CSS.
• Targeting per tipo di post : includi una barra di avanzamento solo su determinati tipi di post. C'è anche un'opzione per abilitare/disabilitare nelle pagine di archivio.
• Personalizzazione dello stile : puoi personalizzare il colore e lo spessore della barra di avanzamento. Tuttavia , puoi scegliere un solo colore e non ci sono opzioni per l'opacità.

Prezzo : WP Reading Progress è gratuito al 100%.

Momento della lettura

Reading Time è il primo plug-in di avanzamento della lettura in questo elenco disponibile solo in una versione premium.

Tuttavia, è ancora abbastanza conveniente e offre aggiornamenti a vita tramite il mercato CodeCanyon di Envato.

Ci sono 2 ragioni principali per cui potresti prendere in considerazione il tempo di lettura rispetto alle alternative gratuite:

• 8+ stili preimpostati : ottieni alcune opzioni di stile uniche, come l'utilizzo di barre verticali invece di un riempimento solido all'interno della barra di avanzamento (nella foto sopra).
• Regole di targeting avanzate : oltre al targeting di tipi di post e modelli, puoi scegliere come target le barre di avanzamento in base a regole molto specifiche come ruoli utente, URL, dispositivi e altro.

Ottieni anche tutte le funzionalità "standard" che ti aspetteresti da un plug-in:

• Posizionamento flessibile: oltre al posizionamento automatico in alto o in basso, puoi anche utilizzare il posizionamento personalizzato per applicare la barra di avanzamento a qualsiasi selettore CSS.
• Opzioni di stile : oltre agli oltre 8 stili preimpostati, ottieni anche opzioni generali per personalizzare i colori e l'altezza della barra di avanzamento.

Prezzo : il tempo di lettura costa $ 15, che viene fornito con aggiornamenti a vita per un singolo sito e 6 mesi di supporto.

Indicatore di posizione di lettura

Reading Position Indicator è un altro plug-in leggero e gratuito per la barra di avanzamento su WordPress.org.

Non ti offre un sacco di impostazioni, ma un'opzione unica è che ti consente di utilizzare un gradiente personalizzato per la barra di avanzamento della lettura (oltre a un colore solido).

Ecco tutto ciò che otterrai con l'indicatore di posizione di lettura:

• Posizione in alto o in basso : non esiste un targeting per selettore CSS, ma puoi aggiungere un offset.
• Targeting per tipo di post : indirizza la barra di avanzamento a tipi di post specifici.
• Opzioni di personalizzazione dello stile : scegli tra stili di colore a tinta unita o sfumati. Puoi anche regolare lo spessore della barra di avanzamento.

Prezzo : l'indicatore della posizione di lettura è gratuito al 100%.

Rebar

ReBar è un altro plugin WordPress per la barra di avanzamento della lettura premium venduto tramite il mercato CodeCanyon di Envato.

Come per Reading Time, ecco alcune delle caratteristiche uniche che offre che potrebbero far valere la pena spendere soldi:

• Oltre 8 stili preimpostati : ottieni una serie di stili unici che vanno oltre i riempimenti a tinta unita, come plastica, sfumature, stile iOS e altro ancora.
• Regole di targeting avanzate : oltre ai tipi di post di targeting, puoi scegliere come target le barre di avanzamento in base a regole molto specifiche come ruoli utente, URL, dispositivi e altro.
• Supporto per lo scorrimento infinito : ReBar funziona ancora con layout di scorrimento infiniti, il che lo rende un'ottima opzione per quei siti. Puoi definire l'area di scorrimento in base ai selettori CSS e genererà una barra di avanzamento univoca per ogni post nello scorrimento infinito.

Ecco alcune altre caratteristiche degne di nota:

• Stili orizzontale e verticale : posiziona una barra di avanzamento orizzontale nella parte superiore o inferiore della pagina OPPURE posiziona una barra di avanzamento verticale sul lato sinistro o destro della pagina.
• Stili personalizzabili : oltre agli oltre 8 stili preimpostati, puoi anche personalizzare i colori e l'altezza/larghezza della barra di avanzamento.
• Supporto RTL : puoi invertire la barra di avanzamento per le lingue RTL.

Prezzo : ReBar costa $ 15, che include aggiornamenti a vita per un singolo sito e 6 mesi di supporto.

Dai un'occhiata a questi plugin gratuiti e facili da usare per la barra di avanzamento della lettura, 6 dei quali sono totalmente gratuiti! Clicca per twittare

Riepilogo

Questo conclude la nostra raccolta degli 8 migliori plugin di WordPress per la barra di avanzamento della lettura.

Per le opzioni più semplici per aggiungere una barra di avanzamento di base, puoi considerare plug-in come Read Meter o Reading progressbar.

D'altra parte, se desideri la massima personalizzazione gratuitamente, potresti voler iniziare con Vale la pena leggere, poiché include una serie di opzioni e funzionalità uniche che altri plug-in non offrono.

Se vuoi andare oltre un colore di riempimento solido per la barra di avanzamento, potresti anche prendere in considerazione le opzioni premium su CodeCanyon: Reading Time o ReBar. Ancora una volta, i dettagli più esclusivi di questi plugin sono che entrambi sono dotati di oltre 8 stili preimpostati e opzioni di targeting molto più avanzate.

Ogni plug-in ha la sua svolta unica in termini di stile e funzionalità, quindi vale la pena esplorarli tutti per trovare l'opzione giusta per il tuo sito.

La maggior parte di loro ha versioni gratuite su WordPress.org, il che rende facile testarle. Se stai ospitando il tuo sito con Kinsta, puoi facilmente creare un sito di staging per testare in sicurezza l'aspetto di ciascun plug-in sul tuo sito.

Per trovare altri plugin che possono migliorare il tuo sito, puoi anche sfogliare il nostro elenco completo dei migliori plugin di WordPress.