Introduction

Dans le web d’aujourd’hui, la nécessité de communiquer avec un public mondial est devenue cruciale pour beaucoup. La traduction de votre site web dans plusieurs langues est l'un des moyens les plus efficaces pour atteindre cette audience mondiale.

La toute nouvelle fonctionnalité avancée de Webflow : Localization, une solution nativement intégrée dans le Designer, vous permet créer et de gérer facilement les différentes versions linguistiques de votre site Webflow sans plus avoir à jongler avec des outils tiers.

Dans cet article, on va commencer par vous montrer comment activer Localization sur votre site Webflow et comment ajouter de nouvelles langues pour offrir une expérience utilisateur toujours plus riche et personnalisée à votre audience.

Préparez-vous à découvrir la toute nouvelle fonctionnalité Webflow Localization. C’est parti !

Comment activer Webflow Localization

Pour activer Webflow Localization, c’est très simple. Rendez-vous dans le Designer de votre projet et suivez les étapes suivantes :

Étape 1 : Accédez aux paramètres du projet

Dans le Designer, cliquez sur l'icône "Paramètres" dans la barre latérale gauche pour accéder aux options de configuration de votre projet.

Étape 2 : Accédez à Webflow Localization

Dans les paramètres du projet, vous trouverez maintenant un onglet Localisation. Cliquez sur cet onglet pour ouvrir les paramètres de la fonctionnalité. Vous pourrez maintenant définir la langue (Locale) par défaut de votre site et ajouter les langues (Locales) dans lesquelles vous souhaitez traduire le projet.

Étape 3 : Définissez votre langue principale

Pour commencer, sélectionnez votre langue par défaut (Primary Locale) dans la liste déroulante. Il s’agira de la langue pour la version de base du site, la version sur laquelle se baseront les autres langues (Locales).

Le système de localisation fonctionne en cascade, un peu comme le système de points de rupture (breakpoints). Dans Webflow, quand vous faites des changements sur la plus grande taille d’écran (desktop), ces changements s’appliquent en descendant sur les plus petites tailles d’écran (tablettes et mobile). Par contre, si vous faites des changements sur une plus petite taille d’écran (mobile), ces changements s’appliquent uniquement sur cette taille, sans remonter au delà du point de rupture supérieur.

Le fonctionnement est similaire avec Localization : quand vous faites des changements sur la version de base, ils s’appliquent en descendant à toutes les versions. Par contre, quand vous faites des changements sur une version secondaires, ils s’appliquent uniquement à cette version.

Étape 4 : Paramétrez votre langue principale

Une fois sélectionnée, configurez les options de langue :

• Display name : C’est le nom qui sera affiché pour cette langue dans le sélecteur de langue (exemple : Français).
• Subdirectory for this locale : C’est l’URL du sous-dossier, qui apparaitra dans l’URL de chaque page de cette version (exemple : digidop.fr/en/blog).
• Enable publishing for the subdirectory : Cette option détermine si la version sera mise en ligne ou non à la prochaine publication du site, ce qui vous permettra de prendre le temps de localiser complètement chaque nouvelle version sans prendre le risque qu’elle ne soit publiée avant d’être finalisée.

Étape 5 : Ajoutez de nouvelles langues

Pour ajouter de nouvelles langues, cliquez simplement sur "Add new locale".

Une liste des langues prises en charge s'affichera : choisissez la nouvelle langue que vous souhaitez inclure sur votre site et configurez ses options comme à l’étape précédente. Répétez l’opération pour toute nouvelle langue que vous voulez ajouter.

Étape 6 : Enregistrez les modifications

Pour terminer, n'oubliez pas d’enregistrer vos paramètres de localisation en cliquant sur "Save changes" en haut du panneau de Localization.

Félicitations ! Vous venez d'activer Webflow Localization sur votre site Webflow.

Conclusion

Cette nouvelle fonctionnalité puissante, nativement intégrée dans le Designer, ouvre de nouvelles opportunités pour créer des sites multilingues de manière efficace et simplifiée. La première étape pour localiser votre site Webflow est maintenant passée ! La prochaine étape est désormais de localiser chaque version de votre site, et ça commence par les traduire.

Pour aller plus loin dans la gestion de votre site web multilingue avec Webflow Localization, consultez notre guide ultime sur le sujet :

• Webflow Localization : le guide ultime pour traduire et localiser votre site Webflow
• Webflow Localization : traduire le contenu des pages de son site