Translate Elementor Pages With WPML

Get your hands on the latest version of WPML with which you can easily translate all your WordPress pages in just a few clicks.

Global outreach is a vital part of any business that wants to expand and profit. An important aspect of this is the ability to communicate your product or service across other languages. In the old days, you would hire a professional translator. While we hold the utmost respect for translators, they are expensive and require time to produce their translations. Nowadays, there are numerous translation plugins that can help you save time and money. We believe that implementing a translation plugin to your WordPress pages is a crucial element of success.

One such translation plugin is WPML. We have long recommended WPML as a great way to translate WordPress pages and since our last post, WPML has grown and made substantial updates. 

WPML is one of the most popular translation plugins and has been around since 2009. It powers more than 800,000 WordPress websites worldwide and with it, you can translate over 40 languages, or even add your own. It works seamlessly with Elementor and is capable of translating all parts of your pages very easily.

How WPML Makes Translating Your Content Simple

WPML’s Advanced Translation Editor has a lot of features that make it easy to add multilingual content. Here are five of the features that help cut down your translating time:

  • Automatic machine translation: You get your translations in a single click. All you need to do is review it and make sure it’s correct.
  • Clean text: You won’t be distracted by shortcodes or HTML as you translate. Advanced Translation Editor ensures clean text is all you see.
  • Translation memory: Instead of wasting time or money, translating a text that’s been translated before, Advanced Translator uses the previous translation.
  • Glossary: Add definitions, notes, and explanations to help your translators understand the meaning. It’s perfect if you work in an industry with lots of technical words.
  • Spell-checker: Say goodbye to basic errors. Just like in Word or Google Docs, spelling mistakes are highlighted.

How to Translate Elementor Content With WPML

Translating Elementor content with WMPL is easy, and the same process of translating applies to widgets, headers, footers, templates, and other content. In addition to the example below, there is an excellent, detailed guide on how to build multilingual sites with Elementor and WPML here

For our example, we are going to translate an English page into Polish in five easy steps. 

1. Configure the Advanced Translation Editor

Once you’ve installed WPML you need to activate the Advanced Translation Editor. You can do this during the Translation Management Wizard. Or you can go to WPML -> Settings and select Advanced Translation Editor

2. Select the Languages You Want

Go to WPML -> Languages and check the languages you want. In this case, French and Polish have been selected. You can choose as many as you need.

3. Open Your Page in the Advanced Translation Editor

Now you can start translating content in WPML’s Advanced Translation Editor. Open the original page (or post) in the WordPress dashboard. There is a section on the right-hand side called Translate this document. Click the plus symbol next to Polish. The Advanced Translation Editor opens to add the new translation.

4. Instantly Translate Your Content With Automatic Translation

Here’s where you really save time. On the left-hand side, WPML has detected all text on the homepage. Click Translate automatically and Polish will be is added to the right-hand column within seconds.

5. Review the Translated Content

Automatic translations are machine-based, so you need to proofread them. You can go through each line at a time to make sure everything is correct. When you’re ready click Finish. You can now publish your page and its various translations. Go back to the front-end and change the language to Polish. Notice how you haven’t had to recreate the design for the translated content.

Elementor Language Switcher Widget

The WPML team has an exclusive language switcher widget for Elementor. This widget places a language switcher anywhere in your Elementor page designs. More importantly, it lets you style your website’s language switcher. 

In addition, since every Elementor widget — like Buttons or Images — contains links, WPML automatically updates links to the translated versions to make them point to the translated content. 

Translate Elementor WooCommerce Builder using WooCommerce Multilingual

WPML’s WooCommerce Multilingual plugin can be used to translate all types of stores. That includes those built with WooCommerce Builder

WooCommerce Builder makes it easy to customize your store without coding. Now, translating it is just as simple thanks to WooCommerce Multilingual.

With it, you can translate your products, categories, fields and more. So you can localize your WooCommerce website for each region.

  • Improve your multilingual SEO by translating images, URLs and cart contents
  • Offer multiple currencies
  • Provide multiple payment options
  • Translate all aspect of the shopping process, including shipping

Conclusion

The internet is a global, interconnected web. As a website creator, you will have access to the whole world. But to communicate with it, you will need to know numerous languages. Certainly, you could hire translators for the many available languages, but a good translator requires time to translate and is an expensive solution. 

With translation plugins, you can save time and money. With a good translation plugin that works well with your favorite page builder — Elementor, you can save even more time and money, all the while having an easy time using it.

About the Author

Ben Pines
Ben Pines
Elementor evangelist & head of content. Follow me on Twitter

