8 melhores plugins WordPress de barra de progresso de leitura (a maioria é gratuita)

Deseja adicionar uma barra de progresso de leitura ao WordPress?

Uma barra de progresso de leitura é uma ótima maneira de melhorar a experiência do usuário do seu site, fornecendo aos leitores um indicador visual de seu progresso em uma postagem.

Se você deseja adicionar um ao seu site, há uma tonelada de ótimos plugins gratuitos ou acessíveis que ajudam a adicionar uma barra de progresso e combinar seu design com o restante do site.

Neste post, coletamos 8 das principais opções, 6 das quais são totalmente gratuitas.

Abaixo, compartilharemos detalhes de cada plug-in, juntamente com uma rápida introdução sobre como as barras de progresso funcionam e por que elas podem ser benéficas para o seu site.

O que é uma barra de progresso de leitura?

Uma barra de progresso de leitura faz exatamente o que o nome diz – permite que os visitantes do seu site vejam o quanto eles progrediram no conteúdo da sua postagem.

Normalmente, você coloca uma barra horizontal na parte superior ou inferior da página. À medida que os usuários percorrem a postagem, a barra “preenche” para indicar o quão perto eles estão do final do conteúdo.

Alguns plugins também oferecem a opção de criar uma barra de progresso vertical à esquerda ou à direita do conteúdo. Nesses casos, parece quase uma barra de rolagem. No entanto, a principal diferença é que a barra de progresso será baseada no comprimento do conteúdo real, enquanto a barra de rolagem do navegador é baseada no comprimento total da página.

Aqui estão dois exemplos reais da maneira típica que os sites usam a leitura das barras de progresso…

O HubSpot adiciona uma barra de progresso laranja que aparece diretamente abaixo do cabeçalho fixo:

Thrive Themes tem uma barra de progresso de leitura verde que também aparece abaixo do cabeçalho:

No entanto, você pode experimentar diferentes posicionamentos da barra de progresso, dependendo do seu site.

Por que adicionar uma barra de progresso de leitura ao WordPress?

Em um nível alto, uma barra de progresso de leitura é uma maneira de melhorar a usabilidade e a experiência do usuário em seu site, o que pode ter efeitos mais diretos em métricas importantes, como tempo na página e taxa de rejeição.

Primeiro, vamos falar sobre a experiência do usuário em geral.

A maioria das pessoas quer saber no que está se metendo antes de investir tempo para se envolver com sua postagem. É um artigo de 5 minutos que eles podem ler entre as tarefas ou é um artigo longo de 20 minutos que exigirá um foco sério?

Uma barra de progresso dá aos leitores uma boa ideia do que esperar do seu post quando eles começarem a ler. Para ajudar com isso, alguns sites também adicionam um tempo estimado de leitura além da barra de progresso, que vários dos plugins abaixo suportam.

Assim que seus visitantes começarem a ler, a barra de progresso também pode incentivá-los a terminar a postagem. Por exemplo, se um leitor perceber que já passou por 80% do conteúdo, ele será incentivado a terminar os últimos 20% porque já passou pela maior parte do post.

Essas melhorias na experiência do usuário podem ter efeitos positivos em duas métricas principais:

• Tempo de permanência – incentivando os leitores a terminarem uma postagem assim que começarem a ler, você pode aumentar o tempo que eles passam na página.
• Taxa de rejeição – ao aumentar o tempo que os visitantes passam em sua página, você aumenta a chance de um visitante continuar interagindo com seu site (talvez lendo outro post), o que pode ajudar a reduzir sua taxa de rejeição.

Se você combinar as barras de progresso com outras táticas de aprimoramento da experiência do usuário, como estrutura de navegação de qualidade e uso inteligente de paginação, poderá criar uma experiência realmente agradável e envolvente para os visitantes.

8 melhores plugins WordPress de barra de progresso de leitura

