Skip Navigation
May 17, 2024

Sometimes, you need to use different designs when translating key content such as the homepage or landing pages. WPML allows you to do this by using the Plus icons.

Landing page in English
Landing page in French

How to Get Different Designs for Different Translations

If you’re a WPML Multilingual CMS or Agency account user, you would use Translation Management to translate your content. However, this won’t work if you need your translations to look different than the default language. Instead, you need to disable the WPML’s translation editor and use the WordPress editor or the page builder of your choice.

In our example, we use the default WordPress Gutenberg editor. The steps are the same for all compatible page builders such as Elementor, Divi, or Avada.

  1. Go to the Language section in the sidebar and click to switch to the WordPress Editor.
Switching to the WordPress Editor in the sidebar
  1. In the pop-up dialog that appears, select This page and click Apply.
Choosing to use the WordPress Editor for this page only
  1. You have two choices for translating. You can either start from scratch or from a duplicate of the original language.

3.1. When you need completely different designs in translations (start from scratch), click the Plus icon next to the desired language and write from scratch.

Clicking the Plus icon
A blank editor in the secondary language
A completely different translation

3.2. To start with the original design and translate the texts, click on the duplicate checkbox in the original language and then on the Duplicate button. Next, edit the duplicate using the pencil icon and click the Translate independently button.

Duplicating the content
Editing duplicated content
Translating independently
Translation with the same design
  1. Once done, click to publish or update the translation.