Multi-language support

The Lean Web Kit has multi-language support built-in. You can configure which languages you want to support via the CMS.

Go to CMS > Settings (in top menu) > Administrative area > Supported languages:

Languages settings in the CMS

When you support multiple languages, the language selector will automatically appear in the app header. See app header > language selector for more info.

Default language

The first language in your list of supported languages is used as your default language. When a user visits the root of your website www.your-project.com/, the user is automatically directed to the home page in their preferred language. If the preferred language is unavailable the user is redirected to the home page in the default language. For instance, you’ve configured two supported languages: English and Dutch. A Dutch visitor (with browser set to Dutch) will be redirected to the Dutch home page (www.your-project.com/nl/) since the visitor’s preferred language is available. For a French visitor however there is no home page available in French, so instead the visitor is redirected to the home page in the default language, which in this case is English (www.your-project.com/en/).

Multi-language content

You can enter the content of every page on your website in all the languages you configured. For each language you will see a tab in the CMS and in front of each field that supports translation, you will see a globe icon:

Language tabs for page content in CMS

Fields which are not language specific, like “show a table of contents”, are shared between all versions of the page and do not need to be set per language.

Multi-language UI elements