Creating a multilingual site

If your website offers products or services to an international audience, a multilingual site can help you reach your target audience and explore new international markets. There are many benefits to creating a multilingual site, including:

  • Increase your reach by speaking to a wider audience
  • Create unique content for language-specific segments of your audience

This guide shows you how to make your Yola site multilingual. You will create language-specific versions of your site. You simply switch between these versions to make changes.

Before you begin

You may wish to create all the essential pages of your site (e.g. Home, About Us, Contact, etc) before making your site multilingual. This will ensure that all of your existing pages are created in your new language at once and nothing is missing. You can add new pages in your secondary language at any time.

multilingual_site_1.png

Add a new language

To add new languages to your site:

  1. Go to the main menu and click Settings...

    multilingual_site_2.png
  1. In the Website settings menu, go to the Multilingual tab and click Add language:

    multilingual_site_3.png
  2. Add the language of your choice, e.g. French:

    multilingual_site_4.png
  3. Click Submit. You will be prompted to save your site.
  4. The Multilingual tab will now look like this:

    multilingual_site_5.png

In this example, English is the main language and French is the secondary language.

Your site is now multilingual. You can start manually translating your content into the secondary language. 

You can also replace the images and blocks completely so that different audiences see different content.

The Language Selector will automatically appear both on your site and in the top bar of the Sitebuilder to simplify the navigation between your languages during site building:

multilingual_site_6.png

The flag icons are adjusted automatically based on the languages you add.

How to switch between languages

When offering a multilingual product or service, you may think about giving your users an option to view your content in a different language.

You can enable the option to choose among multiple languages so that your global audience can choose which language they want to use.

When you switch to the multilingual site, your Header will automatically show a language switch that allows visitors to pick a language version of your site:

multilingual_site_7.png

Then users can choose the language they want to access by selecting the flag icon in the dropdown menu:

multilingual_site_8.png

Translating and managing language-specific content

You can control which content is displayed for certain regions. A multilingual site allows you to display different product offerings for specific countries and provide a more tailored experience for users and audiences in each market. Here’s how to translate your language-specific content:

You can offer a language-specific product catalog, use different images, backgrounds, and page/block layouts on language-specific pages.

You can also add and remove blocks in order to better target different audiences.

Managing your language-specific pages

When you add a new language, the Sitebuilder creates copies of your existing main site language pages.

These new pages will have corresponding language settings. You can check these at Page Settings > Language Code:

multilingual_site_10.png

Creating new pages in a secondary language

If you have created a new page, for example, Services in your main site language (English), and you want to have the same page Services in your secondary language French, there’s an easy way to do it:

  1. In the Language Selector in the upper left corner of the Sitebuilder, switch to the French language:

    multilingual_site_11.png
  1. Click Pages and in the Page Manager, click the Translate page button:

    multilingual_site_12.png
  2. Select English and then select the Services page:

    multilingual_site_13.png
  3. Click Submit. You receive a ready to translate the Services page in the French version of your site.

    multilingual_site_14.png

You can now manually translate the page into French since we chose French for this example.

Once done, click Publish to make the changes live.

Translating the language-specific navigation

To help your international visitors easily navigate through pages in their own languages, you can translate navigation that is specific for each language version of your site. Here's how you can do this:

  1. Choose the language version using the Language Selector. For this example, we would like to create navigation for the French version of the site:

    multilingual_site_15.png
  1. Hover your cursor over the navigation area in the header. Alternatively, click on the Navigation settings icon in the vertical main menu or on the Navigation tab in the upper horizontal menu of the Sitebuilder:

    multilingual_site_16.png
  2. Make the translations of all language-specific items in the navigation. In Navigation settings, hover over the page you’d like to rename in the navigation and click Settings:

    multilingual_site_17.png
  3. Enter the French text as you would like it to appear in the navigation:

    multilingual_site_18.png
  4. Click Submit.
  5. Repeat these steps for the rest of the menu items:

    multilingual_site_19.png
  6. Click Submit.

Your French site version menu should look similar to this:

multilingual_site_20.png

Make sure to publish your site to make the changes live.

How to reference multilingual pages on your site

Whenever you make a site multilingual, the way you reference pages also changes a little.

When you set up a link to another page of the site, a new language selection step appears in the Link settings menu. You will need to select the language of the page where the link would lead. Here’s how it works:

  1. Select a portion of the text which will become a new link. Click on the Link icon in the menu:

    multilingual_site_21.png
  1. In the Click action dropdown menu, select the option Open a page.
  2. In the next drop-down menu, select the target language:

    multilingual_site_22.png
  1. Select the target page for this link.
  2. If this is a language-specific page, enter the page title in the page language:

    multilingual_site_23.png
  1. Click Submit. The link to a language-specific page will be displayed on the page.

Make sure to publish your site to make the changes live.

Other helpful articles

Creating multi-language site navigation

Adding a Language code (hreflang tag)

Building a page with language-specific blocks

Sitebuilder in various languages

Adding languages to your Online Store

Was this article helpful?
0 out of 0 found this helpful