Ajoutez ce script dans le before </body> de votre page.
<!--{ NL-Reading-time }-->
<script src="https://cdn.jsdelivr.net/gh/nicolas-leitao/webflow-scripts/nl-reading-time.js" defer></script>
Définir la source
Définissez la source (un rich text par exemple) en lui appliquant un custom attribut.
Si vous ne définissez pas de source, le script prendra toute la page (body).
Affichage du temps de lecture
Créez un text block dans votre page pour accueillir le temps de lecture. Le script remplacera son contenu par le temps qu'il aura calculé.
Exemple : 10 minutes
Si votre site est disponible dans plusieurs langues, il faudra régler les customs attributes dans chacune des versions de votre site. 3 langues = 3*3 custom attributes différents (singulier, pluriel et WPM).
nl-reading-time="display" sera normalement déjà configuré par héritage, si ce n'est pas le cas, il faudra aussi l'ajouter.
🇫🇷 Version racine (.fr)
url : mon-site.fr
nl-reading-time-singular="minute"
nl-reading-time-plural="minutes"
nl-reading-time-wpm="250"
🇪🇸 Version espagnol
url : mon-site.fr/es
nl-reading-time-singular="minuto"
nl-reading-time-plural="minutos"
nl-reading-time-wpm="240"
🇮🇹 Version italienne
url : mon-site.fr/it
nl-reading-time-singular="minuto"
nl-reading-time-plural="minuti"
nl-reading-time-wpm="260"
Fin
Et voilà, normalement tout fonctionne et dans toutes les langues !
