Warning
You're browsing the documentation for an old version of Webiny. Consider upgrading your project to Webiny 5.39.x.
WHAT YOU'LL LEARN
  • how to create a page for multiple locales

Webiny allows creating different versions of the same page for different locales. In this tutorial, we will learn how to create a page for multiple locales. We will do this in 4 steps:

  • Step 1: Create a new locale
  • Step 2: Export a page
  • Step 3: Create a new category in the new locale
  • Step 4: Import the page in the new locale

Prerequisites
anchor

To follow this tutorial, you need the The benefits of a Serverless CMS page. If you don’t have the The benefits of a Serverless CMS page, please follow the Create Page tutorial to create it.

Step 1: Create a New Locale
anchor

We will create a new locale for the Italic language.

  1. From the Side Menu, click Settings > LANGUAGES > Locales.

  2. Click + NEW LOCALE.

    ✔️ The New locale section opens.

  3. In the Code dropdown, type it-IT.

  4. In the available options in the dropdown, click it-IT.

  5. Click SAVE LOCALE.

Step 2: Export a Page
anchor

  1. From the Side Menu, click Page Builder > PAGES > Pages.

    ✔️ The Pages screen opens.

  2. Select the checkbox on the The benefits of a Serverless CMS list item in the list of pages.

  3. Click the EXPORT icon.

    ✔️ The Select Page Revision screen opens.

  4. Click Published.

  5. Click CONTINUE.

    ✔️ A screen appears with the prompt Your export is now ready!

  6. Click the COPY icon to copy the export URL.

  7. Click CLOSE.

Step 3: Create a New Category in the New Locale
anchor

  1. Click on the LOCALE dropdown in the header section and select it-IT to switch to the Italian locale.

  2. From the Side Menu, click Page Builder > PAGES > Categories.

    ✔️ The Categories screen opens.

  3. Click + NEW CATEGORY.

    ✔️ The New Category form opens.

  4. In the Name textbox, type Static.

  5. In the Slug textbox, type static.

  6. In the URL textbox, type /static/.

  7. In the Layout dropdown, select Static page.

  8. Click SAVE CATEGORY.

    ✔️ The message “Category saved successfully.” displays.

Step 4: Import the Page in the New Locale
anchor

  1. From the Side Menu, click Page Builder > PAGES > Pages.

    ✔️ The Pages screen opens.

  2. Click the IMPORT icon.

    ✔️ The Select a category screen opens.

  3. Click Static.

  4. Click PASTE FILE URL to import the page with the copied URL.

  5. Paste the copied URL in the File URL textbox and click CONTINUE.

    ✔️ The Import Pages screen appears with the message “All pages have been imported”.

  6. Click CONTINUE.

    ✔️The Pages screen opens with the imported page available in the list of pages.

  7. Edit the imported page and update the following values:

    FieldCurrent ValueUpdated Value
    Page TitleThe benefits of a Serverless CMSI vantaggi di un CMS Serverless
    H1The benefits of a Serverless CMSI vantaggi di un CMS Serverless
    H2Increase your business resiliency and reduce infrastructure spendAumenta la tua attività resilienza e ridurre la spesa infrastrutturale
    H3By switching to Webiny these are the quantifiable gains you can expect:Passando a Webiny questi sono i guadagni quantificabili che puoi aspettarti:

    Note: Similarly, you can update other parts of the page. Or you can create an entirely different page for the new locale.

  8. Click PUBLISH CHANGES.

    ✔️ The Pages screen opens with the message “Your page was published successfully!“.

Now, when a user from the Italian locale visits the The benefits of a Serverless CMS page, they will see the Italian version of the page.