WPBakery page builder is one of the most popular WordPress page builders. It allows you to build your pages in a visual way, using its intuitive drag-and-drop interface. It is also bundled with many popular themes.
- WPML Multilingual CMS package which includes WPML Translation Management and WPML String Translation add-ons
- WPBakery page builder plugin
- WPML’s Getting Started Guide helps you set up WPML in a few minutes.
- Later, you can refer to some of its subtopics, such as Theme and Plugin Localization and String Translation. We recommend that you keep this guide open while following this tutorial.
- WpBakery Documentation provides you with all information needed to set up this page builder’s different features.
- Set up WPML from WPML -> Languages. See our WPML Getting Started Guide for a complete reference. The initial three-step setup is simple and self-explanatory. It asks you to choose your default language, a set of active languages, and a language selector.
- First install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management). Then install the other WPML plugins that may depend on these core plugins.
- Install WPBakery page builder and activate it.
- A notification displays at the top of the WordPress dashboard that enables you to easily activate the WPML Translation Editor with a single click. Simply click the Enable it now button in this message window.
Detailed steps for translating WPBalery pages are explained on the page about translating page builder contents.
The following textual elements in the WPBakery Page Builder modules are supported by WPML and will automatically be displayed on the Translator Editor page:
- Text Block
- Separator with Text
- Message Box
- Hover Box
- Single Image
- Image Gallery
- Image Carousel
- Pageable Container
- Custom Heading
- Call to Action
- Widgetised Sidebar
- Post Slider
- Video Player
- Google Maps
- Flickr Widget
- Progress Bar
- Pie Chart
- Round Chart
- Line Chart
- Post Grid
- Media Grid
- Post Masonry Grid
- Masonry Media Grid
- Tweetmeme Button
WPML allows you to manually enable the translation of the Raw HTML element.
To translate the texts in the Raw HTML element, you must add it to the Custom XML Configuration tab found on the WPML -> Settings page. Here is the code snippet:
<wpml-config> <shortcodes> <shortcode> <tag encoding="base64">vc_raw_html</tag> </shortcode> </shortcodes> </wpml-config>
We have prepared a developer’s documentation that explains how the WPBakery Page Builder works with WPML. Additionally, it explains the process of updating the language configuration file in order to maintain the compatibility between WPML and WPBakery Page Builder. Feel free to check it here.