Los 8 mejores complementos de WordPress para la barra de progreso de lectura (la mayoría son gratuitos)

¿Quieres agregar una barra de progreso de lectura a WordPress?

Una barra de progreso de lectura es una excelente manera de mejorar la experiencia del usuario de su sitio al brindarles a los lectores un indicador visual de su progreso a través de una publicación.

Si desea agregar uno a su sitio, hay un montón de excelentes complementos gratuitos o asequibles que lo ayudan a agregar una barra de progreso y combinar su diseño con el resto de su sitio.

En esta publicación, hemos recopilado 8 de las mejores opciones, 6 de las cuales son completamente gratuitas.

A continuación, compartiremos los detalles de cada complemento, junto con una breve introducción sobre cómo funcionan las barras de progreso y por qué pueden ser beneficiosas para su sitio.

¿Qué es una barra de progreso de lectura?

Una barra de progreso de lectura hace exactamente lo que dice el nombre: permite a los visitantes de su sitio ver cuánto han progresado en el contenido de su publicación.

Por lo general, colocará una barra horizontal en la parte superior o inferior de la página. A medida que los usuarios se desplazan por la publicación, la barra se "llenará" para indicar qué tan cerca están del final del contenido.

Algunos complementos también le brindan la opción de crear una barra de progreso vertical a la izquierda o derecha del contenido. En estos casos, parece casi una barra de desplazamiento. Sin embargo, la diferencia clave es que la barra de progreso se basará en la longitud del contenido real, mientras que la barra de desplazamiento del navegador se basará en la longitud total de la página.

Aquí hay dos ejemplos reales de la forma típica en que los sitios usan las barras de progreso de lectura...

HubSpot agrega una barra de progreso naranja que aparece directamente debajo de su encabezado fijo:

Thrive Themes tiene una barra de progreso de lectura verde que también aparece debajo del encabezado fijo:

Sin embargo, puede experimentar con diferentes ubicaciones de la barra de progreso según su sitio.

¿Por qué agregar una barra de progreso de lectura a WordPress?

En un nivel alto, una barra de progreso de lectura es una forma de mejorar la usabilidad y la experiencia del usuario en su sitio, lo que puede tener efectos más directos en métricas importantes como el tiempo en la página y la tasa de rebote.

Primero, hablemos de la experiencia del usuario en general.

La mayoría de las personas quieren saber en qué se están metiendo antes de invertir el tiempo para interactuar con su publicación. ¿Es un artículo de 5 minutos que pueden leer entre tareas o es un artículo largo de 20 minutos que requerirá un enfoque serio?

Una barra de progreso les da a los lectores una buena idea de qué esperar de su publicación cuando comienzan a leer. Para ayudar con esto, algunos sitios también agregan un tiempo de lectura estimado además de la barra de progreso, que admiten varios de los complementos a continuación.

Una vez que sus visitantes comienzan a leer, la barra de progreso también puede alentarlos a terminar la publicación. Por ejemplo, si un lector ve que ya ha superado el 80 % del contenido, se le animará a terminar el último 20 % porque ya ha superado la mayor parte de la publicación.

Estas mejoras en la experiencia del usuario pueden tener efectos positivos en dos métricas clave:

• Tiempo de permanencia : al alentar a los lectores a terminar una publicación una vez que hayan comenzado a leer, puede aumentar el tiempo que pasan en la página.
• Tasa de rebote : al aumentar el tiempo que los visitantes pasan en su página, aumentará la posibilidad de que un visitante continúe interactuando con su sitio (tal vez leyendo otra publicación), lo que puede ayudar a reducir su tasa de rebote.

Si combina las barras de progreso con otras tácticas que mejoran la experiencia del usuario, como la estructura de navegación de calidad y el uso inteligente de la paginación, puede crear una experiencia realmente agradable y atractiva para los visitantes.

Los 8 mejores complementos de WordPress para la barra de progreso de lectura

