Now that each of Awesome Support‘s pages have been translated we can add these to the language switcher to the main menu. To do this on the administration panel’s left menu hover over “Appearance” and click on “Menus”:
First, we will create the first menu for the website’s original language which in this example is English:
Once the menu has been created the two Awesome Support pages need to be added to the menu:
In the “Menu Settings” section you will need to set the correct “Display location” for your menu. In the below example we are using the Twenty Sixteen theme:
Now you will need to create a menu for each other language. On the left side of the Edit menu page you can click the language name:
You will then need to set the “Translation of” to be of the first menu you created in the website’s original language:
Once the menu has been created you have two options: manually add each page or click on the “Synchronize menus between languages” link.
We will use the synchonize option. This will load the “WPML Menus Sync” page. You will then need to click on the blue “Synchonize” button:
For each language’s menu you will then need to edit each menu node’s text and translate the label to the language that you want. Below is an example of the French menu:
Now that the menus have been set up for each language we will need to add the language switcher to the menu. To do this click on the “WPML” link on the left menu in the administration panel:
When the page has loaded locate the “Menu language Switcher” section and click on the “+ Add a new language switcher to a menu” button:
When this button is clicked an overlay will appear. The minimum configuration you will need to do is choose a value on the “Menu:” dropdown. The other options relate to how the language switcher displays. Once you have made the relevant changes click on the blue “Save” button. Now once you go to the front end of the website you should see the menu with the language switcher: