Time to Read

Hello! đź‘‹

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Interactions
CMS
Boosters

Time to Read

Use the Refokus Time to Read tool to calculate the total read time of a text element or rich text element and display the calculated time dynamically within Webflow.

[.c-title-3-primary]How do you create a Time to Read calculator in Webflow?[.c-title-3-primary]

‍

Use Refokus Time to Read tool to calculate the total read time of a text element or rich text element and display the calculated time dynamically on another text element.

‍

Step #1

Copy the

Time to Read

<script> and paste it before the </body> of your page

Copy Script Code
<script
src=
"
https://tools.refokus.com/time-to-read/bundle.v1.0.0.js
"
></script>
<script src="https://tools.refokus.com/time-to-read/bundle.v1.0.0.js"></script>
Copy Text to Clipboard
Copied!
Step #2

Set Custom Attributes

Everything is made using custom attributes, so when we say “Add” that means "Add a custom attribute”.
‍Learn more
anchor link
Adding a Rich Text element to your Webflow page
anchor link
Adding a text element that will display the calculation
anchor link
Adding the Time to Read Attribute to the text element
anchor link
anchor link
anchor link
anchor link
anchor link
anchor link
anchor link
General Notes
Step #3

Publish your site to the staging domain to test the tool is working.

Clonable Demo

Publish your site to the staging domain to test the tool is working.

Thank you!
Oops! Something went wrong while submitting the form.
Give us feedback
Share on LinkedInShare on TwitterShare via URL
Other Webflow tools you might be interested in
Back to directory
Rich Text Enhancer
Add Classes, IDs, or Custom Attributes to rich text elements in Webflow
Link to tool
Copy to Clipboard
Create a button that will copy any piece of text, including links, to the clipboard.
Link to tool
Social Share
Add social share buttons for Twitter, Linkedin, and Facebook in Webflow.
Link to tool