Ahora, entremos en los 8 mejores complementos de WordPress para barra de progreso para ayudarlo a agregar una barra de progreso de lectura a su sitio.

Si bien puede encontrar complementos de barra de progreso genéricos que le permiten crear una barra de progreso personalizada para cualquier cosa, esta publicación se centra específicamente en complementos que agregan indicadores de progreso de lectura según la longitud del contenido de una página.

En términos de precios, 6 de estos complementos son completamente gratuitos, mientras que los 2 complementos restantes son asequibles y agregan una flexibilidad adicional que no encontrará en la mayoría de las opciones gratuitas.

Lo mejor de todo es que todos estos complementos deberían funcionar con prácticamente cualquier tema de WordPress.

Medidor de lectura

Read Meter es un complemento de barra de progreso de lectura de Brainstorm Force, el mismo equipo detrás del popular tema Astra WordPress (que hizo nuestra lista de los temas de WordPress más rápidos).

El complemento le permite agregar automáticamente una barra de progreso de lectura que se adhiere a la parte superior o inferior de la página. También tiene la opción de mostrar el tiempo de lectura estimado de la publicación junto con la barra de progreso.

Esto es todo lo que obtendrá con Read Meter:

• Ubicación superior o inferior : muestra la barra de progreso en la parte superior o inferior de la pantalla de un usuario.
• Segmentación por tipo de publicación : puede optar por agregar solo el progreso de lectura para ciertos tipos de publicaciones (incluidos los tipos de publicaciones personalizadas). Por ejemplo, podría mostrarlo en publicaciones de blog pero no en páginas.
• Tiempo de lectura : agregue automáticamente el tiempo de lectura estimado a varias partes de la publicación (por ejemplo, debajo del título) o colóquelo manualmente usando un código abreviado.
• Colores personalizables : puede personalizar los colores y el estilo de cada elemento para que coincida con su sitio.

Precio : Read Meter es 100% gratis.

barra de progreso de lectura

Junto con Read Meter, Reading Progressbar es otro de los complementos de barra de progreso más populares en WordPress.org. Sin embargo, a diferencia de Read Meter, este complemento no le brinda la opción de agregar el tiempo de lectura estimado; es exclusivamente para la barra de progreso.

Sin embargo, le brinda cierta flexibilidad de orientación adicional que Read Meter no ofrece. Por ejemplo, puede orientar su barra de progreso a plantillas específicas además de la orientación por tipo de publicación.

Esto es todo lo que obtendrá con la barra de progreso de lectura:

• Posicionamiento flexible : puede pegar automáticamente su barra de progreso en la parte superior o inferior de la página. O también hay una opción de posicionamiento personalizado que le permite pegarlo a cualquier elemento CSS. Por ejemplo, si tienes un encabezado fijo, puedes pegarlo debajo del menú de navegación del encabezado en lugar de colocarlo en la parte superior de la página (como en el ejemplo de HubSpot anterior).
• Diseño personalizable : cambie la altura y los colores de su barra de progreso para que coincida con su sitio.
• Opciones de orientación : solo puede mostrar su barra de progreso en ciertas plantillas y/o tipos de publicaciones.

Precio : Leer la barra de progreso es 100% gratis.

Vale la pena leer

Worth the Read es uno de los complementos de barra de progreso de WordPress más personalizables, lo que lo convierte en una excelente opción si encuentra que los complementos anteriores son demasiado limitantes.

Incluye algunas opciones únicas de ubicación y orientación que la mayoría de los otros complementos no ofrecen, junto con algunos otros toques únicos. También le da la opción de agregar un tiempo de lectura estimado si lo prefiere.

Esto es todo lo que obtendrá con Worth the Read:

