Skip to content
English - United States
Nous Contacter
  • There are no suggestions because the search field is empty.

How to enable automatic visitor language detection on your Webflow site with Localize

Automatically adapt the language for each visitor to your hotel website

Key points:

  • Localize can automatically detect the visitor's browser language.
  • This function redirects each user to the correct language version of your site.
  • It significantly improves the user experience and international conversions.

On a multilingual hotel website, offering the right content in the right language from the first visit is a real advantage. With Localize, you can activate an option that automatically identifies the user's browser language (English, Spanish, German, etc.) and loads the corresponding version of your Webflow site.

Step 1: Access your Localize project

  1. Log in to your Localize account. Go to localizejs.com and open the project associated with your Webflow site.
  2. Go to the project settings. In the sidebar, click on Settings → Languages ​​or Settings → Integration, depending on your interface.

Step 2: Enable automatic language detection

  1. In the language settings, look for the option “Auto Language Detection” or “Detect visitor’s browser language”.
  2. Turn on the ON button.
  3. Choose the redirection behavior:
    • Auto-redirect: automatically redirects the visitor to the detected language (e.g., "en" for an English browser).
    • Prompt user: displays a notification prompting the user to choose their language (“Do you want to view the site in English?”).

💡 Tip: For a hotel website, the “auto-redirect” mode is often preferable to offer a smooth experience, especially on mobile.

Step 3: Verify the configuration in the Webflow embedded code

If your Localize script was manually added to Webflow:

  1. Access your Webflow project → Project Settings → Custom Code → Before </body> tag.

Verify that the Localize script includes the following line: Localize.initialize({

key: 'YOUR_PROJECT_KEY',

detectLanguage: true

});

  1. If the detectLanguage parameter is set to false, change it to true.
  2. Save and then republish your Webflow site.

💡 Tip: The detectLanguage parameter can also be combined with rememberLanguage: true to remember the user's preference on their next visit.

Step 4: Test the automatic redirection

  1. Open your Webflow site in a browser configured in a different language (e.g., English).
  2. Reload the page: you should be automatically redirected to the corresponding language version.
  3. Repeat the process with several languages ​​to verify consistency in behavior.

💡 Tip: also test on mobile, where the browser language sometimes differs from the system language.

Best practices for hotels

  • Verify that all translated pages have a dedicated URL (e.g., /en/, /es/, /de/).
  • Keep a language button or selector visible, even with automatic redirection.
  • Avoid forcing a language if you are targeting multilingual markets (e.g., Switzerland, Belgium).

Conclusion

Enabling automatic language detection in Localize allows your Webflow hotel website to instantly adapt to each visitor, providing a seamless and personalized experience. In just a few clicks, you can improve both user satisfaction and your international conversion rates.