Ajouter une version audio à vos articles Webflow
Webflow n'a pas d'extension à installer, mais l'audio s'ajoute quand même sans développeur : script, flux RSS ou API, les trois méthodes expliquées pas à pas.
Webflow séduit les studios et les équipes marketing parce qu'il permet de construire un site propre sans écrire de code. Le revers, c'est qu'il n'a pas de répertoire d'extensions comme WordPress : quand on veut ajouter une fonctionnalité serveur, on se retrouve souvent à chercher une solution qui s'intègre par le front, sans back-office à modifier. Ajouter une version audio de vos articles fait partie de ces cas. La bonne nouvelle : sur Webflow, l'audio s'ajoute sans plugin et sans développeur. Voici les trois façons de procéder, de la plus rapide à la plus automatisée.
Le lecteur : un embed dans votre template CMS
Webflow gère les articles via sa Collection CMS. Chaque article est rendu par un template, et c'est là que tout se joue. Il suffit d'ajouter un bloc Embed dans ce template pour afficher le lecteur audio sur toutes vos publications d'un coup.
Le bloc contient une seule ligne :
``
<script src="https://wedispatch.fr/player.js"
data-article="ARTICLE_ID" defer></script>
Placez cet embed à l'endroit exact où vous voulez voir apparaître le lecteur (juste sous le titre, avant le premier paragraphe, peu importe). Comme il vit dans le template et non dans chaque article, vous ne le collez qu'une fois. Toute publication future hérite automatiquement du lecteur.
Relier le lecteur au bon article
Reste à indiquer quel audio correspond à quel article. Deux approches selon votre confort avec Webflow.
La première consiste à laisser la détection se faire sur l'URL de la page. Vous fournissez à WeDispatch l'adresse de votre article, le texte est extrait de la page publiée, et l'audio est associé. Aucun champ à créer dans votre Collection.
La seconde, plus robuste, ajoute un champ personnalisé dans votre Collection CMS (par exemple un champ texte nommé audio) que vous liez à l'attribut data-article de l'embed. Vous gardez ainsi un identifiant stable même si l'URL de l'article change un jour. Cette méthode demande cinq minutes de configuration, mais elle vous évite des surprises lors d'une refonte d'URL.
Trois façons de générer l'audio
Afficher le lecteur ne suffit pas : il faut produire le fichier. Sur Webflow, trois voies s'offrent à vous.
Le flux RSS est la plus simple. Webflow expose nativement un flux pour chaque Collection (l'URL se termine généralement par /feed). Vous nous communiquez cette adresse, les nouveaux articles sont détectés au fil de leur publication, le texte est extrait et l'audio généré sans que vous ayez la moindre manipulation à faire. C'est l'option idéale pour une équipe qui veut publier comme d'habitude et retrouver le lecteur en ligne automatiquement.
L'approche par sitemap fonctionne sur le même principe si vous préférez pointer vers votre plan de site plutôt que vers un flux. Utile quand toutes vos pages ne passent pas par une Collection.
Enfin, si vous avez besoin de contrôle (générer l'audio à un moment précis, choisir la voix, gérer des corrections), l'API reste ouverte. Un site Webflow peut déclencher un appel via un webhook ou un outil d'automatisation type Make ou Zapier au moment de la publication. C'est plus de travail au départ, mais cela donne la main sur toute la chaîne.
Lecture suivie et accessibilité
Quel que soit le mode retenu, vous pouvez activer la lecture suivie : le texte s'affiche et se surligne mot à mot au fil de l'audio. Sur un site vitrine ou un blog de marque, ce détail change beaucoup pour les lecteurs dyslexiques ou malvoyants, et il s'inscrit dans une démarche d'accessibilité sérieuse plutôt que cosmétique. Les sous-titres synchronisés se paramètrent depuis votre tableau de bord, sans toucher au code Webflow.
Quand un article change
Sur Webflow, republier un article après correction est courant. Si vous passez par le flux RSS, la détection repère la mise à jour et marque l'audio comme « à régénérer » : vous relancez la génération quand le texte est stabilisé, et les corrections successives ne sont jamais refacturées. Si vous passez par l'API, il suffit de renvoyer le même identifiant externe avec le texte corrigé. Dans les deux cas, l'audio déjà en ligne continue d'être servi tant que vous n'avez pas relancé, donc aucune page ne se retrouve sans lecteur.
Par où commencer
Pour un site Webflow, la voie la plus rapide reste le flux RSS combiné à l'embed dans le template : quinze minutes de mise en place, aucune ligne de code, et chaque nouvel article part avec sa version audio. Si vous tenez à un contrôle fin ou à des identifiants stables, ajoutez un champ CMS et l'API. Les détails techniques figurent dans la documentation, et les formules par volume d'articles sur la page tarifs. Le plus simple pour se décider reste de voir le lecteur tourner sur vos propres pages : essayez sur un article et écoutez le résultat avant d'équiper tout le site.
Sonorisez vos articles avec WeDispatch
Ce blog sera lui-même sonorisé par WeDispatch. Envie de voir ce que ça donne sur vos contenus ?
Demandez une démo