Share on

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

you might also like

Liked This Article?

We have a lot more where that came from! Join 1,353,229 subscribers who stay ahead of the pack.

By entering your email, you agree to our Terms of Service and Privacy Policy.

Comments

36 Responses

  1. I’ve been using WPML for 5 years since I started building with WordPress. It is a great plugin, so very pleased that working in conjunction with Elementor it completes the package

  2. Because I was wordpress novice, read a lot of wpml article feel pretty good, but the primary still do not understand, elementor can only have this way to translate it? If you want to set up more languages!

  3. “…allowing users to translate the entire page they’ve made in Elementor, including all of its elements…”

    That is not entirely true is it? Both global widget as well as animated widgets are not translated at all.

  4. I don’t see a translation for the video widget URL. Though it’s a special case, video’s can be language specific (voiceover, subtitles) and thus can have different URL’s.

  5. You mentioned “heading” but Is the “section heading” widget translatable as well ? Doesn’t seem to be for me.

  6. what if I want different style for my language. I mean different template for each language. I tried to make single template for my pods and translate it but in front-end it’s not change base on selected language. any idea?

  7. Hello..

    There is a problem wpml translating multi-lingual templates when using the Astra theme. So when I modify the template of the languages added, the design of the template disappears until I return to save and publish the mother tongue of the template, where everything goes back to its nature .. Why does that happen ..?

  8. Hello..

    I’m making multilingual website using Elementor+ACF+WPML. I make a frontpage template with Elementor, where I’m use ACF with dynamic field Elementor feature.
    I don’t want to use WPML translation feature for Elementor because it breaks the template logic. WPML creates different pages with different Elementor layouts for each language. When I need to correct design I should do this on each page.
    That’s why I use ACF. I did page markup with Elementor and its’ dynamic feature, and then fill the fields with the native WordPress editing mode, for each translation.

    The question is: How is the translation while maintaining this connection between the ACF and My template in Elementor ..?

    1. Hey Ayman, I think I can relate to you. Not even using ACF tho and having trouble with Elementor Templates too… I’m no expert using WPML, but I think it’s messing up with the Elementor Templates, without even going further (as in your case with ACF)… Somehow I tried to make another language versions of everything for a custom “single” template I am making (with specific conditions) and besides being painful (we should be allowed to skip WPML on these type of things, I get the conditions is a bit of a “shady” zone as things like categories, tags and other elements need to be translated though)…

      But i

  9. OMG, at first glance, a serious mess with Elementor custom templates 🙁 … Does it have to be so complicated (WPML side)… Having to delve into language version for custom templates, and for display conditions… Seems like connections are not being properly made..?

  10. I tried to translate the homepage with sliders, buttons, animated graphics, etc. with the WPML Translation tool – a desaster! It put EVERYTHING in a single content-row with no settings, styles, etc. After a few depressing hours I “translated” the page, made it empty, copied all the stuff (thnks Elementor for “Copy all content”!!!) and translated it bit by bit…

  11. Based on the article and on the requirement list showing on WPML page https://wpml.org/documentation/plugins-compatibility/elementor/ that clearly stated I only need WPML Multilingual CMS and Elementor plugin, free or pro version, I just purchased the single site license of WPML to use the Elementor/WPML compatible translation module.

    Upon installing it, it now requires me to also install WPML Translation Management and WPML String Translation extension which are only accessible with an upgrade (+ $59).

    This is highly misleading. If it is due to recent updates either on Elementor side or on WPML sides, it needs to be fixed…

  12. I just notice that when it comes to RTL content there is seem some bugs (correct me if i’m wrong here) because when I tried to make a header using elementor theme builder the alignment of the elements seems not appropriate for RTL.

    i.e. I made full width 2 column header (25% + 75%) ratio and the logo is in the left column with LEFT align and the navigation in the right column with RIGHT align to make them far to each other.

    After translating it into a arabic, sure the alignment of the column went into a RTL (right-to-left) (75% + 25%) ratio but the alignment of the widgets/elements still gets the alignment of the original language. Now the logo and the navigation is near to each other.

    I know it can be fix with CSS but it seems that this should be automatic when we use a RTL language or translations.

    I tried also on the Normal Page content and same thing happens.

    Used:
    Hello Theme + Elementor + Pro + WPML and no other plugin installed.

    Tried also in:
    Astra Theme + Elementor + Pro + WPML and no other plugin installed. – same result.

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to learn how to build better websites?

Join 1,353,229 Elementors, and get a weekly roundup of our best skill-enhancing content.

By entering your email, you agree to our Terms of Service and Privacy Policy.