Ajouter une barre de progression de lecture sur votre site WordPress

Vous cherchez à ajouter une barre de progression de lecture à votre site ? C’est une très bonne idée, et on va voir rapidement pourquoi !

En plus de l’esthétique, elle sera un excellent moyen de capter l’attention de vos utilisateurs tout en les encourageants à continuer la lecture de vos articles / vos pages.

Pourquoi utiliser une barre de progression ?

La guerre de l’attention bat son plein en 2024, et les répercussions sur les sites web sont déjà visibles : une durée d’engagement réduite, moins de temps de lecture, et des articles malheureusement de moins en moins « appréciés ».

Il est dans notre intérêt de trouver des solutions, pour améliorer l’expérience des utilisateurs, et garder l’attention de tous les lecteurs (tout en conservant une navigation fluide et agréable).

C’est là que la barre de progression fait son entrée !

Avec comme je vous le disais, des avantages multiples :

• Indication rapide de la durée restante de lecture,
• « Encouragement » à la lecture totale de l’article,
• Augmentation de la durée d’engagement,
• Augmentation du temps de session sur votre site,
• …

Comment installer une barre de progression sur votre WordPress ?

L’option la plus rapide reste d’utiliser un plugin WordPress, qui pourrait s’intégrer parfaitement à votre site et serait assez personnalisable pour que l’expérience reste cohérente du début à la fin !

Ça tombe bien (je vais un tout petit peu prêcher pour ma paroisse), j’ai récemment publié « Progress Content« , un plugin WordPress 100% gratuit, open-source, et disponible depuis le répertoire des plugins !

Il vous permettra en un clic d’activer une barre de progression :

• Changer le thème et l’aspect général de la barre (couleur, épaisseur …)
• Décider où et quand l’afficher,
• Supporte les posts personnalisés,
• Léger et rapide (vanilla JS, pas d’utilisation de libs tierces)

Configurez votre barre de progression

Une fois le plugin Progress Content installé, il ne vous reste que quelques petits clics pour activer votre barre de progression :

Rendez-vous dans Apparence -> Progress Bar

Vous accèderez ensuite à toutes les options de personnalisations sur une seule page :

N’oubliez pas de cocher où vous souhaitez activer la barre de progression, et une fois que c’est fait, tout est bon !

Vous avez aimé le plugin ? N’hésitez pas à lui laisser une note, ça compte beaucoup pour moi 🙂