Skip Navigation
Updated
October 11, 2021

Divi is a smart and flexible multipurpose theme. It comes with an easy to use page builder and a handful of pre-made layouts that will help you create the website that suits your needs. If you want a multilingual site, Divi’s integration with WPML will allow you to translate all the theme elements effortlessly.

Divi  page in original content

Translate divi with WPML

Divi page translated to French

Translate divi with WPML

On This Page

Getting Started

Start by installing and activating the following:

  • Divi theme
  • WPML core plugin and WPML String Translation add-on

If you’re new to WPML, check out our Getting Started Guide. It quickly walks you through different translation options you can use.

These translation options include Translate Everything, which when turned on, automatically translates all of your site’s main content. This guide is based on not having this setting activated and instead, using WPML’s Advanced Translation Editor for automatically translating content.

Translating Project Pages and Categories

To translate Projects or any custom post type items, you need to follow the same steps as for translating any other types of pages or post types.

Click on the plus icon to translate a Projects page’s content

You can translate your Project Categories on the WPMLTaxonomy Translation page. Select the Project Categories from the drop-down menu and a list of your categories will appear. Click the plus icon to translate a category for the respective language.

Translate the categories using the Taxonomy Translation page

Keep in mind that the translations of categories are universal: if you make a change, they will be updated everywhere.

Translating Texts From Divi Theme, Plugins and Other Places

Besides content coming from posts and pages on your site, there are usually some texts coming from other places. Most common examples are themes and plugins.

To learn how to translate these texts, read our documentation page about translating strings.

Translating Divi’s Custom Layouts

With Divi, you can create your own layouts and save them to be used in different pages or posts. Check Divi’s documentation on Saving and Loading Custom Layouts. These layouts can be translated using WPML. You can even have different layouts for each language on your website.

Follow the same steps of translating posts, pages, and custom post types to translate Divi’s custom layouts.

When translating a page or post that uses a layout template that you have already translated, WPML automatically preloads the translated content in the Advanced Translation Editor.

Translating Divi Global Modules, Rows, and Sections

With Divi Builder, you can set a module, row, or section to be global. This adds it to your Divi library and you can insert it into any page. Updating any instance of the global item will update all of the items inserted into different pages.

Follow the same steps for translating posts, pages, and custom post types to translate Divi’s global modules, rows, and sections.

When translating a page or post that uses a global item that you have already translated, WPML automatically preloads the translated content in the Advanced Translation Editor.

Divi’s Theme Builder allows you to create a custom global header, body, and footer.

Before you proceed with translating header, body, or footer layouts, we highly recommend that you give your layouts a descriptive name. This makes it easier to distinguish which layout you want to translate on the Translation Management page.

You can do this while editing your layout by navigating to the Layout Settings box and adding a descriptive name in the Title field.

Adding a descriptive title to the layout

To translate the Divi site header or footer you created using the Divi Theme Builder, follow these steps:

  1. Go to WPMLTranslation Management. Choose Header Layout, Footer Layout, or Body Layout from the Type dropdown, then click the Filter button.
  2. Choose which headers or footers you want to translate, the languages you want to translate them into, and click Translate selected content.
Sending a global header for translation
  1. Go to WPMLTranslations to take and translate the global header using the Advanced Translation Editor.
Translating the global header using the Advanced Translation Editor

This is how the translated header looks like on the front-end:

Translated global header

Adding Support for More Divi Builder Modules

WPML allows you to manually enable the translation of additional Divi Builder elements and element attributes. You can find more information on the page about how to register page builder modules for translation.

Enabling the translation of some elements/element attributes might cause issues when sending a page to professional services or using a local translator. The issue is not technical, but stems from the fact that translators often do not, understandably, have in-depth code knowledge or experience.

Translating Content Coming From Divi Add-Ons

Divi has many useful add-ons and plugins that enhance its usability. While we are constantly working on expanding the support and the compatibility for these add-ons, not all of them are yet integrated with WPML.

In case you run into a non-translatable add-on, we provide you with a workaround to manually integrate it with WPML. Follow the simple instructions provided on our page about integrating page builders that use shortcodes, with WPML.

Maintaining the Divi Builder Compatibility With WPML

We have prepared documentation that explains how to maintain Divi builder compatibility with WPML. It explains the process of updating the language configuration file.

Getting Help From Our Support

In case you need help translating your site built using Divi and WPML, visit WPML’s support forum.

Need Help With Building and Maintaining Your Site?

If you need help with building or maintaining your site, take a look at our list of WPML Contractors. They are experienced developers of multilingual sites.

Don’t Have WPML Yet?

You can test WPML for 30 days to see if you like it.
If you are not happy with our plugin during this period, we will refund you without any questions.