How to Create a Multilingual Joomla Website

Author:

Joomla is a powerful content management system (CMS) that allows you to create dynamic and engaging websites. If you’re looking to reach a global audience, building a multilingual Joomla website is essential.

Joomla is one of the most widely used Content Management Systems (CMS) for handling dynamic websites. Although English was originally designated as the primary language, you can add content in any other language to your website. Even yet, doing so does not necessitate developing Joomla multilanguage features. Joomla multilanguage websites can, however, display their content in different languages—possibly by pressing a button or switch.

In this tutorial, I will explain how to create a multilingual site with Joomla, there are 10 steps as follows –

1. Install your Desired Language

To create a multilingual Joomla website, you must first install your preferred language. Since English is the default language, you must add your desired language to make Joomla support multiple languages.

Please note that Joomla doesn’t automatically translate content. If you want your website to be available in two or more languages, you must create separate content for each language.

Learn more: Migrating from Joomla to WordPress: A Comprehensive Guide

Follow the below instructions on how you can install a new language.

  • Go to System> Languages > Search your language: once you have logged in to the admin control panel in Joomla 5. click on system and then you will see multiple tools blocks, under the install block see Languages, and click on it.
Select System and after that click on Languages in Joomla 5
install your Language in the Joomla 5 admin panel
  • Search your desired language and click on the install button

Search your desired language in Joomla 5

Search your desired language in Joomla 5

2. Publish the Installed language

Let’s publish our installed language, and then we can use it, so follow the below steps for the Joomla 5 website:

  • Go to System ->Languages: same as the first step point one.
  • Click on the Content Languages button like the screenshot below
content languages in Joomla 5
content languages in Joomla 5

After clicking on content languages you will see a list of installed languages, for example, we have installed German language which is unpublished for now. and English language has already been installed with the Joomla 5 package.

  • Click on the Unpublished button under the status column. so the status will be changed as a right green mark which means it is published now.
publish German language in Joomla
publish the German language in Joomla

Learn More: How to Manage Banners in Joomla 5

3. Publish Language Plugins

Before to go next step make sure that the language filters are published. you can publish language plugins from the plugin manager

  • ​Go to System > Plugins
Publish Language plugin in Joomla 5
Publish Language plugin in Joomla 5
  • In the Plugin Manager, you can search the plugins using the search box to find them quickly. Type the language on the box and hit enter.
search language plugins from plugin manager in joomla 5
search language plugins from the plugin manager in Joomla 5
  • Then Click on the publish button to publish both plugins.

Learn More: How to use Smart Search in Joomla 5

4. Create Multilingual Joomla Content

Now, we are ready to generate multilingual Joomla content. So we need to create two new categories, The first one is English and the second language German is my selected language for instance.

Create new Categories

  • Go to Content > Categories > New
  • Enter a category Title for the German language, select German from the language drop-down menu and click Save & New.
create German category for multilingual
create a German category for multilingual
  • Enter the second category Title for the English language select English from the language dropdown and click Save Button.
create English category for multilingual
create an English category for multilingual

Add Content to Joomla Multilingual Website

Now, we have to create articles for both languages (English and German). So let’s create articles for English by the below steps:

  • Go to Content > Articles > Click on “+”  or New 
  • Enter the article title in the Title text box and insert the Article Text in the editor
  • Select the English language from both the Category drop-down as well as the Language drop-down at the right side of the module.
  • Now Click on the Save & New button
Create English language content
Create English language content

Now, let’s create another article for the German language. Follow the same steps above.

Create English language content
Create English language content

Learn More: How to Create Contact Form in Joomla 5

5. Create Multilingual Menus

In the Joomla website to create pages we must create menus, so let’s create menus for each language. Let’s create the menu for the English language first.

  • Go to Menus > Manage > New
  • Enter the English on the Title text box
  • Enter the english-menu on the Unique Name text box (you can enter according to your choice)
English menu in Joomla 5 multilingual website
English menu in Joomla 5 multilingual website

let’s create the menu for the German language, and follow the above steps similarly.

  • Go to Menus > Manage > New
  • Enter the German on the Title text box
  • Enter the german-menu on the Unique Name text box (you can enter according to your choice)
German menu in Joomla 5 multilingual website
German menu in Joomla 5 multilingual website

Creating Menu Items for Multilingual Menus

Now we have to create menu items for each menu in English and German, so let’s create for the English menu item first.

  • Go to Menus> English> New
  • Enter the Title in the menu Title box
  • Select the Menu Item Type
Select the Menu Item Type
Select the Menu Item Type
  • Select an English language article
Select an English language article
Select an English language article
  • Select Language from the right-side drop-down
Create English menu item
Create an English menu item

Now create the German menu item using the same steps above for the English menu item.

create the German menu item in Multilingual Joomla Website
create the German menu item on the Multilingual Joomla Website

