How to Translate Your Blocks Using WPML (Multilingual)

How to Translate Your Blocks Using WPML (Multilingual)

You can create multilingual sites using Stackable by using WPML. This article will teach you how to use WPML’s Translation Editor to convert a page with Stackable blocks to a different language.

If you’re unfamiliar with WPML, it is a Premium WordPress Multilingual Plugin that allows your entire site to be translated and switched from one language to another. This is perfect for when your site needs to be multilingual like many European, South American and Asian sites.

Important note: You will need WPML’s Multilingual CMS solution for this to work.

Setting Up WPML

We will need to adjust a setting first in WPML before we begin. Since we are going to translate our block’s contents using WPML’s Translation Editor, we’ll have to enable it first.

In your WordPress Admin, navigate to WPML > Settings and in “How to translate posts and pages”, pick “Use WPML’s Advanced Translation Editor”

Pick “Use WPML’s Advanced Translation Editor”

Afterwards, create a new page or post.

Add Your Block

For this example, we’ll be using a Call to Action block and we’ll translate it to German. Here’s the block we’ll use:

Open the WPML Translation Editor

To translate our block, open the inspector sidebar and click on the Document tab:

Once opened, scroll down until you see the WPML’s Languages panel, then click on the plus sign (+) button on the language you want to translate your block/page to. This will open up the WPML’s Translation Editor.

Start Translating

Once WPML’s Translation Editor is open, it should contain all the text found in your page/post and should also contain the text inside your Stackable blocks.

The editor is straight-forward to use and provides on-screen instructions on how to perform the translations.

Once you complete your translations, go ahead and click on the Finish button on the lower right corner of the screen.

Viewing Your Translations

After clicking the Finish button, you will be brought back to your WordPress block editor. Save your changes view your post/page in the frontend.

Here’s what our original block looks like:

In English

Here’s how our German block looks like:

In German

Important Notes

  • You will need WPML’s Multilingual CMS solution for this to work.
  • You do not need to perform the translations on a per-block basis. Once you enter WPML’s Translation Editor, the entire contents of your post/page will be available there for translation.
  • WPML has a tutorial in their site as well on how to perform translations for blocks.

Was this article helpful?

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.