Divi Tips 99

How do I add reading time and a number of views to my blog posts?

Updated on 23/06/20

1149 words

4 minutes of reading

This article contains affiliate links recognizable by the percentage icon (%) → I am an affiliate link

You may have noticed the small bar at the end of Divi tips? In this bar, you find the number of words in the article, read time, number of views and one applause voting system.

info bar for articles

Recently, I sent you an e-mail (newsletter whose registration form is in the sidebar of this article) asking if you would be interested in how to add this data to your articles. You were very enthusiastic! So here's my answer...

1 – Count Word Number and Reading Time with WP Word Count

WP Word Count
Add the number of words and read time

WP Word Count is a free extension (freemium) and light available on the official directory of WordPress extensions.

Its settings are simple to make. After installation and activation of the extension, here is what you need to do:

Wp Word Count settings
  1. Go to the tab Word Count > Calculator.
  2. Click « Calculator Word Count » And wait. The extension will recover the number of words contained in your publications.
  3. Then, from the tab Reading Time, you can tell how many words correspond to one minute of reading. By default, 250 words are equivalent to 1 minute playback.
  4. You can activate the automatic display of playback time within your publications by simply checking the box provided for this purpose (not useful for the rest of the tutorial).
  5. You can also insert a text that will be placed before and/or after the playback time.

Finally, in the other tabs (Top Content, All Content...), you will find statistics: how many articles, how many pages, how many words, the total length of reading, etc.

2 - Show number of views of an item with Post Views Counter

Post View Counter
Add number of views

Post Views Counter is also a free and easy to set plugin. What's not bad with this extension is that you can show the number of views public. This means you can install Post Views Counter for statistical purposes in back office.

Once the extension is installed and enabled, you will find its settings options on the tab Settings > Post Views Counter. Its parameters are separated into 2 tabs: General and View.

Post View Counter Settings
  1. You can enable view counting depending on the type of publication. Just check. You can also decide how to count (PHP, JS, etc.).
  2. You can add a new back-office column. This will appear in the list of articles (and/or pages, depending on your selected choices) in order to obtain the statistics of views by publication.
  3. You can adjust the methods and intervals of count views.
  4. You can exclude some visitors from counting.
  5. Then, from the tab View, you can set everything that has to do with l. For example, you can add text next to the number of views.
  6. You can automatically insert the number of views depending on the type of publication (not useful for the rest of the tutorial).
  7. But also the position of the automatic display, for example: before the content.
  8. Finally, you can choose whether or not to display an icon next to the number of views and you can change Icon Dashicons, which is the official WordPress icon font.

Here, it's pretty simple as an extension but the options are enough to complement your blog posts.

3 – Add applause with WP Applaud

Wp Applaud
Add a voting system

The last item I propose to add to your articles is a voting system with WP Applaud. But we could have chosen a system with stars like KK Star Rating, for example.

This extension is free of charge but, as you might say right away, it is not often updated...

Once installed and activated, this is how it works:

Parameters Wp Applaud
  1. See you in the tab WPApplaud to check the types of publications you wish to see the "small applause" appear.
  2. You can exclude publications manually.
  3. You can disable the CSS in order to embark yours.
  4. You can choose the method of counting (Ajax and maximum count per user).
  5. You can add custom titles.
  6. Finally, and this is what interests us most for the continuation of the tutorial: the other display methods. You can use a shortcode to display applause at the desired location rather than automatically.

4 - Integrate elements into blog articles with the Builder Theme

Now that you have installed and set up the 3 extensions, I propose you display this reading information in your blog articles.

For this, you will need a model article created with the Theme Builder. If this is not yet your case, you can follow this tutorial to create a Divi article template.

Model Article Theme Builder
Create or edit an article template with the Builder Theme

So you understand, either you create or you modify your model of article created with Theme Builder.

1 Added Model Line Article
Insert a new line 4/4

You add a new line (the "+" green) cut into 4 columns.

2 Add Shortcodes

In each column of this line, you add a Text module where you will place the appropriate shortcodes:

  • [ wp-word-count ]* to display the number of words.
  • [ wp-word-count-reading-time ]* to display playback time.
  • [ post-views ]* to display the number of views.
  • [wp_applaud ]* to display the voting system.

*Note: do not copy and paste the above shortcodes because I have voluntarily added a space between the hooks to allow their display.

Here, it's as simple as that, here's the result:

3 Result Info Reading
Viewing the number of views and the playing time within a Divi article

Do you know you can test Divi for free? See you on this page and click on "TRY IT FOR FREE"

5 - Adjust the display with some CSS

Finally, it is possible that you are not entirely satisfied with the final rendering, in this case you can add a little CSS code to perfect the display.

In the following example, I added a Code module with a little CSS but you have many others solutions to add code in Divi.

Adjust View Info Articles
Adjust display with CSS if needed

For example, you can add a "before" and one "after" to display text around the playback time. This is possible in the plugin options WP Word Count But the visual is not optimal... You can also change the color of the vote counter (WP Applaud)...

  .wpwc-reading-time:before { 
    content: "Temps de lecture : "; 
    .wpwc-reading-time:after { 
    content: " minutes"; 
.wp-applaud-count {
    color: #666666 !important;

So, what do you say about these tips to enhance your blog articles with Divi?

Add Reading Time WordPress Article
Add View Meter WordPress Articles

Get Divi

Divi training

Ebook Divi PDF

Free tips

Divi Quiz

Live coaching

icon 256x256
Discover my wpLingua plugin that makes your WordPress websites multilingual ! SEO-Friendly / Automatic / Editable


  1. Harold

    Magnifique tout ça, merci !

  2. Decoster

    Merci pour cet article très intéressant.
    Comment procéder pour afficher le nombre de mots et le temps de lecture juste sous le titre de l’article, à la suite des méta.
    J’aurais bien voulu joindre une capture d’écran mais je ne trouve pas le lien ???
    Bien cordialement.

  3. Mandy Cee

    Merci Beaucoup

  4. Elo G


    l’extension n’est plus disponible depuis Octobre 2022 pour problème de sécurité.

    Serait-il possible d’avoir un autre tuto ?

    Merci 🙂

  5. Lycia Diaz

    Ah mince, il faut que je trouve une autre solution alors.

Submit a comment

Your email address will not be published. Required fields are indicated with *

This site uses Akismet to reduce undesirables. Learn more about how your feedback data is used.