All Collections
FAQ's and Troubleshooting
How to use WPML to translate the Theme Builder Layout
How to use WPML to translate the Theme Builder Layout

Easily Translate Divi Theme Builder Layouts into multiple languages using WPML

Eduard Ungureanu avatar
Written by Eduard Ungureanu
Updated over a week ago

Using WPML, you can translate the Theme Builder Layout to multiple languages. The WPML plugin can be downloaded fromย 

Setting up WPML

If you're setting up WPML for the first time, please refer to our guide on creating multilingual websites using Divi or Extra and WPML. This guide walks you through installing the necessary plugins, setting up your site's languages, and choosing who will translate your site.

We recommend using WPML's Advanced Translation Editor if you are translating the site yourself or using local translators. It includes many great tools such as automatic translation, translation memory, a spell checker, and more.

To enable it, go to WPML > Settings. Under the How to translate posts and pages section, choose Use WPML's Advanced Translation Editor for New content.

Translating Theme Builder Layouts

Once you have WPML set up and your languages and translators chosen, translating theme builder layouts is pretty straightforward. The process is the same whether you have created a header, footer, or body layout.

When creating your layouts, we recommend giving them a descriptive title to easily recognize which layout you want to translate later. You can do that on the layout editing page. Go to the Layout Settings box and add a descriptive name in the Title field.

In the following example, we will translate a Footer Template to demonstrate the translation process.

Translate the Footer Template

To translate the Footer Template, follow the steps below:

  1. Go to WPML > Translation Management.

  2. From the Element type drop-down menu, choose Footer Layout, and click the Filter button.

  3. Find the footer you want to translate.

  4. Select the language(s) to which you want to translate the Footer Layout

  5. Click Translate selected content.

  6. Go to WPML โ†’ Translations to take and translate the Footer layout by clicking on the Translate button.

  7. Add your translations or click the Translate automatically button to fill in the translations instantly using WPML's automatic translation feature. Next, review the translations to ensure accuracy, then click the green checkmark button to confirm. Finally, click the Complete button to publish the translation.

The translated footer will be displayed anywhere you assign the layout.

Different Footer Layout on the Second Language

If you also want to make changes to the Footer layout, which was just translated, on the Frontend, switch to the second language and activate the Visual Builder from the top of WordPress's Admin bar.

Once the Visual Builder is loaded, click on the Footer Layout and make the changes.

Have a look at this video to see how to use the second Language to make changes to the Footer Layout. Not only is the content already translated, but we can also make changes to the design without affecting the original Footer Language - which was set for the English language, in this case.

Besides styling changes, we can also make content changes, like we would normally do, without affecting the English Footer Layout.

Did this answer your question?