Localization

React Bricks has built-in content localization.

You can add new languages in the Dashboard (accessible from the Settings tab), based on your plan’s limit. Then, you can translate content using the translation tabs in the Page Editor.

With multiple locales, the React Bricks interface allows content translation for each page in any locale.

Settings

You can add / remove languages and set the default language at any time from the Settings tab.

Default language

The default language serves as a default and fallback.

For instance, page names on the left sidebar are shown in the default language if available. It is also the language used to copy content from, when a new translation is created.

Translate pages

To translate a page, click on the corresponding language tab in the Editor.

If a translation doesn’t exist yet, React Bricks will ask whether you want to create one.

When creating a new translation, the content is copied from the default language.
If there is no translation for the default language, React Bricks will copy the content from the first available language.

Each translation is independent, with its own content, page attributes, SEO/meta, and custom field values.

Delete a translation

When you have more than one translation, you can delete a translation.

Deleting a translation only removes content in that language, not the entire page.

You can’t delete the last remaining translation of a page: to remove it, you must delete the whole page.

Developer setup

For localized content fetching, language switchers and i18n routing, see Localization in Common Tasks.