How to create multi-language website with nested urls
In this guide, I'll show you how to create nested pages using the example of creating multilingual site pages.
Let's take a website with several pages in English as an example and create a Spanish version of those pages.
1. Create nested pages
- Renaming existing pages to create nested pages for the English version of the site.
To do this, go to "Page settings" and in the "Page URL" field, add the path en/page-name for each page.
2. Create page duplicates
- Now create duplicates to make the Spanish version of the pages.
To do this, click on the "three dots" button in the pages dropdown menu and select "Duplicate" and repeat this for each page.
3. Renaming the pages for the Spanish version
- We’re replacing "en" with "es" in the page paths.
We’ll also rename the homepage for the Spanish site and make sure to update the links in the buttons and components to point to the Spanish versions of our pages.
4. Translate the content
- We’ll need to translate the content into Spanish for the Spanish version of your site.
You can do this manually or use the AI feature to help with the translation by selecting the appropriate options for each component on the page.
5. Language switcher
- To make things easier, we’ll add a language switcher to the navigation panel.
Go to the navigation panel editing section and create a new item under "Edit the nav links" and name it "Choose language".
- By clicking the "plus" button, add two items for the two languages of your site.
- For the English version, use the "slash" in the page path as it’s the home page.
- For the Spanish version, use the link "/es/home" as we named that page earlier, and save your changes.
6. Publish pages and enjoy
- Now you can publish the duplicate pages and enjoy your multilingual site.
If you have any questions, feel free to reach out to us through the support chat.
Updated on: 02/08/2024
Thank you!