Comment activer la détection automatique de la langue du visiteur sur votre site Webflow avec Localize

Points clés :

• Localize peut détecter automatiquement la langue du navigateur du visiteur.
  
  
• Cette fonction redirige chaque utilisateur vers la bonne version linguistique de votre site.
  
  
• Elle améliore considérablement l’expérience utilisateur et les conversions internationales.
  
  

Sur un site hôtelier multilingue, proposer le bon contenu dans la bonne langue dès la première visite est un vrai avantage. Grâce à Localize, vous pouvez activer une option qui identifie automatiquement la langue du navigateur de l’utilisateur (anglais, espagnol, allemand, etc.) et charge la version correspondante de votre site Webflow.

Étape 1 : Accéder à votre projet Localize

1. Connectez-vous à votre compte Localize.
   Rendez-vous sur localizejs.com et ouvrez le projet associé à votre site Webflow.
   
   
2. Allez dans les paramètres du projet.
   Dans la barre latérale, cliquez sur Settings → Languages ou Settings → Integration selon votre interface.
   
   

Étape 2 : Activer la détection automatique de la langue

1. Dans les paramètres de langue, recherchez l’option “Auto Language Detection” ou “Detect visitor’s browser language”.
   
   
2. Activez le bouton ON.
   
   
3. Choisissez le comportement de redirection :
   
   
   • Auto-redirect : redirige automatiquement le visiteur vers la langue détectée (ex. en pour un navigateur anglais).
     
     
   • Prompt user : affiche une notification invitant l’utilisateur à choisir sa langue (“Souhaitez-vous afficher le site en anglais ?”).
     
     

💡 Astuce : pour un site hôtelier, le mode “auto-redirect” est souvent préférable pour offrir une expérience fluide, notamment sur mobile.

Étape 3 : Vérifier la configuration dans le code intégré Webflow

Si votre script Localize a été ajouté manuellement à Webflow :

1. Accédez à votre projet Webflow → Project Settings → Custom Code → Before </body> tag.
   
   

Vérifiez que le script Localize inclut bien la ligne suivante :

Localize.initialize({

  key: 'YOUR_PROJECT_KEY',

  detectLanguage: true

});

1.  Si le paramètre detectLanguage est défini sur false, remplacez-le par true.
   
   
2. Sauvegardez, puis republiez votre site Webflow.
   
   

💡 Astuce : le paramètre detectLanguage peut aussi être combiné avec rememberLanguage: true pour mémoriser la préférence de l’utilisateur lors de sa prochaine visite.

Étape 4 : Tester la redirection automatique

1. Ouvrez votre site Webflow dans un navigateur configuré dans une autre langue (ex. anglais).
   
   
2. Rechargez la page : vous devriez être automatiquement redirigé vers la version linguistique correspondante.
   
   
3. Répétez l’opération avec plusieurs langues pour vérifier la cohérence du comportement.
   
   

💡 Astuce : testez aussi sur mobile, où la langue du navigateur diffère parfois de celle du système.

Bonnes pratiques pour les hôtels

• Vérifiez que toutes les pages traduites ont une URL dédiée (ex. /en/, /es/, /de/).
  
  
• Conservez un bouton ou sélecteur de langue visible, même avec la redirection automatique.
  
  
• Évitez de forcer une langue si vous ciblez des marchés multilingues (ex. Suisse, Belgique).
  
  

Conclusion

Activer la détection automatique de la langue dans Localize permet à votre site hôtelier Webflow de s’adapter instantanément à chaque visiteur, offrant une expérience fluide et personnalisée. En quelques clics, vous améliorez à la fois la satisfaction utilisateur et vos performances de conversion à l’international.