Learn More: How to Publish Smartslider 3 to Joomla 4

​6. Set Default Homepage for Both Language

Now, we have to define the article page in each language as their corresponding default home page. Let’s create the defualt homepage for the English menu –

  • Go to Menu > English
  • Click on the Toggle button below to the Home column name.
Click on Toggle button below to Home column name.
Click on the Toggle button below to the Home column name.
  • After clicking on the toggle button the toggle will be replaced by a flag icon related to that language that belongs to the Country.
toggle replaced by country icon
Toggle replaced by country icon

The same steps follow to set the default homepage for the German Language

set default german menu item
set the default German menu item

7. Display Menu Items on Front-End

Now we have to display menu items on the front end, So let’s create a Menu Module for the menu items and assign them to a module position. ​To do that follow the below steps:

  • ​Go to Menus > Manage
  • Click on the Add a module for this menu button next to the English menu
add module for English menu item
add module for English menu item
  • Enter the Title in the title text field and select Position from the right side
Create English Menu module1
Create English Menu module1
  • Select Menu field already selected as English. just scroll down and choose the language as English from the right sidebar.
  • Click Save and Close

Now Follow the same steps as above for the German Menu Module

add module for German menu
add a module for the German menu

Learn More: Fix Joomla Migration Errors: A Step-by-Step Guide

8. Enable Associations Component

The latest version of Joomla offers a Multilingual Associations feature, that allows you to translate content with a single click. we have to make sure that the Associations option is enabled.

  • Go to System > Plugins > type “language” in the search box
  • Open System – Language Filter plugin
  • Make sure the Item Associations option is enabled but if not, then just enable it.
association plugin enabled
association plugin enabled

9. Make an Association Between two Articles

We are creating a multilingual website for visitors who belong to different countries and they speak different languages for example a visitor comes on the article page which is written in English, but he’s from German. So in this case, if you had previously associated that article with its German version, just by selecting the Joomla multilanguage option, then the visitor can see that article in his native language.

Let’s see, how you can Associate articles with one another.

  • Go to Content > Articles > Open/Edit the article
  • Under the Associations tab, click on the Select button to choose the article to associate with, Save & Close.
Select article associate with current article
Select an article associated with the current article

Now we’re ready to utilize the Multilingual Associations Component if you have successfully done the above steps.

  • ​Go to Component > Multilingual Associations
  • Select an article from the Select Item Type category filter and select a language from the Language drop-down filter.
  • Click on the fetched article from below.
multilingual Association article filter
Multilingual Association article filter
  • Select the Targeted language from the right-top box to translate the article into.
Select the target language from Multilingual Association
Select the target language from the Multilingual Association
  • You can see two buttons at the top left to save the changes. Where the Save Reference button is to save changes to the first article (Reference) and the Save Target(Target) button is to save changes to the second article.
save button for reference and target
save button for reference and target
  • Close the window once you’ve made the changes.

10. Duplicate the Template

Now, we have to create two different templates for two languages. So there is a simple process just duplicate your default template twice and rename it accordingly for the two languages.

  • Go to System > Site Template Styles Duplicate your default template twice. (One for English and the other for German)
  • To duplicate, select your default template and click on the Duplicate button at the left top.
template duplicate
make the template duplicate
  • Rename the first duplicate template style for the English language and select Default language as English (en-GB) from the right side.
rename template and assign language
rename template and assign language
  • Rename the first duplicate template style for the German language and select the Default language as German (Germany) from the right side.
rename template for German language
rename template for the German language

Click on the Save & Close Button

Learn More: Joomla Component Development Tutorial Step by Step

11. Add Language Switcher Module

Finally, we have to provide an option for visitors to change language accordingly. So ​A language switcher allows the visitors to switch languages anytime they want. You can find the language switcher module on the modules list.

  • Go to Content > Site Modules > New
  • In the popup window enter the lang in the search box, and you see the Language Switcher module
search language switcher module
search language switcher module
  • Enter the Title in the title text field, assign Position (sidebar-left)
  • Enable the Use Flag image option if you want to display country flags
  • Enable the Use Dropdown option if you want to use the language dropdown
  • Hide the module title if you want to hide the module title.
  • Now Click on the Save & Close button to successfully save the switcher module.
Language Switcher Module
Language Switcher Module

Finally, we have completed all tasks successfully. Let’s see the front of our multilingual Joomla 5 Website

front end multilingual Joomla 5 website
Front-end multilingual Joomla 5 website

So, this is our overall process for creating a Multilingual Joomla 5 website. it will translate 100% correct content because you have to insert every translated content; if there is something wrong you can edit it.

Summary

This is the most straightforward approach to convert a Joomla website into a Joomla 5 multilanguage website within possibly the shortest time. If you find any of the above processes complicated and fail to do so by yourself, feel free to use the below comment section to let us know. We would love to help you out.

Leave a Reply