Agora, vamos entrar nos 8 melhores plugins WordPress de barra de progresso para ajudá-lo a adicionar uma barra de progresso de leitura ao seu site.

Embora você possa encontrar plugins de barra de progresso genéricos que permitem criar uma barra de progresso personalizada para qualquer coisa, este post é especificamente focado em plugins que adicionam indicadores de progresso de leitura com base no comprimento do conteúdo de uma página.

Em termos de preços, 6 desses plugins são totalmente gratuitos, enquanto os 2 plugins restantes são acessíveis e adicionam alguma flexibilidade extra que você não encontrará na maioria das opções gratuitas.

O melhor de tudo é que todos esses plugins devem funcionar com praticamente qualquer tema do WordPress.

Ler medidor

Read Meter é um plugin de barra de progresso de leitura da Brainstorm Force, a mesma equipe por trás do popular tema Astra WordPress (que fez nossa lista dos temas WordPress mais rápidos).

O plug-in permite adicionar automaticamente uma barra de progresso de leitura que fica na parte superior ou inferior da página. Você também tem a opção de exibir o tempo estimado de leitura da postagem junto com a barra de progresso.

Aqui está tudo o que você obterá com o Read Meter:

• Posicionamento superior ou inferior – exibe a barra de progresso na parte superior ou inferior da tela de um usuário.
• Segmentação por tipo de postagem – você pode optar por adicionar apenas o progresso da leitura para determinados tipos de postagem (incluindo tipos de postagem personalizados). Por exemplo, você pode exibi-lo em postagens de blog, mas não em páginas.
• Tempo de leitura – adicione automaticamente o tempo de leitura estimado em várias partes da postagem (por exemplo, abaixo do título) ou coloque-o manualmente usando um código de acesso.
• Cores personalizáveis ​​– você pode personalizar as cores e o estilo de cada elemento para torná-lo compatível com o seu site.

Preço : O Read Meter é 100% gratuito.

Barra de progresso de leitura

Junto com o Read Meter, o Reading progressbar é outro dos plugins de barra de progresso mais populares do WordPress.org. Ao contrário do Read Meter, no entanto, este plugin não oferece a opção de adicionar o tempo estimado de leitura – é exclusivamente para a barra de progresso.

No entanto, ele oferece uma flexibilidade extra de segmentação que o Read Meter não oferece. Por exemplo, você pode direcionar sua barra de progresso para modelos específicos, além da segmentação por tipo de postagem.

Aqui está tudo o que você obterá com a barra de progresso de leitura:

• Posicionamento flexível – você pode colar automaticamente sua barra de progresso na parte superior ou inferior da página. Ou também há uma opção de posicionamento personalizado que permite que você cole em qualquer elemento CSS. Por exemplo, se você tiver um cabeçalho fixo, poderá colocá-lo abaixo do menu de navegação do cabeçalho em vez de ficar no topo da página (como o exemplo do HubSpot acima).
• Design personalizável - altere a altura e as cores da sua barra de progresso para corresponder ao seu site.
• Opções de segmentação – você só pode exibir sua barra de progresso em determinados modelos e/ou tipos de postagem.

Preço : A barra de progresso de leitura é 100% gratuita.

Vale a leitura

Worth the Read é um dos plugins WordPress de barra de progresso mais personalizáveis, o que o torna uma ótima opção se você achar os plugins anteriores muito limitantes.

Ele inclui algumas opções exclusivas de posicionamento e segmentação que a maioria dos outros plug-ins não oferece, além de alguns outros toques exclusivos. Ele também oferece a opção de adicionar um tempo estimado de leitura, se preferir.

Aqui está tudo o que você terá com Worth the Read:

