Translate Elementor, Divi and other page builder sites

WP Provider Translate translates sites built with Elementor, Divi, Beaver Builder, Bricks and other page builders, as well as the WordPress block editor. It translates the finished page that your builder produces, so every widget, module and block is translated without extra setup. You keep building and editing your pages in your site’s own language, and visitors see them in theirs.

How it works with any page builder

The finished page is translated. Your builder turns your design into a page; WP Provider Translate translates the text in that page before it reaches the visitor. It does not matter which builder made it.
You always edit the original. A builder’s editor is never translated and never cached. If you open the editor on a translated address, such as yoursite.com/de/about/, you are moved to the same page in your site’s own language, where the page is edited.
Changes are picked up by themselves. When you save a page in your builder, the new text is translated in the background. See How translation runs.
Content for one language only. Every builder can show a section in some languages and hide it in others. The block editor and Elementor have a setting for this (see below); for other builders, see Images and content per language.

Block editor (Gutenberg)

Pages made with the WordPress block editor and block themes are translated like any other page. This includes text that interactive blocks show later, such as menus that open, and labels like “Open menu” or “Previous products” that blocks keep out of sight until they are needed.

Every block gets a Languages panel in the block settings on the right:

Select the block.
In the block settings, open Languages.
Tick the languages the block should show in. With none ticked, the block shows in all languages.

To add a language switcher, use the Language picker block. See Language switcher options.

Elementor

Elementor pages, headers and footers are translated, and the language settings are inside Elementor, so you don’t have to leave the editor. They appear once you have chosen at least one language to translate into.

Which languages a page is in. Open the page settings (the gear icon), then the Languages section:

Written in: the language you wrote this page in. Leave it on your site’s language for a normal page.
Available in: the languages the page exists in. Empty means all languages.

Show an element in some languages only. Select any widget, section, column or container, go to the Advanced tab and open Languages. Under Show in, pick the languages it should appear in. Empty means all languages. Elements limited to some languages are built for each visit, so Elementor’s element cache never shows one in the wrong language.

The editor preview is never translated. You always see your page in your site’s own language while you build.

WP Provider Translate adds a Language picker widget to Elementor:

In the Elementor editor, search the widget panel for Language picker and drag it where you want it, for example into your header.
On the Content tab, choose:
- Layout: Dropdown, Horizontal or Vertical.
- Flags: As in the settings, Show or Hide.
- Text: As in the settings, Language name, Language code or None (flag only).
- Hide the current language, and the Alignment.
On the Style tab, set the typography, Text color, Hover color, Current language color, the dropdown colors, Space between languages and Flag width.
Click Publish or Update.

Elementor Pro forms

The messages of an Elementor Pro form (sent, error, server error, invalid form and required field) only show after a visitor sends the form. WP Provider Translate translates them together with the page, so they are ready in every language before anyone sends the form. More about forms in Translate contact forms and GiveWP donation forms.

Divi

Divi pages are translated like any other page. Divi can show a different text on desktop, tablet and phone; each of those versions is translated too. The Divi Visual Builder is never translated or cached, and opened on a translated address it moves to your site’s own language.

Beaver Builder

Beaver Builder pages are translated like any other page, and the Beaver Builder editor is left alone: never translated or cached, and always opened in your site’s own language.

Bricks

Bricks pages are translated like any other page. The Bricks editor is never translated or cached, and opened on a translated address it moves to your site’s own language.

Oxygen

Oxygen pages are translated like any other page. The Oxygen builder is never translated or cached, and opened on a translated address it moves to your site’s own language.

Breakdance

Breakdance pages are translated like any other page. The Breakdance builder, including the requests it makes while you edit, is never translated or cached, and opened on a translated address it moves to your site’s own language.

Brizy

Brizy pages are translated like any other page. The Brizy editor is never translated or cached, and opened on a translated address it moves to your site’s own language.

Thrive Architect

Thrive Architect pages are translated like any other page. The Thrive Architect editor is never translated or cached, and opened on a translated address it moves to your site’s own language.

Avada

Avada pages are translated like any other page. The Avada live builder is never translated or cached, and opened on a translated address it moves to your site’s own language.

WPBakery

WPBakery pages are translated like any other page. The WPBakery front-end editor is never translated or cached, and opened on a translated address it moves to your site’s own language.

Good to know

Other builders work too. A builder that is not listed here still gets its pages translated, because WP Provider Translate translates the finished page. Only the recognition of its editor is specific to each builder.
A language switcher in your header. Besides the Elementor widget and the block, you can add the switcher to a WordPress menu. See Language switcher in the menu.

Troubleshooting

The builder opens my page in the original language when I was on a translated page. That is on purpose: you edit the original, and the translations follow. To change a translation itself, see Correct and review translations.
I don’t see the Languages settings in Elementor. They appear once at least one language is chosen under WP Provider Translate → Settings. See Choose your languages.
A new section shows in the original language. New text is translated in the background, so it can take a short while. If you use a caching plugin, see Caching plugins.

For developers

The wppt_is_editor_request filter marks a request as a builder editor, for builders that are not recognised yet.
The wppt_page_texts filter adds texts a page shows only after a visitor acts, such as form messages, so they are translated with the page.

Details in Developer filters and actions.