Add language(s) to your project

You can display your website in an unlimited number of languages and configure them with language/region codes.

In this article

Step 1:  Install the Language Manager Module

Step 2: Add languages

Step 3:  Language cookies and start settings

Step 4: Edit languages

Step 5: Switch between languages in the CMS

Step 6: Configure the language switcher on your website

 

Important:

When you add, edit or delete a language, all published pages will be deleted from your website. If your project is live, and you make any language changes, your site will be inaccessible. To fix this, simply republish all the pages of your website.

Step 1:  Install the Language Manager Module

    To install the Language Manager Module, read this article

    Tip: We advise that you install the Language Manager Module before you start adding any content to your web project. 

    It is possible to add languages later, but all layout and page content will need to be revisited and updated.

    Step 2: Add languages

    • Navigate back to your project to edit.
    • Go to Project, click Settings, and select Languages.
    • In the Language Management view:
      • Add any language you like, including LTR languages, by clicking the plus icon.addlang
      • Fill out:
        • Language Name: Label the language of your choice.
        • Folder URL: Change the URL when multiple languages are activated.
        • Language Code: Select the language from the dropdown menu. 
        • Country Code (optional): Select the country code from the dropdown menu.
        • Copy Content From Language: Autofill content from another language. Use this option if you are adding a language when you already have content.
        • addlang2
      • Enter your page names for your newly added language.

    Tip: You can find a list of all language codes here.

    Step 3:  Language cookies and start settings

    • Toggle the cookies switch On if you want to activate functional cookies to store the visitor's language preference. Whenever this visitor returns to your site, the preferred language will be loaded automatically.
    • Display a language selection page or switch on language detection to determine the visitor's default language, either through the browser or through the IP address (see Advanced Settings).

    Step 4: Edit languages

    • In the Language Management view:
      • Edit any language by clicking the pencil icon. 
        addlang
      • In the Change language view, there are two additional options:
        • CMS availability: Toggle to Inactive, so CMS users can no longer edit any content in this language, and to unpublish the language from your website.
        • Publish Language: Toggle to No to prevent this language from being published, while still making it available to CMS users to edit (if CMS Availability is Active).
        • Country Default Language: Toggle to Yes to set this language as the default language match when using browser detection. 

    Tip: Deactivating or unpublishing options are great if you want a multilingual folder structure, or if you want to launch one website language at a time.

    Step 5: Switch between languages in the CMS

    • Click the language management dropdown to select the language you would like to edit in.

    Note:

    Every CMS form for content will always show all available languages to edit, even if you have selected a certain language in the visual render. This creates a faster workflow for content editors who would like to introduce changes to all languages. Some content like pictures can be copied between languages with the single click of a button.

    Step 6: Configure the language switcher on your website

    To configure the language switcher, read this article