Build Multilingual Websites with Gridbox

Build Multilingual Websites With Joomla Website Builder Gridbox

How to Set Up a Multilingual Joomla Website with Gridbox

How to Set Up a Multilingual Joomla Website with Gridbox

Today we want to show you how to make your Gridbox website multilingual. Joomla Website Builder Gridbox and multilanguage, it's a very common question on our Forum, so we decided to create a blog post with detailed instruction.

But before we begin with "How to Set Up a Multilingual Joomla Website with Gridbox" we want to introduce you a new section of our blog - Tips and Tricks. We plan to answer on most common questions for our Joomla Extensions: Gridbox, Gallery and Forms.

We are sure that section Tips and Tricks will be useful for beginners and for more advanced Joomla! users.

Notice!

The blog post was updated on April 23, 2020.

Introduction

In the Internet you can find a huge number of articles, how to create a multilingual Joomla! site, they are all very similar to each other. In this article, we'll show you how to create multilingual Joomla! site with Gridbox.

Joomla is an excellent СMS, because with Joomla you can set up multilingual website without external extensions, all you need to create a multilingual site is already included.

Recommendations Before Starting

Before you start developing your first Joomla! multilingual website we recommend that you adhere to the following rules:

  • No more than 2 languages for the first time;
  • Start with a 1 page.

Start simple, so you can quickly understand the basic principles of creating multilingual Joomla! websites.

In the example we will create 2 x lingual website: English - German. In the same way you can build 10x lingual website.

Step 1: Duplicate and Rename Gridbox Theme.

1.1. Duplicate Theme

On the Gridbox dashboard, click the button “Themes”. Select a theme that you are using and duplicate it by clicking on the button “Duplicate”.

Duplicate Gridbox Theme - How to Set Up a Multilingual Joomla Website with Gridbox


1.2. Rename Duplicate Theme

Click on the button “Settings”, in opened modal window enter a Theme Title (for example, “German - Theme”) and click the button “Save”.

Rename Gridbox Theme - How to Set Up a Multilingual Joomla Website with Gridbox

Also, you need to rename your original theme to "English - Theme".

Step 2: Duplicate, Rename and Assign Gridbox Pages.

2.1. Duplicate Pages

Right-click on the Home page and select “Duplicate” from the context menu.

Duplicate Gridbox Pages - How to Set Up a Multilingual Joomla Website with Gridbox


2.2. Rename and Assign Gridbox Pages

On the newly duplicated Home page, right-click and select “Settings”.

In the opened window enter the Page Title (for example, German - Home). Also change the Alias (for example, home-de).

Click Theme and in the dropdown list assign German - Theme and click the button “Save”.

Rename and Assign Gridbox Pages - How to Set Up a Multilingual Joomla Website with Gridbox

Click the icon “Publish Item”.

Publish Item - How to Set Up a Multilingual Joomla Website with Gridbox


Note!

All the next pages for the German language should be assigned to the Gridbox Theme “German - Theme”.

Step 3: Install Additional Language.

In the Joomla admin panel, go to Extensions ➝ Manage ➝ Install Languages.

Navigate to Install Languages page - How to Set Up a Multilingual Joomla Website with Gridbox

Using the Search enter the name of the language (in our case German). Then click “Install”.

New Language Installation - How to Set Up a Multilingual Joomla Website with Gridbox

Step 4: Create New Content Languages.

In the Joomla admin panel, click Extensions ➝ Language(s) ➝ Content Languages.

On the Languages: Content page, click the button “New”.

Navigate to Content Language page - How to Set Up a Multilingual Joomla Website with Gridbox

Fill in all the required fields and click “Save & Close”.

Filling in Required Fields - How to Set Up a Multilingual Joomla Website with Gridbox


  • Title - German DE;
  • Title Native - German DE;
  • Language Tag - de-DE;
  • URL Language Code - de;
  • Image - de-de.

More about required fields you can find here: Creating a Content Language.

Step 5: Enable Language Filter.

Go to Extensions ➝ Plugins.

In the search, enter the Language Filter and click Enable plugin.

Enable the Language Filter Plugin - How to Set Up a Multilingual Joomla Website with Gridbox

Step 6: Create Menu for Each Language.

On the experimental site, we configure two languages, English (default) and German. Therefore, we need to create two Menu. As a result, we should get:

  • Main Menu;
  • Menu English;
  • Menu German.

To do this in the Joomla admin panel, select Menus ➝ Manage ➝ Add New Menu.

How to Set Up a Multilingual Joomla Website with Gridbox

Enter the title “Main Menu German”, fill in the remaining fields and click “Save & Close”.

Create Menu for Each Language - How to Set Up a Multilingual Joomla Website with Gridbox

* The same procedure should be done for the English language.

Step 7: Create Menu Items.

7.1. Create Menu Item

From the Joomla Admin Panel go to Menus ➝ Manage ➝ Main Menu German ➝ Add New Menu Item.

Create New Menu Item - How to Set Up a Multilingual Joomla Website with Gridbox


7.2. Assign Gridbox Page

Enter Menu Title.

Select Menu Item Type. Click Gridbox and then Page.

In the App field select Pages.

In the Page field, select the Gridbox Page “German - Home”.

Assign Gridbox Page - How to Set Up a Multilingual Joomla Website with Gridbox


7.3. Assign German Language

Open the Language list ➝ select Germany (DE).

Assign Language - How to Set Up a Multilingual Joomla Website with Gridbox

Navigate to the tab Associate ➝ open the English dropdown list select a suitable English menu item click “Save & Close”.


7.4. Assign Default Page for Each Language

Click on the icon “Star” to assign a default page in Menu German.

Default Menu Item - How to Set Up a Multilingual Joomla Website with Gridbox

* Repeat step 7 for English.

Step 8: Create Menu Module.

Go to Extensions ➝ Modules.

Click the button “New”.

In the opened list select Menu.

Create Menu Module for Each Language - How to Set Up a Multilingual Joomla Website with Gridbox

Enter Module Title.

Select Menu German.

Click the button “Save & Close”.

Enter Module menu Name - How to Set Up a Multilingual Joomla Website with Gridbox

* The same procedure should be done for the English language.

Step 9: Create Language Switcher Module.

Click Extensions ➝ Modules ➝ New.

Select Language Switcher from the list.

Enter the module title and click “Save & Close”.

Create a Language Switcher Module - How to Set Up a Multilingual Joomla Website with Gridbox

Step 10: Assign Menu Modules to Gridbox Theme.

Go to Components ➝ Gridbox.

Open page German - Home.

Click Edit Menu.

Select the Module Menu.

Click the button “Save”.

Assign Menu Modules - How to Set Up a Multilingual Joomla Website with Gridbox

Step 11: Display Language Flags.

Add 3RD Party Plugins Joomla Modules. Select Language Switcher and click the button “Save”.

Display Language Flags - How to Set Up a Multilingual Joomla Website with Gridbox

* Repeat steps 10 and 11 for English.


At first glance, it looks very difficult. Yes, it's not very simple for a beginner, because it includes a lot of steps. But by following the above recommendations you can build a multilingual website.