In this guide, we show how you can make your Website Builder site multilingual. As an example, we are adding a Dutch version to an English site.
After following this guide, the overall structure of your website is in place, and you can start adding the translations.
- Step 1 - Make all pages subpages of your main home page
- Step 2 - Rename your home page
- Step 3 - Duplicate pages for the additional language
- Step 4 - Add links to the home page of each language
- Step 5 - Change the start level for your menu
- Step 6 - Add a new menu to the page as language selector
- Step 7 - Add the translated text and publish your site
Step 1 - Make all pages subpages of your main home page
Start by turning all pages into subpages of your main home page, see the screenshot for how it should look. Check our guide if you need more information on how to do this: How do I add a subpage?
Step 2 - Rename your home page
Next, you need to rename your home page to the language it represents. What you enter here, will become the text your visitors click to change to this language. In this example, we've used "EN" to indicate English, but you can call it whatever you want.
- Open the pages menu.
- Right-click on your home page and select Settings.
- Change the page name in the menu to "EN" or another language.
- Change the folder name to "en" as well, in lower case.
- Click Save.
Step 3 - Duplicate pages for the additional language
Make a duplicate of each page for the additional language. A duplicate page is a copy of the original page, making it easy to add the translated text.
- Open the pages menu.
- Right-click on the first page and click Duplicate page.
- Enter a name for the page - the translated version of the original page - and click OK.
- Repeat this until you have a duplicate of each page.
- Turn the pages into subpages of the home page of the new language, see the screenshot for how it should look.
Step 4 - Add links to the home page of each language
To make the home page visible in the menu with the other pages you need to create a link to each home page in the menu.
- Open the pages menu.
- Click the button to add a link to the menu, it's blue with a chain.
- Click Link in the menu to the left.
- Click the button Link to file or page in the top-right corner.
- Select the (front) page you want to link to and click Save.
- Type the name for your home page that should be visible in the menu under Link title.
- Click Add to save your settings.
- Make the link a "subpage" of the home page that you are linking to, see the screenshot.
- Repeat this for each language.
Step 5 - Change the start level for your menu
The next step is to fix the menu. Due to the changes you just made, your menu only shows the language pages.
- Select the menu on your page.
- Click Edit menu.
- In the settings that appear, change the start level to Pages on second level.
Step 6 - Add a new menu as language selector
Finally, you should add a new menu to your website template that allows your visitors to change the language.
- Click Menu in the menu to the left.
- Click Edit styles.
- Click New menu style (duplicate).
- Adjust the settings of the new menu style to your liking.
- Click Done to save your settings.
- Drag a menu in your page while in Edit template mode. This way the menu will be visible on all pages using this template.
- Click Edit menu.
- Change the menu type to Horizontal single level.
- Click Style and select the new menu style you just created as the Main menu styling.
- Adjust the size and placement of the menu to your liking and click Save.
Tip: You can attach your menu to the strip for it to stay visible when scrolling. Check this guide to learn more: How do I make the menu always visible on top?
Step 7 - Add the translated text and publish your site
The structure of your site is now done. So you can now start adding the translated text and other content. Click Preview if you want to see how your site will look.
Once you have added the translated content, you can publish your site to make it visible online.
Note: The menu links to your home pages that you added, don't work in preview mode. They will work once you site has been published.
Related articles: