We’re on vacation till 14 April 2024. Support replies might be slower than usual. Thank you for being patient and considerate.

How To Translate ElementsKit Pages With WPML

ElementsKit is compatible with WPML – WordPress Multilingual Translation Plugin. This plugin allows you to build multilingual sites. Using this plugin you can translate your website built with ElementsKit into any language you want. In this documentation, you will learn how to Translate ElementsKit pages with WPML.

How To Configure WPML Plugin Settings  #

Before you can translate your website, you need to configure WPML Plugin Settings

Step 1: Install and activate WPML plugins #

To translate ElementsKit  Elementor pages with WPML, You will need two plugins: Those two plugins are:

 For more details about the installation process check the documentation.

install WPML plugins How To Translate ElementsKit Pages With WPML

Step 2: Setup languages #

Now navigate to WPML ⇒ Languages. In this location, you can customize the following language-related settings.

  • Site Languages: Here you can select the default language. You can also add languages you want to be enabled for this site. In addition, you also have the option to delete the language from the already enabled list.
  • Language URL format: Here you can change the format of the URL that will determine the active language on the site. 
languages settings How To Configure WPML Plugin Settings 

Step 3: Translation Editor Settings #

Navigate to WPML ⇒ Settings. Scroll down to the Translation Editor. Here choose the Advanced Translation Editor option for both  Editor for new translations and Editor for translations previously created using Classic Translation Editor. Finally, click Save to update.

editor settings How To Translate ElementsKit Pages With WPML

Now that all the important WPML settings are done, let’s move on to the next section.

⚠️⚠️ Note:
While translating ElementsKit Advanced Toggle Element and Off Canvas widgets, if you face the issue “not showing in Advanced Translation Editor” with the mentioned widgets, it’s because these Elements have sub-element within them. 
To translate such items, you need to follow the documentation on how to translate ElementsKit elements with sub-element.

How To Translate  ElementsKit Elementor sites into multiple languages #

You need to make sure all the pages are built using Elementor and ElementsKit. To translate any page follow the steps below:

Step 1: Select the Page/Post you want to translate #

Navigate to Pages ⇒ All pages. After installing WPML plugins, you should see a new column with + icons. You will see +icons for all the enabled languages for this website. Now click on the  + Icon in the language you want to translate.

select page for translation

Step 2: Add the translations #

After clicking on the + icon, you should see a new window with the Advanced Translator Editor. Here you will see all the contents listed. You need to translate each content separately. 

To add translation to the contents, click on the + icon, add the translation under the target language section (German in this case) and then click on the check sign.

translate each content

Step 3: Finally Complete and see the preview #

After you are done adding all the translations, click on Complete to update.

How To Translate ElementsKit Pages With WPML

Now if you visit the page, you should see the options to switch languages. Here is a final preview of how the WPML translation works.

How To Translate ElementsKit Pages With WPML
What are your feelings
Updated on March 14, 2023