Flatsome theme and WPML are now compatible, making it easier and quicker than ever to create beautiful, functional, multilingual WordPress websites.

Default language homepage

English

Secondary language homepage

Spanish

Translating Flatsome content with WPML’s Advanced Translation Editor

You can enable WPML’s Advanced Translation Editor by navigating to WPML → Settings. Under the How to translate posts and pages section choose the Use WPML’s Advanced Translation Editor option.

To translate Flatsome pages built using the UX Builder or using Gutenberg blocks, simply navigate to the page editing screen and click the plus icon corresponding to the language you want to translate your page into. You will be taken to WPML’s Advanced Translation Editor screen. The same applies to translate, posts, portfolio pages, or UX Blocks.

WPML’s Advanced Translation Editor facilitates the process of translating your website content as it offers:

  • Automatic translation that allows you to translate all the page content at once to accelerate the translation process.
  • A spell-checker to help you avoid typos.
  • Auto-completion for content that you have already translated.
  • And more!

Check out our detailed guide on creating multilingual websites using Flatsome theme and WPML.

Using WPML’s Automatic Translation to speed up the translation process

WPML’s Automatic Translation allows you to translate quickly and easily. Instead of starting from a blank translation, you will receive a pretty good “automatic” translation. Quickly review it and make any edits you want to improve the translation quality.

We offer 10,000 words of automatic translation for free every month. In case you need more, you can always get more words at a very affordable cost.

Design your website in one language and translate the content only

When building your multilingual website using Flatsome’s UX Builder and WPML, you don’t need to recreate all the pages for the other language(s) on your website or duplicate the page and translate the content manually.

Simply, design your website in one language, translate the content using the Advanced Translation Editor, and WPML takes care of copying your design to the secondary language pages.

Translating Flatsome WooCommerce sites using WPML

Flatsome and WPML work great together to create multilingual WooCommerce sites. You can translate all your online store elements, including the WooCommerce store pages, products, and shipping classes.

To learn more about translating WooCommerce websites, check our WooCommerce Multilingual documentation.

Feedback

Have you been using Flatsome and WPML on your multilingual website? Feel free to share your experience with us in the comments section below.

8 Responses to “WPML Offers an Effortless Translation WorkFlow For Flatsome Theme”

  1. This is wonderful news – finally! I think a lot of people have been waiting for this since it’s a leading theme for e-commerce store. Praise the gods!

    • In cooperation with the Flatsome team, we worked on providing a seamless translation workflow to ensure that our mutual clients can create multilingual eCommerce sites with ease. I hope that you like how the integration works!

  2. The only issue is that this does not work seamless with OLD Translation manager. And I had that one by default enabled. How can I update this now without loosing content?

    • I think that you are referring to the “Classic Translation Editor”. If you decided to switch to the Advanced Translation Editor, none of the content that you have translated will be lost. Simply navigate to WPML → Settings, under the “How to translate posts and pages” section choose the “Use WPML’s Advanced Translation Editor” option.

      In case you encounter any issues, please feel free to report them in our support forum. Our support team will be more than happy to help you resolve any issues that you might encounter.

Leave a Reply

Please leave here comments about this page only.
For technical support and feature suggestions, head to our forum. We are waiting there!

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>