Polylang

Polylang is a free WordPress plugin that allows you to create a multilingual website. It enables you to translate posts, pages, as well as manage translations using a language switcher.

Setting up the integration

1. Log in to your WordPress admin dashboard.

2. Go to the "Plugins" menu and click on "Add New."

3. In the search bar, type "Polylang" and hit enter.

4. Click on the "Install Now" button next to the Polylang plugin.

5. During the installation, you will be asked to add your desired languages.

6. Once the plugin is installed, click on the "Activate" button.

7. After activating the plugin, go to the "Languages" menu in the WordPress admin dashboard.

8. On the Languages page, you can add new languages and set the default language for your website.

9. Go to the "Settings" menu and click on "Polylang."

10. On the Polylang settings page, you can configure various options such as the language switcher, language filtering, and URL modifications.

11. Go to each of your page and post and select the language they belong to.

12. Once you have configured the settings and added the languages, you can start creating content in multiple languages and switch between them on the front end of your website.

13. You can also customizing the language switcher by adding the code in your website theme file.

Enable Polylang for Zion Builder Templates

14. Go to Languages > Settings under Custom post types and enable Zion Templates

This step is important in order to be able to use Polylang with the Theme Builder and apply languages to header/footer components.

Add the Language Switcher to the menu

To add the language switcher to the menu in a WordPress website using the Polylang plugin, you can use the following steps:

1. Log in to your WordPress dashboard.

2. Go to Appearance > Menus.

3. From the "Screen Options" tab in the top right corner, check the "Language" option to enable the language select box.

4. Locate the "Language switcher" section on the left side of the screen, and select the languages you want to add to the menu.

5. Click on the "Add to Menu" button to add the languages to the menu.

6. Drag and drop the languages to the desired location in the menu.

7. Expand the Languages and customize it to display flags or just language names etc.

8. Choose where you want your menu to display and for what language from the Menu Settings.

9. Click on the "Save Menu" button to save the changes.

You should now see a language switcher in the menu on your website.

Creating Multilingual Menus

To add a different menu for a secondary language on a WordPress website using the Polylang plugin, you can use the following steps:

1. Go to Appearance > Menus.

2. Create a new menu for the secondary language by clicking on the "create a new menu" link.

3. Give your new menu a name and add the desired items to the menu by using the "Custom links", "Pages" and "Categories" sections.

4. Add the language switcher to the menu from "Language switcher" by dragging the languages to your menu.

5. Open the languages accordion from the arrow toggle and customize them

6. From the Menu Settings menu, select the language and location where you want your menu to be displayed.

7. Click on the "Save Menu" button to save the changes.

You should now have a different menu for each language on your website. When a visitor switches to the second language, they will see the menu you created for that language.

It's worth noting that if you don't set a menu for a specific language, the default menu will be shown.

Translating the content

Once you have the Polylang plugin installed and set up on your WordPress site, you can begin creating translations for your pages. Here is a step-by-step guide on how to translate a page using Polylang:

1. Go to the Pages section of your WordPress dashboard and locate the page you want to translate.

2. Click on the "+" Icon to create a new page. This page will be used as the base for the translated version of the page.

3. In the right sidebar, you will see a "Languages" section. In this section, select the language you want to translate the page into.

4. Once the language is selected, add a title and you can also manually edit the content if needed.

5. Once you are satisfied with the translated content, click on the "Publish" button to make the page live on your website.

6. Repeat the process for any other languages you want to create translations for.

7. If you want to change the order of languages in the menu, go to Settings > Languages and drag the language in the order you want

8. To change the default language of the website, go to Settings > Languages and select the default language.

You can also use the "Add New Language" button in the Languages section to create translations for pages that have not yet been translated.

That's it! Your pages are now translated and ready to be viewed by visitors in multiple languages.

How to translate the Theme Builder Components?

If you want to translate a component like for example the footer you will have to access this link on your server. And all Zion Builder will show up including the components.

/wp-admin/edit.php?post_type=zion_template

Make sure that you have enabled Polylang for Zion Builder templates first. You can do so from

Go to Languages > Settings under Custom post types and enable Zion Templates

Now you will be able to also translate the components