Read Time logo

Read Time

Published December 2020
   •    Updated February 2026

Plugin details

Display the reading time and word count for a text, dynamically! The Reading Time plugin returns just the numbers, so you can customise a label or tag however you want. Easy to set up. Plug-and-play.

Free

For everyone

5.0 stars   •   1 ratings
410 installs  
This plugin may track or collect your data. Learn how.

Other actions

Platform

Web

Contributor details

Karula Labs OÜ logo
Karula Labs OÜ
Joined 2022   •   2 Plugins
View contributor profile

Instructions

Use Case: You would like to indicate to users the estimated reading time of an article or piece of text. You would like to show a list of blog posts with the reading time underneath the title.
Big Picture:
Essentially, the plugin takes the text as an input, counts the number of words, and then computes different rates for reading.

Instructions
- Setting up the element
1. Install the plugin from the plugin marketplace.
2. Place the Reading Time element on the page desired. Note: if you need the reading time for a repeating group of texts, the element should be placed inside of the repeating group (i.e. a list of blog posts and their reading times, etc.).
3. In the element’s inspector pane, enter in a Words Per Minute (WPM). This will be used to calculate the total hours and minutes of reading time. The default for this is set to 250.
4. In same pane, place the text you would like the plugin to process. This can be either static or dynamic text.

- Setting up the label
1. Place your text element that will act as the label in the desired location. This is the piece of text that says “2 mins read”. Because everyone wants to label differently, the plugin returns the number portion of that label, leaving you, the developer, to arrange text and punctuation as you see fit.
2. Setting up the Minutes-only text: In your text element, construct your label format for mins (ex. “2 mins to read”). Now in the place of the number, insert dynamic data accessing the plugin element’s “mins” state. This will show you minutes when the reading time is less than one hour.
3. Setting up the Hours text. In your text element, in the conditionals pane, create a new conditional with the expression “when the plugin elements ‘hours’ state is greater than or equal to 1”. Have that condition show a new text where you show a new label format (ex. “2 hrs and 2 mins read time”). For the hours, insert dynamic data accessing the plugin element’s “hours” state. For the mins, insert dynamic data accessing the plugin element’s “mins” state. This takes care of a highly unlikely edge case where your text takes longer than an hour to read!

- Additional states
1. If you’d like, the plugin also returns the total word count which you can display similar to the reading time.

Data collection and tracking

This author has not yet disclosed their data usage policy. Learn more by contacting the author.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Blog   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (5.0)

Works just as expected!!!
August 3rd, 2022
Bubble