• Opções de posicionamento horizontal ou vertical – inclua uma barra de progresso horizontal na parte superior ou inferior da tela OU uma barra de progresso vertical à esquerda ou à direita da tela. A opção vertical é única, pois a maioria dos outros plugins não a suporta.
• Segmentação por tipo de postagem – inclua apenas sua barra de progresso de leitura em determinados tipos de postagem.
• Segmentação por dispositivo – você tem a opção de desativar a barra de progresso para dispositivos móveis e tablets (ou desktops).
• Progresso do comentário – você tem a opção de incluir comentários no progresso da leitura, o que pode ser bom se você tiver seções de comentários ativas com informações úteis.
• Suporte RTL – é um dos poucos plugins que permite mudar para RTL, o que pode ser ótimo para sites em idiomas RTL.
• Opções de estilo – personalize as cores, espessura, opacidade e assim por diante. Se você ativou os comentários, pode até usar uma cor separada para indicar quando a seção de comentários começa na barra de progresso.
• Tempo de leitura estimado – se você habilitar o tempo de leitura, poderá personalizar sua funcionalidade e colocá-lo automaticamente ou manualmente usando um código de acesso.

Preço : Vale a pena ler é 100% gratuito.

Pegar barra de progresso de rolagem

Catch Scroll Progress Bar é outra opção leve para adicionar uma barra de progresso básica ao seu site.

Ele mantém as coisas bem simples, com apenas as opções mínimas que você precisa para colocar e estilizar sua barra de progresso.

Aqui está tudo o que você obterá com Catch Scroll Progress Bar:

• Posição superior ou inferior – cole sua barra de progresso na parte superior ou inferior da página.
• Segmentação por tipo de postagem – adicione apenas sua barra de progresso a determinados tipos de postagem.
• Segmentação por modelo – nesses tipos de postagem, exiba-o apenas em determinados modelos. Por exemplo, você pode adicioná-lo a postagens únicas, mas não à página de arquivo.
• Opções de cor e estilo – personalize as cores, opacidade e altura da sua barra de progresso.

Preço : Catch Scroll Progress Bar é 100% gratuito.

Progresso da leitura do WP

WP Reading Progress é outro plugin WordPress de barra de progresso gratuito que está disponível em WordPress.org.

Como o plugin anterior, ele fornece apenas as configurações mínimas necessárias para personalizar sua barra de progresso de leitura. Mas para a maioria das pessoas, isso é tudo o que você precisa, o que a torna outra opção sólida.

Aqui está tudo o que você obterá com o WP Reading Progress:

• Posicionamento flexível – cole automaticamente a barra na parte superior ou inferior da página. Ou você pode colocá-lo manualmente em qualquer seletor CSS.
• Segmentação por tipo de postagem – inclua apenas uma barra de progresso em determinados tipos de postagem. Há também uma opção para ativar/desativar nas páginas de arquivo.
• Personalização de estilo – você pode personalizar a cor e a espessura da barra de progresso. No entanto , você só pode escolher uma única cor e não há opções de opacidade.

Preço : O WP Reading Progress é 100% gratuito.

Tempo de leitura

Reading Time é o primeiro plugin de progresso de leitura nesta lista que vem apenas em uma versão premium.

No entanto, ainda é bastante acessível e oferece atualizações vitalícias através do mercado CodeCanyon da Envato.

Existem 2 razões principais pelas quais você pode querer considerar o Tempo de Leitura em vez das alternativas gratuitas:

• Mais de 8 estilos predefinidos – você obtém algumas opções de estilo exclusivas, como usar barras verticais em vez de um preenchimento sólido dentro da barra de progresso (foto acima).
• Regras de segmentação avançadas – além de segmentar tipos e modelos de postagem, você pode segmentar suas barras de progresso por regras muito específicas, como funções de usuário, URLs, dispositivos e muito mais.

Você também obtém todos os recursos “padrão” que você esperaria de um plug-in:

• Posicionamento flexível – além do posicionamento automático superior ou inferior, você também pode usar o posicionamento personalizado para colar sua barra de progresso em qualquer seletor CSS.
• Opções de estilo – além dos mais de 8 estilos predefinidos, você também obtém opções gerais para personalizar as cores e a altura da sua barra de progresso.