• Opciones de posicionamiento horizontal o vertical : incluye una barra de progreso horizontal en la parte superior o inferior de la pantalla O una barra de progreso vertical a la izquierda o derecha de la pantalla. La opción vertical es única ya que la mayoría de los otros complementos no la admiten.
• Orientación por tipo de publicación : solo incluya su barra de progreso de lectura en ciertos tipos de publicación.
• Segmentación por dispositivo : tiene la opción de desactivar la barra de progreso para dispositivos móviles y tabletas (o computadoras de escritorio).
• Progreso de comentarios : tiene la opción de incluir comentarios en el progreso de la lectura, lo que puede ser bueno si tiene secciones de comentarios activas con información útil.
• Compatibilidad con RTL : es uno de los pocos complementos que le permite cambiar a RTL, lo que puede ser excelente para sitios en lenguajes RTL.
• Opciones de estilo : personaliza los colores, el grosor, la opacidad, etc. Si ha habilitado los comentarios, puede incluso usar un color separado para indicar cuándo comienza la sección de comentarios en la barra de progreso.
• Tiempo de lectura estimado : si habilita el tiempo de lectura, puede personalizar su funcionalidad y colocarlo de forma automática o manual mediante un código abreviado.

Precio : Worth the Read es 100% gratis.

Barra de progreso de desplazamiento de captura

Catch Scroll Progress Bar es otra opción liviana para agregar una barra de progreso básica a su sitio.

Mantiene las cosas bastante simples, con solo las opciones mínimas que necesita para colocar y diseñar su barra de progreso.

Aquí está todo lo que obtendrá con la barra de progreso de desplazamiento de captura:

• Posición superior o inferior : pegue su barra de progreso en la parte superior o inferior de la página.
• Segmentación por tipo de publicación : solo agregue su barra de progreso a ciertos tipos de publicación.
• Orientación de plantilla : dentro de esos tipos de publicaciones, solo se muestra en ciertas plantillas. Por ejemplo, puede agregarlo a publicaciones individuales pero no a la página de archivo.
• Opciones de color y estilo : personaliza los colores, la opacidad y la altura de tu barra de progreso.

Precio : Catch Scroll Progress Bar es 100% gratis.

Progreso de lectura de WP

WP Reading Progress es otro complemento de WordPress de barra de progreso gratuito que está disponible en WordPress.org.

Al igual que el complemento anterior, solo le brinda la configuración mínima necesaria para personalizar su barra de progreso de lectura. Pero para la mayoría de las personas, eso es todo lo que necesita, lo que lo convierte en otra opción sólida.

Aquí está todo lo que obtendrá con WP Reading Progress:

• Posicionamiento flexible : pegue automáticamente la barra en la parte superior o inferior de la página. O bien, puede pegarlo manualmente en cualquier selector de CSS.
• Segmentación por tipo de publicación : solo incluye una barra de progreso en ciertos tipos de publicación. También hay una opción para habilitar/deshabilitar en las páginas de archivo.
• Personalización de estilo : puede personalizar el color y el grosor de la barra de progreso. Sin embargo , solo puedes elegir un solo color y no hay opciones para la opacidad.

Precio : WP Reading Progress es 100% gratis.

Tiempo de leer

Reading Time es el primer complemento de progreso de lectura en esta lista que solo viene en una versión premium.

Sin embargo, sigue siendo bastante asequible y ofrece actualizaciones de por vida a través del mercado CodeCanyon de Envato.

Hay 2 razones principales por las que es posible que desee considerar Reading Time en lugar de las alternativas gratuitas:

• Más de 8 estilos preestablecidos : obtiene algunas opciones de estilo únicas, como el uso de barras verticales en lugar de un relleno sólido dentro de la barra de progreso (en la imagen de arriba).
• Reglas de orientación avanzadas : más allá de la orientación de tipos de publicaciones y plantillas, puede orientar sus barras de progreso según reglas muy específicas, como roles de usuario, URL, dispositivos y más.

También obtiene todas las características "estándar" que esperaría de un complemento:

• Posicionamiento flexible : además de la ubicación automática en la parte superior o inferior, también puede usar el posicionamiento personalizado para pegar su barra de progreso en cualquier selector de CSS.
• Opciones de estilo : más allá de los más de 8 estilos preestablecidos, también obtiene opciones generales para personalizar los colores y la altura de su barra de progreso.

