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.

What you need

Essential Resources

Getting Started

  • 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.

How to translate WPBakery pages using WPML?

Detailed steps for translating WPBalery pages are explained on the page about translating page builder contents.

List of all the current translatable WPBakery Page Builder modules

The following textual elements in the WPBakery Page Builder modules are supported by WPML and will automatically be displayed on the Translator Editor page:

  1. Text Block
  2. Separator with Text
  3. Message Box
  4. Hover Box
  5. Single Image
  6. Image Gallery
  7. Image Carousel
  8. Tabs
  9. Tour
  10. Accordion
  11. Pageable Container
  12. Custom Heading
  13. Button
  14. Call to Action
  15. Widgetised Sidebar
  16. Post Slider
  17. Video Player
  18. Google Maps
  19. Flickr Widget
  20. Progress Bar
  21. Pie Chart
  22. Round Chart
  23. Line Chart
  24. Post Grid
  25. Media Grid
  26. Post Masonry Grid
  27. Masonry Media Grid
  28. Tweetmeme Button

Adding support for the Raw HTML element

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:

Adding support for the Raw HTML element
<wpml-config>
  <shortcodes>
    <shortcode>
      <tag encoding="base64">vc_raw_html</tag>
    </shortcode>
  </shortcodes>
</wpml-config>

Maintaining the WPBakery Page Builder Compatibility with WPML

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.