How to create a multilingual website in Joomla!

Instellen taalfilter

Set language filter

The multilingual association component cannot be used if the site is not set if multilingual and / or associations are not activated in the language filter plugin.

  1. Go to Extensions / Plugins and enter "Language filter" in the search filter.
  2. Then activate the System - Language filter.
  3. Remove the URL language code, set it to Yes if you have Search engine friendly URLs set to Yes in System / General settings.

Add language.

Taal toevoegen

  1. As a rule, English and Dutch will already be added to your languages. But let's add German for example.
  2. Go to Extensions / Languages / Installed
  3. Click "Install language" in the top left
  4. Enter as search term "german"
  5. Click on install at German –DE
  6. Now go to Extensions / Languages / Content languages
  7. Activate German (DE) by clicking on the red ball

Note: Even if you do not add another language, please check whether all content languages are activated.

Customize Main Menu

  1. Meertalig 4At least one standard menu item must be set to all languages, even if the website is multilingual.
  2. Therefore, create another menu in addition to the already existing Main menu. For example, call this "All languages menu". It can be immediately clear!
  3. Add a menu item and leave it on all languages.
  4. We are now going to adjust the original Main Menu. Menus and click Manage.
  5. In the list of menus, tick Main Menu and click Edit at the top left.
  6. Customize the name and description. Then click Save & Close.
  7. Then open the customized Main Menu by clicking on its name. And open the first menu item. As a rule, that is Home.
  8. Scroll down and select "Dutch" at the bottom right.
  9. Click Save & Close.
  10. Then repeat this for all menu items in this menu.

Note: so for every menu item of this Dutch menu you set the language to Dutch

Create menu 2nd language

We limit ourselves in this example for a bilingual website. Dutch and English.

  1. Go to Menus / Manage / Add New Menu
  2. Give as title in Main Menu EN
  3. Copy this in the fields: Menu type and Description
  4. Click Save & Close

Add menu items to 2nd language menu

But there is no use for a menu without items.

  1. Move the cursor over Menus and click on the newly created menu.
  2. Click New
  3. Enter the Menu Title (Welcome)
  4. Under Menu item for now, select Articles / Special articles
  5. Later you adjust this to the desired Menu item
  6. Scroll down and choose Language for English (UK) at the bottom right
  7. Click Save & Close
  8. You are now on the page with an overview of all menu items of this menu
  9. As a rule, the Welcome menu item is the start page. Therefore, click on the asterisk in the Home column
  10. You should see the English flag instead of the asterisk
  11. Now create the other menu items you want to see in the (in this case) English version of the website.

Note: set the language to English for these Menu items

Link menus of the languages

Now that we have the Dutch and English menu and its items, we want to associate them together. That is to say, when I am on the Dutch Home page and I click on the English flag in the menu, I want to go to the English Welcome page.

We go to Components / Multilingualism associations.

  1. Bij het veld Item-type kies je voor Menu-items
  2. Bij Selecteer taal kies je voor Dutch (nl-NL)

Then you will see all Menu items where you have set Dutch as the language.

You will also see that no menus have been associated yet.

Note: in the picture on the right you can see that I have also set German as the content language. Ignore this.

  1. Now click on the orange block with EN
  2. The page below will now be opened
  3. At Doel, now stands for English (UK). That's fine for now
  4. Click on select target
  5. And choose the desired menu item in the pop-up.
  6. Click Save target if you would like to adjust a few more
  7. And click Save Reference to confirm the reference
  8. You can then click Close.

Below you can now see which menu items are associated or not.

The easy way

You can create the menu items separately for the menus to be linked, but also directly from, for example, the Dutch menu.

  1. Open a menu item
  2. Click the Links tab
  3. Click the Create button
  4. Then a popup for creating a menu item appears
  5. Make sure you place the menu item in the correct menu
  6. Click Save & Close
  7. Check it by opening both menus and see if they are correct

Multilingual articles

Op dezelfde wijze koppel je de artikelen aan elkaar.

  1. Via Components / Multilingual associations
  2. You then select the item type Articles
  3. Or via the relevant articlel

Multilingual categories

It may be good to also have the categories multilingual. This again works in the same way.

Make the menus visible

Make sure that both menus can be shown on the website.

This can be done via a menu module for both menus.

Now the Flags on the website

  1. Meertalig 13For this we will use the module "Use language filter".
  2. Go to Extensions / Modules and click on New. Then select the module "Language selection".
  3. By default, it is set so that the flags of the languages are displayed horizontally
  4. If desired, you can add text below or below this
  5. Experiment with the settings yourself. Determine what you think is appropriate.

Note: the language name that is shown, you determine at Extensions / Languages / Content languages. Click on the appropriate language and change the name in the Original title field.

Comments powered by CComment