Precio : Reading Time cuesta $ 15, que viene con actualizaciones de por vida para un solo sitio y 6 meses de soporte.

Indicador de posición de lectura

Indicador de posición de lectura es otro complemento de barra de progreso gratuito y liviano en WordPress.org.

No le brinda una tonelada de configuraciones, pero una opción única es que le permite usar un degradado personalizado para su barra de progreso de lectura (además de un color sólido).

Aquí está todo lo que obtendrá con el indicador de posición de lectura:

• Posición superior o inferior : no hay orientación del selector de CSS, pero puede agregar un desplazamiento.
• Segmentación por tipo de publicación : oriente su barra de progreso a tipos de publicación específicos.
• Opciones de personalización de estilo : elija entre estilos de color sólido o degradado. También puede ajustar el grosor de la barra de progreso.

Precio : el indicador de posición de lectura es 100% gratis.

barras de refuerzo

ReBar es otro complemento de WordPress de barra de progreso de lectura premium que se vende a través del mercado CodeCanyon de Envato.

Al igual que con Reading Time, estas son algunas de las características únicas que ofrece y que podrían hacer que valga la pena gastar el dinero:

• Más de 8 estilos preestablecidos : obtiene una serie de estilos únicos que van más allá de los rellenos de colores sólidos, como plástico, degradados, estilo iOS y más.
• Reglas de orientación avanzadas : más allá de los tipos de publicaciones de orientación, puede orientar sus barras de progreso según reglas muy específicas, como roles de usuario, URL, dispositivos y más.
• Soporte de desplazamiento infinito : ReBar aún funciona con diseños de desplazamiento infinito, lo que lo convierte en una excelente opción para esos sitios. Puede definir el área de desplazamiento en función de los selectores de CSS y generará una barra de progreso única para cada publicación en el desplazamiento infinito.

Aquí hay algunas otras características notables:

• Estilos horizontales y verticales : coloque una barra de progreso horizontal en la parte superior o inferior de la página O coloque una barra de progreso vertical en el lado izquierdo o derecho de la página.
• Estilos personalizables : además de los más de 8 estilos preestablecidos, también puede personalizar los colores y el alto/ancho de su barra de progreso.
• Compatibilidad con RTL : puede invertir la barra de progreso para los idiomas RTL.

Precio : ReBar cuesta $ 15, que viene con actualizaciones de por vida para un solo sitio y 6 meses de soporte.

Echa un vistazo a estos complementos de barra de progreso de lectura gratuitos y fáciles de usar, ¡6 de los cuales son totalmente gratuitos! Haz clic para twittear

Resumen

Eso concluye nuestra colección de los 8 mejores complementos de WordPress para la barra de progreso de lectura.

Para las opciones más simples para agregar una barra de progreso básica, puede considerar complementos como Medidor de lectura o Barra de progreso de lectura.

Por otro lado, si desea la mayor capacidad de personalización de forma gratuita, puede comenzar con Worth the Read, ya que incluye una serie de opciones y características únicas que otros complementos no ofrecen.

Si desea ir más allá de un color de relleno sólido para la barra de progreso, también puede considerar las opciones premium en CodeCanyon, ya sea Reading Time o ReBar. Nuevamente, los detalles más exclusivos de estos complementos son que ambos vienen con más de 8 estilos preestablecidos y opciones de orientación mucho más avanzadas.

Cada complemento tiene su propio toque único en lo que respecta al estilo y las características, por lo que vale la pena explorarlos todos para encontrar la opción adecuada para su sitio.

La mayoría de ellos tienen versiones gratuitas en WordPress.org, lo que facilita probarlos. Si está alojando su sitio con Kinsta, puede crear fácilmente un sitio provisional para probar de manera segura cómo se verá cada complemento en su sitio.

Para encontrar otros complementos que puedan mejorar su sitio, también puede navegar por nuestra lista completa de los mejores complementos de WordPress.