Typo3/Frontend Localization

• TYPO3 CMS comes with the built-in ability to handle web sites in multiple languages.

Adding a new language

Make a new language available

• First of all you have to add a new language available for the website development

Add the new language

• Choose and configure the language that you want to add

Choose the language you want to make available

• Save>Close
• Now the language is available

Activate the new language for the website

• Enter in the site management>Sites - This module is limited to admin users only

Module Site management

• Click on edit Site configuration

Edit button

• In the big square are shown the available languages for the website
• Just click on the one that needs to be added to the website and it will be instantly be available.

Available languages

• Be sure that all the fields are properly configured

Language fields to set

• Now you can work with the new language and make the website multi language

Translate the website pages

• To translate the pages of your website enter in the Page module and select the page you want to translate in the tree section

Select the language in which you want to translate the page

Here you can see all the available languages

• The next step is to edit the new language name of the page
• Don't forget to update the page URL

Language edit of the page

• Save>Close
• Now you will be able to see the 2 versions of the page, in both the languages you need
• Be sure to select the Languages view

In the 2 columns you can see the contents for the page in English and German

• Now you have to translate the contents. To do so click on the button "Translate"

Translate button

• It is possible to choose between the options:

1. Translate: will create a direct connection between the original language and the language you translate to.
2. Copy: You are freer to design your website. More recommended

• With the option Copy the software will generate a copy of the content that you will have to edit and translate in the new language
• The new content is in Light grey color because it is not enabled. Remember to enable the content if you want to see it in the frontend

Click on edit to translate the page in a new language

• In the edit section of the new page you can translate the contents and set everything as you wish

Contents translation

• Save>Close

View the translated pages in the frontend

• To see if your changes work as you wish on the frontend, click on the view mode

View mode

• Change the language of the website into the one you are working with

Choose the language