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.

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

Can Webflow integrate with Square for e-commerce, since Webflow e-commerce only supports Stripe?

How can I set up a multi-step form in Webflow with radio button fields where at least one option is required to be selected before moving to the next slide?

Is there an issue with the interaction of the menu in Webflow that is causing the buttons/links on the main body to stop working after the hamburger menu is opened and closed?

Where is the unlink button located in Webflow symbols?

What could be causing the animated webp to not work on my Webflow website when it works perfectly in Designer Mode?

How can I change the hover and background color of checkboxes in Webflow without having to set every checkbox to custom? I've tried adding custom code to the project settings but haven't been able to change the background color. Any suggestions? Thank you!

How can I autofill a Webflow membership site form email field with the logged in user's email?

Does anyone else using Webflow experience lagging, freezing, and crashing issues with the Webflow designer, even without recent JavaScript or third-party code updates? Is this potentially due to Webflow's maintenance or updates?

How can I prevent text changes in Webflow's mobile version from affecting the desktop version and vice versa?

How can I create a table in Webflow that looks good on both desktop and mobile devices?

How can I create a navigation with a sub-menu option in Webflow's navbar component?

How can I control the rounding/un-rounding of corners in a Webflow accordion when it opens and closes?

How can I create a section in Webflow that includes a collection list with 5 items displayed in the same row, where the third item is larger than the others?

Does exporting code from Webflow to a hosting provider like Hostinger include the CMS collection, or will the exported code not contain a CMS?

How can I use the same grid layout for both blog posts and listings in Webflow without encountering the lock icon issue?

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 change the language of publication dates in Webflow CMS collection from English to Portuguese?

How can I dynamically redirect to a CMS created after form submission 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?

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?

Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!

Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?

How can I pull the stored email from the first form submitted on our website and input it into a field on a later form during the sign-up process in Webflow? I have tried using the provided script but it only displays "undefined" in the field. I don't have much knowledge of JavaScript and found this script online.

How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?

When will Webflow update the "Select Field" component to allow for a placeholder with different colors before and after selection, without the need for a label above the field?