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

The language selector is no longer displayed on your Webflow site with Localize: what to do?

Diagnose and correct the problem quickly

Key points:

  • The Localize language selector may disappear after a Webflow update or a script conflict.
  • The problem is often related to an integration error or a missing script.
  • There are simple solutions to restore its display without losing your language settings.

The language selector is an essential element for a multilingual hotel website. It allows your visitors to easily switch between languages ​​and improves their overall experience. If it no longer appears on your Webflow site, here are the steps to follow to restore it.

Step 1: Verify the Localize integration code

  1. Log in to your Webflow project. Go to Project Settings → Custom Code → Before </body> tag.

Verify that the Localize script is present: <script src="https://global.localizecdn.com/localize.js"></script>

<script>

Localize.initialize({

key: 'YOUR_PROJECT_KEY',

rememberLanguage: true,

detectLanguage: true

});

</script>

  2. If the script has disappeared or been modified, copy it again from your Localize dashboard:
    • Log in to Localize.
    • Go to Settings → Install Instructions.
    • Copy the complete code and paste it into Webflow before the </body> tag.
  3. Save and republish your Webflow site.

💡 Tip: forgetting to republish or update custom code is often the cause of the problem.

Step 2: Check the selector positioning

  1. Log in to your Localize dashboard. Go to Settings → Language Selector.
  2. Check the display mode:
    • Floating Widget (floating in the bottom right or left corner).
    • Embedded Selector (manually integrated into the Webflow design).
  3. If the widget is enabled but invisible, it may be hidden by another element of the site (header, menu, excessively high z-index).

💡 Tip: Use your browser's inspector (right click → “Inspect element”) to check if the selector is present in the code but hidden by the style.

Step 3: Check the CSS and layout

  • In the Webflow Designer, look for elements that might be obscuring the selector (e.g., a full-width div block with a higher z-index).
  • If you're using a sticky footer or cookie bar, temporarily move those elements to test.

You can also add a small CSS code to force its display: .localize-language-selector {

z-index: 9999 !important;

display: block !important;

}

💡 Tip: The problem is often visual, not functional. The selector exists in the code, but it's hidden.

Step 4: Check the language settings in Localize

  1. Go to Settings → Languages.
  2. Make sure that at least two languages ​​are enabled.
  3. If you recently removed a language, the selector may automatically disable itself.
  4. Reactivate the necessary languages ​​and save.

💡 Tip: without an active secondary language, the selector disappears automatically.

Step 5: Test on a clean browser

  • Open your website in a private (incognito) browser.
  • Clear your cache and reload the page.
  • Test it on mobile and computer.

💡 Tip: Some browsers may block third-party scripts, especially in private browsing with ad blockers.

Step 6: Reset the Localize widget (as a last resort)

  1. Log in to Localize.
  2. Go to Settings → Language Selector → Reset Widget.
  3. Choose a new widget style, save, and republish your Webflow site.

💡 This recreates the selector without losing your languages ​​or translations.

Best practices for hotels

  • Check the selector after each Webflow update.
  • Keep a copy of the original Localize code in your internal documents.
  • If you have customized the selector design, test it at all screen resolutions before republishing.

Conclusion

If the language selector is no longer displayed on your Webflow site, the problem usually stems from a missing Localize script, CSS styling that's hiding the widget, or a disabled language. By following these steps, you can restore it in minutes and ensure your visitors enjoy a smooth, multilingual browsing experience on your hotel website.