Comment créer des pages CMS multilingues dans Webflow ?

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre les différentes approches pour créer des pages CMS multilingues dans Webflow.

Approche 1 : Webflow Localization (recommandée)

Webflow Localization est la solution native depuis 2023. Elle gère automatiquement les URLs localisées (/fr, /en, /es), les hreflang et les traductions de contenu CMS. Disponible sur les plans payants à partir de 29$/mois. C'est la solution la plus complète pour un site sérieusement multilingue.

Approche 2 : Collections CMS par langue

Créez une collection par langue (ex: "Articles FR", "Articles EN"). Chaque collection a les mêmes champs mais un contenu traduit. Les URLs sont distinctes : /blog/fr/[slug] et /blog/en/[slug]. Simple mais nécessite de maintenir deux collections en parallèle.

Approche 3 : Champs de traduction dans une seule collection

Ajoutez des champs dupliqués pour chaque langue dans votre collection (ex: "Titre FR", "Titre EN", "Description FR", "Description EN"). Créez deux Collection Templates distincts, chacun affichant les champs de sa langue. Économique mais complexe à maintenir sur de gros volumes.

Approche 4 : WeGlot

WeGlot traduit automatiquement votre site et gère les URLs localisées. Intégrez le script WeGlot dans votre head Webflow. La traduction automatique est ensuite corrigeable manuellement dans l'interface WeGlot. Solution idéale pour les sites existants à traduire rapidement.

Conclusion

Le choix de l'approche dépend de votre budget et du volume de contenu. Cas d'usage :

• SaaS ciblant plusieurs marchés : Webflow Localization
• Blog bilingue avec peu d'articles : Collections par langue
• Site vitrine à traduire rapidement : WeGlot