Multilingual variant of a product

Once you’ve created a language variant of a page (you can check how here), it’s time to convert its content items into the target language. By translating the content, you make sure the user experience is flawless and they don’t see a mixture of languages on one page. When you invest to create proper translations of your content items into languages where you have a market presence, you ensure the pages will perform well on the surface level (what the visitor sees) and the backend (for example, SEO and user accessibility).

This article helps everyone who works with content in the Content hub and displays the data in the channels (pages or emails, for example).

Translate the content

Let’s see where you can find the content you need to translate. There are two main groups of content you could be translating on your site. Reusable (or structured) and unstructured.

Xperience stores the Reusable content in the Content hub, and you can link it to as many places as you want (if the chosen widget supports the content type). Unstructured content is used in a specific place, and your team can reuse it elsewhere only if you tediously copy it.

You’ll see both cases in our example Kbank Insurance page.

1. Localize linked items

How can you tell which content has not been translated yet? You don’t have to search the Content hub; the page you’re translating will tell you.

As you can see in the example below, the untranslated content is in the frame, and there is a note informing you that the item has not been translated. You can also see a small Not translated label. If you publish the page now, it will show the content in the fallback language.

2. Translate the product

In our example page, the page (not one of the Page Builder widgets) references a Product content item that is stored in the Content hub. You can click the Edit button to open the content item directly.

The Content item name of the new language variant serves for internal purposes, so use your company naming convention.

Translate or adjust every text field in the content item.

3. Translate further linked items

Often, you’ll see that the content item you’re translating has been linked to other content items. It’s important to translate those as well. As you’ll see with the Product content item example, the other linked items are also displayed in different places on the product page.

When you scroll down in the product, you’ll see several other items that need translation. These are highlighted by the frame and notification icons, as well as the Not translated label. For example, the Product benefits and the Product features.

Use the same steps to translate these items. Open the translation dialogue with the Edit button and translate all text fields and other linked items.

Don’t forget to publish every translated content item. When you do, the Not translated label will change to Published.

4. Translate content in the unstructured format

Unstructured content is content that lives on a specific page or on other channels and cannot be reused elsewhere. There are widgets for this type of content, such as a Rich text widget or a Page heading widget.

To translate the content in these widgets, either translate the text directly in the widget (for the Rich text widget) or open the Configure widget dialogue and adjust the text there (for the Page heading widget).

Let’s see the Page heading widget:

In the image below, you can see a completely translated section—the Page heading widget with the Benefits widget. You translated the benefits as part of the Product content item at the beginning. Because the Benefit widget is linked to the Product content item, it updates the content automatically.

5. Think about additional setting

Based on your project implementation, there may be additional settings you’d need to pay attention to. For example, the Kbank demo site shows editors can use the taxonomy feature and specify a language region where visitors see the language variant of the content. It is an example of a product content item.

To sum up

When you translate content items, remember that even what is not visible to visitors is important, such as SEO properties and alt texts for images. Translate every content item layer to ensure the page will show properly and share the message in a language that the audience understands.

Remember that the parts of the reusable content items that you haven’t translated will show in the fallback language variant. The unstructured content has no fallback language variant.

Practice exercise

Let’s apply this knowledge in the following exercise. You’ll translate a simple product page and its content.

To perform the exercise, you need the Kbank demo site and the translated materials.

Task

Choose the German language and create the language variant of the Electric car loan page in the Personal Banking channel.

Hint

If you need a little help, here are the steps you should take:

1. Select the target language (of your choice) in the drop-down menu above the content tree.
2. Find the Electric car loan page in the content tree.
3. Create an internal name for the translated page.
4. Create a language variant of each content item (on the Content tab), and remember to do it for every other linked content item.
   1. For example, the Product content item includes an image, benefit items, and feature items. You need to create a language variant of those items as well.
   2. Don’t forget to check any other field in the content item. For example, the product content item includes a field called Regional availability, where you can set up the regions where the product is visible. You need to check if your target country is in the tags and add it if not. Another example is fields with rate and amount. Adjust the numbers based on the target country’s rules and currency.
5. Translate the unstructured content items in the Page Builder (Rich text widgets, Page header widgets).
6. Translate any other content item on the page still in the fallback language.
7. Save and Publish the page.

Here is the final page compared to the one in the fallback language: