How to Make Your Website Multilingual

Turning your website into a bilingual 或者 multilingual site allows you to reach a broader audience. The website builder makes it easy to add translations, either manually or automatically.

1. 启用多语言支持

1. Open the CMS Dashboard。
2. 转至 Project Settings。
3. 点击 Translate in the top toolbar.

Language Limits

• Free Version: Supports one extra language。
• Pro Version: Supports multiple languages。

2. Setting Up Your Website’s Languages

Choose Your Original Language

• Select the language your site is currently written in (e.g., English）。

Add a New Language

• 点击 Add Language and select a translation language (e.g., Swedish）。
• Choose whether the translation should be public (visible) or remain private while editing.

Enable Auto-Translation (Pro Feature)

• If using the Pro Version, enable Auto-Translate to automatically generate translations.
• If using the Free Version, translations must be entered manually。

Enable Auto-Switch (Optional)

• This setting detects the user’s browser language and automatically loads the correct version of your site.

点击 Add Translation to apply the settings.

3. Adding a Language Switcher to Your Website

一个 language switcher allows visitors to select their preferred language.

1. Open the Elements Drawer on the left.
2. Locate the Translation Element。
3. Drag it into your header, footer, or another visible section。
4. Save your changes (Ctrl + S / Command + S）。

Now, visitors can switch languages using the language selector。

4. Previewing and Editing Translations

预览页面

• Switch between languages using the language switcher。
• Auto-translations will appear instantly.

Manually Edit Translations

• Open CMS > Pages。
• Select a page and click Translate from the top toolbar.
• Edit any incorrect or unclear translations.

Updating Media for Different Languages

• By default, images and media are shared across all languages.
• To use different images per language, upload them manually in the translation settings.

5. Making the Language Selector Global

• To display the language switcher on all pages：

1. 选择 language switcher element.
2. 点击 Make It Global in the settings.

• To detach it from the header and make it a floating button:

1. 选择 language switcher。
2. Open Settings > Styling > Position。
3. Set it to Fixed and adjust its placement.

Now, the language selector will remain visible even when users scroll.

6. Adding More Languages

• 转至 CMS > Project Settings > Translate。
• 点击 Add Language and follow the same steps to add a third, fourth, or more languages.

With these steps, you can easily create a multilingual website and ensure a seamless experience for visitors in different regions.