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.