Preço : O tempo de leitura custa $ 15, que vem com atualizações vitalícias para um único site e 6 meses de suporte.

Indicador de Posição de Leitura

Reading Position Indicator é outro plugin leve e gratuito da barra de progresso no WordPress.org.

Ele não oferece muitas configurações, mas uma opção exclusiva é que permite usar um gradiente personalizado para sua barra de progresso de leitura (além de uma cor sólida).

Aqui está tudo o que você obterá com o Indicador de Posição de Leitura:

• Posição superior ou inferior – não há segmentação por seletor de CSS, mas você pode adicionar um deslocamento.
• Segmentação por tipo de postagem – direcione sua barra de progresso para tipos de postagem específicos.
• Opções de personalização de estilo – escolha entre estilos de cores sólidas ou gradientes. Você também pode ajustar a espessura da barra de progresso.

Preço : O indicador de posição de leitura é 100% gratuito.

ReBar

ReBar é outro plugin WordPress de barra de progresso de leitura premium que é vendido através do mercado CodeCanyon da Envato.

Assim como no Reading Time, aqui estão alguns dos recursos exclusivos que ele oferece que podem fazer valer a pena gastar o dinheiro:

• Mais de 8 estilos predefinidos – você obtém vários estilos exclusivos que vão além dos preenchimentos de cores sólidas, como plástico, gradientes, estilo iOS e muito mais.
• Regras de segmentação avançadas – além de direcionar os tipos de postagem, você pode direcionar suas barras de progresso por regras muito específicas, como funções de usuário, URLs, dispositivos e muito mais.
• Suporte de rolagem infinita – o ReBar ainda funciona com layouts de rolagem infinita, o que o torna uma ótima opção para esses sites. Você pode definir a área de rolagem com base em seletores CSS e isso gerará uma barra de progresso exclusiva para cada postagem na rolagem infinita.

Aqui estão alguns outros recursos notáveis:

• Estilos horizontais e verticais – coloque uma barra de progresso horizontal na parte superior ou inferior da página OU coloque uma barra de progresso vertical no lado esquerdo ou direito da página.
• Estilos personalizáveis ​​– além dos mais de 8 estilos predefinidos, você também pode personalizar as cores e a altura/largura da sua barra de progresso.
• Suporte RTL – você pode reverter a barra de progresso para idiomas RTL.

Preço : ReBar custa $ 15, que vem com atualizações vitalícias para um único site e 6 meses de suporte.

Confira esses plugins de barra de progresso de leitura gratuitos e fáceis de usar - 6 dos quais são totalmente gratuitos! Clique para Tweetar

Resumo

Isso encerra nossa coleção dos 8 melhores plugins WordPress de barra de progresso de leitura.

Para as opções mais simples de adicionar uma barra de progresso básica, você pode considerar plugins como Read Meter ou Reading progressbar.

Por outro lado, se você deseja a maior personalização de graça, pode começar com Worth the Read, pois inclui várias opções e recursos exclusivos que outros plugins não oferecem.

Se você quiser ir além de uma cor de preenchimento sólida para a barra de progresso, também poderá considerar as opções premium no CodeCanyon – Reading Time ou ReBar. Novamente, os detalhes mais exclusivos sobre esses plugins são que ambos vêm com mais de 8 estilos predefinidos e opções de segmentação muito mais avançadas.

Cada plugin tem seu próprio toque exclusivo quando se trata de estilo e recursos, então vale a pena explorá-los todos para encontrar a opção certa para o seu site.

A maioria deles tem versões gratuitas no WordPress.org, o que facilita o teste. Se você estiver hospedando seu site com Kinsta, você pode facilmente criar um site de teste para testar com segurança como cada plug-in ficará em seu site.

Para encontrar alguns outros plugins que podem melhorar seu site, você também pode navegar em nossa lista completa com curadoria dos melhores plugins do WordPress.