WPML allows you to translate layouts for headers, footers, single pages, and archives you build using Beaver Themer.
- Getting started
- WPML translation tools
- Translating Beaver Themer layouts
- Translating pages built with Beaver Builder
- Getting help from our support
To follow up with this tutorial, ensure that you have installed and activated the Beaver Builder and the Beaver Themer plugins.
Also, make sure to activate the WPML Multilingual CMS, WPML String Translation, and WPML Translation Management plugins.
We recommend enabling WPML’s Advanced Translation Editor for a better translation experience. You can do that by navigating to WPML → Settings. Under the How to translate posts and pages section, check the “Use WPML’s Advanced Translation Editor” option.
Besides translating your site content yourself, you can also:
- Send your content for translation to a professional translation service.
- Create your own team of local translators from the Translation Roles tab in Translation Management and assign translation jobs to them.
Translating Beaver Themer layouts is pretty straightforward as it’s very similar to translating posts and pages. In this example, let’s see how to translate a header we created using Beaver Themer.
- Go to Beaver Builder → Themer Layouts and you will see a list of all your layouts. Click on the plus icon under the language you want to translate your layout into. In our example, we want to translate the “Custom Header” layout. This takes us to WPML’s Advanced Translation Editor.
- Click the Translate automatically button, review the translation to ensure it is accurate, then click the Complete button to publish the translation.
- In case you’ve set the header or any layout to display in a specific location, you need to manually set the translated location as well. For example, we’ve set our header to show on the homepage.
To make sure that the translated header appears on the translated version of the homepage, use the language switcher in the top admin bar to edit the layout in the other language. Then, choose the translated version of the page to be the new location. After this is done, make sure to click Update.
This is how the translated header looks like on the front-end:
You can follow the exact same steps to translate any layout that you build using Beaver Themer.
Check out our detailed guide that explains the process of translating websites built with Beaver Builder using WPML.
In case you encountered any issues translating Beaver Themer layouts using WPML, visit our support forum.