Introduction
Sometimes you need to build your website or your landing page in another language depending on your business location, so today we are going to explain how to create a multi language website with beaver builder and polylang plugin.
What is Polylang plugin?
Polylang is one of the best plugins that give you so many options and many languages to translate your website to, you can also add your language to the menu as a drop down with this plugin ( we will explain that later in this article)
Let’s do it step by step
First, you will need to install this plugin by login to your WordPress dashboard and go to Plugins >> Add new, then type Polylang to search for that plugin
then press install now, then activate.
after you install it, the setup interface should appear automatically
in case it doesn’t, you can go to language and press setup
follow the setup instructions to add the language you want in your website
follow the setup instructions to add the language you want in your website
now to setup new language for your website, go to language >> language
now let’s describe some of its options
- choose a language: Here you can choose the language
- Full name: the name of the language to display on the menu
- language code: name of the language to display in the Browser URL
- Flag: flag of the language country
- order: order of the language in the drop-down-menu
in my case I added two language: English and francais
you can put a star beside the language to make it as default language
now go to language >> settings to do setup more settings
under URL modification, press settings
here how you want the URL to look in the Browser, you are free to set it up as you want, after you are done press save settings
Detect browser language: leave it active and don’t deactivate it, it will detect the browser language automatically and will redirect your visitor to the language version of your website according to his Browser language
those are the main plugin settings
now the next thing we will do is to duplicate the page or the Landing page layout that you want to translate to a different language, i have already explained that in a diferent article, please check it here
after you duplicate it and after you are being redirected to rename the page, you can do this settings
now you should have another version of the landing page with the fr URL at the end, which you can now open it with the builder to edit it and translate each part manually to french which is in our case
now lets see how can we add the language as drop-down using the language switcher
go to appearance >> menus
press add to menu to add it to the menu
then edit it to do it’s settings
Then press save menu, to save it,
now you should have the language switcher to switch between the two language versions we made ( English and Francais) in the landing page
This is how you duplicate a page and add a language switcher to the menu to switch between different versions of the language on your website.
I hope you know now how to create a multi language website with beaver builder and polylang plugin.
useful links:
- How to create a custom sticky header on scroll with Beaver Themer?
- How to secure your WordPress website and protect it from hackers?
- How to create a beaver builder subscription form and link it with Mailchimp autoresponder?
- How to Create a multi language website with Beaver Builder and Polylang Plugin
- How to Create a custom menu using Beaver Builder
Hope that Helps, See you in another article.