Webflow sync, pageviews & more.
NEW

How can I use the Multi Language feature in Webflow to create pages with different languages?

TL;DR
  • Enable Multi-Language in Settings > Localization, add a new language, and choose a URL structure.
  • Manually translate static pages via the Language Selector and CMS content through the Collections panel.
  • Update navigation menus and internal links to ensure proper redirection between language versions.
  • Add a language switcher using a dropdown or buttons and test interactions.
  • Review all translations, preview for errors, then publish and verify correct URL structures.

Webflow’s Multi-language feature allows you to translate pages and create localized versions of your site. Follow these steps to set it up properly.

1. Enable Multi-Language in Webflow

  • Go to your Webflow project.
  • Click Settings > Localization.
  • Enable the Multi-Language feature (requires a paid Workspace or Site Plan).
  • Add a new language by selecting a language from the list and choosing a URL structure (subdirectories like /fr/, /de/).

2. Translate Static Pages

  • Go to the Pages panel.
  • Select a page and switch to a new language in the Language Selector.
  • Manually translate content on that page, including headings, text, and images.
  • Save and publish once the translations are complete.

3. Translate CMS Content

  • Go to Collections and select a CMS item.
  • Switch to a different language in the translation tab.
  • Translate CMS fields (e.g., titles, descriptions, images).
  • Save the entry and repeat for all relevant CMS items.

4. Modify Navigation & Links

  • Update navigation menus by adding translated labels or different menu items per language.
  • Ensure all internal links direct users to the correct language version of the pages.

5. Set Up Language Switcher

  • Add a dropdown or buttons to allow users to switch between languages.
  • Use Webflow interactions to highlight the active language.
  • Check that switching languages directs users to the correct localized page.

6. Review & Publish

  • Check for missing translations in all pages and CMS items.
  • Use Webflow’s preview mode to test navigation between languages.
  • Publish the site and verify that URLs are structured correctly.

Summary

Webflow’s Multi-Language feature allows you to create translated pages, localize CMS content, and manage separate language versions using subdirectories. Enable it in Settings > Localization, translate manually, update navigation, and test before publishing.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I make a video hosted on Dropbox autoplay when it is scrolled into view on my Webflow site? The video currently only plays in the preview but does not autoplay on the published site.
How can I change the text in the footer of my Webflow slider based on the slide being viewed?
Why is it important for Webflow to add the correct webkit prefixed CSS attribute into their default CSS engine to fix this bug affecting multi-line gradient texts and backgrounds in parent divs on Safari / iOS?
Can a multi-vendor marketplace using Webflow be built? If so, do you have any recommendations for platforms and tools, other than Swell, that could be used for inventory management within the marketplace?
How can I create a table in Webflow that looks good on both desktop and mobile devices?
Can Webflow integrate third-party tools with custom branding on my site? If so, does Webflow offer developer support for this?
Can you access Webflow's code to change the value of a parent div with a custom attribute in Udesly's audio player for Webflow based on a CMS field?
How can I load a JSON file in the Webflow Custom Code section, and where should I place or write a new PHP file to display Jobvite data?
What is Webflow IX and how can it be enabled for beta testing?
How can I create a similar effect in Webflow to the one featured on The Marginalian website?
What are some of the best tools and integrations for Webflow?
How can I add Prev/Next buttons to articles in Webflow and link them to nearby articles/posts using a modified solution with additional variables?
Can I design a website on Webflow, export it, and then deploy it on a "deployable" environment through Vercel to have access to an SSL verified domain specific to that page?
Is there a simple code that allows slider heights in Webflow to automatically adjust based on the height of the content within them, even for CMS pages? It would be greatly appreciated as it is preventing the launch of my site. Thank you!
What could be causing a pop-up form to be cropped at the top on iPhones and Safari, despite working properly on Chrome Desktop and Mobile?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?
How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?
How can I prevent scroll when my nav is open in Webflow using code? The scroll is disabled correctly when I change the class name of the second 'menu', but it does not get activated when the menu is closed. It doesn't work at all if both class names are the same. Can anyone provide assistance with this issue?
How can I add date filtering to my current list of filters in Webflow using Finsweet CMS Filtering?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I configure Webflow forms to exclude empty or unchecked checkboxes when sending emails? Additionally, is it possible to customize the email text for checked checkboxes, such as using "réservé" instead of "true"?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I make the menu close when a link is clicked in Webflow?
How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?
How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?
How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?
Is there a way to fix the issue of values from Textareas with multiple lines not getting parsed correctly in Webflow Logic when posting to an external API?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?