AI agents: the content index is at /llms.txt. Every page is also available as Markdown — send the request header Accept: text/markdown, or append .md to the page URL.
Xperience Docs

Cookie consent

We use necessary cookies (opens in a new tab) to run our website and improve your experience while browsing. Additional cookies are only used with your consent. You may revoke your consent on the Cookies Policy (opens in a new tab) page or in your browser at any time.

Configure (opens in a new tab)
  • Documentation
    Administration interface basicsDevelopers and adminsBusiness usersChangelogGlossary
  • Guides
    Welcome to Xperience by KenticoAdministration interface basicsCustomer journeysDigital marketingConfigurationDevelopmentArchitectureUpgrade to Xperience by Kentico
  • Training
    For AdminsFor Business usersFor DevelopersFor Solution architects
  • API Examples
    ConfigurationContent managementDevelopmentDigital marketing
  • Changelog
    Documentation updatesSecurity advisories
  1. Home
  2. Digital marketing
  3. Work with multilingual
  4. Multilingual variant of a page

Multilingual variant of a page

  • How-to|

Was this page helpful?

Send us feedback Go back to top
  • Community Questions & Answers (opens in a new tab)
  • Contact support (opens in a new tab)

In the previous article, you’ve read about setting up multilingual on Kbank. Now, you can start translating the pages as needed.

Translating your company website helps you reach a broader audience and provide a better user experience, which leads to higher conversion rates.

Let’s see how to translate a page into your targeted language.

See the AIRA translation workflow

Watch a short video to see the whole translation workflow.

Want to test how translations work? Follow the rest of the guide to get a hands-on experience.

Prerequisites:

  • Have the Kbank demo site set up and running to test the scenario.
  • Know what multilingual in Xperience by Kentico means and how it works.
  • Know how to set up multilingual on Kbank.

Create a new language variant of a page

Localize untranslated pages

When translating a page, you need to know which one to pick so you don’t work on something already translated. Xperience by Kentico shows you the translation status at first glance. Just switch to the target language using the drop-down selector in the top left corner and see the icons next to the pages in the content tree:

  • The alphabet sign means the page is not translated.
  • The pencil says the translated page is in draft but has not been published yet.
  • The green tick sign tells you the translated page is published.

Create the language variant

When creating a language variant of a page, you’re preparing a base for the content you’ll translate later. You need to take care of things in the background before you prepare the content visitors see when they visit your website.

In this article, we’ll create a language variant of the Travel Guard Insurance page in the demo Kbank site.

Think about SEO

SEO properties are an essential part of any web page. Translating SEO properties to the targeted language supports the page in local search engines, so the target audience can find it easier. On the other hand, not translating the SEO properties could promote the translated page to the audience of the fallback language.

For example, if your company's website is in English, and you decide to add a Spanish version but keep the SEO properties in English, the English audience can find the pages in Spanish. At the same time, the Spanish audience may miss the translated pages, and the number of visitors and potential conversions will be lower.

Add SEO-related content

Let's first add some English SEO metadata to the TravelGuard Insurance product page.

You can use the following values:

  • SEO Title: TravelGuard Insurance by KBank – Secure Your Trip
  • SEO Page description: Protect your travels with TravelGuard Insurance from KBank. Covers cancellations, emergencies, baggage, and delays. Peace of mind for every journey.

Add Open Graph content

If your company is active on social media to promote content, translate the Open Graph fields as well. If your developers implemented a custom connector app to share your content on your social media profiles, filling data in the OG properties creates a social media post, both the headline and the text, in the desired language.

Let's add OpenGraph content to the TravelGuard Insurance page to see how translation works. You can use the following values:

  • OpenGraph Title: TravelGuard Insurance – Comprehensive Travel Protection
  • OpenGraph Description: Travel worry-free with KBank’s TravelGuard Insurance. Get coverage for emergencies, cancellations, and baggage wherever you go.
  • Facebook Title: TravelGuard Insurance by KBank – Secure Your Trip
  • Facebook Description: Enjoy secure travel with KBank’s TravelGuard Insurance. Covers cancellations, emergencies, baggage, delays, and more for every traveler.

Translate page using AIRA

AIRA translations let editors quickly generate language variants of existing content without manual translation or external tools. You can translate pages (including their Page Builder content) and reusable content items in the Content hub.

When you start translating the page, AIRA creates a draft you can review, publish, or discard. The translation process is customizable within your Xperience application. You can define brand-specific terminology, exclude certain words, and set formatting rules in the AIRA application.

Let's translate the TravelGuard Insurance page.

  1. Make sure you have selected the TravelGuard Insurance page.
  2. Use the language selector in the top menu and select the Spanish version, i.e., Español.
  3. Select Translate using AIRA.
  4. Use Continue to confirm.
  5. Wait for AIRA to complete translating.

Adjust the page's URL slug

URL is the next important thing you need to consider. If you leave the URL as is, which you can see in the example below, the URL includes the language prefix. Still, the URL slug is the same as in the original language. You can adjust the URL slug to match the page's targeted language.

Validate content translation

After AIRA completes the translation, validate the output. Check for errors introduced by the language model, such as mistranslations, inconsistencies, or terminology that conflicts with your brand guidelines or technical standards. Pay particular attention to inappropriate naming conventions or phrasing that misrepresent your product or service.

Check other fields that don't hold content

You may have other fields to think about based on your project implementation in your Xperience application. Some fields are not text fields, so they don’t need to be translated, but it’s good to think about them.

For example, on our Kbank demo site, we have the Page publish date. You may want to decide whether to keep it the same as the original page or use a different date.

Preview the translated page

Now that you have translated or adjusted all the fields, save the page and review the translated content.

In our example, the page is a product page, so a product content type is linked directly to the page. However, not every page has a content item linked to the page itself; instead, content items are linked to the widgets.

Next step

As we mentioned above, the Kbank website we use in this example has a product page with the product linked directly to it. This means we’ll translate the product into the Content view. For other content items, we’ll switch to the Page Builder.

In the following guide, prepare the multilingual variant of a content item.

On this page

  • See the AIRA translation workflow
    • Prerequisites:
  • Create a new language variant of a page
    • Localize untranslated pages
    • Create the language variant
      • Think about SEO
      • Add SEO-related content
      • Add Open Graph content
    • Translate page using AIRA
    • Adjust the page's URL slug
    • Validate content translation
    • Check other fields that don't hold content
    • Preview the translated page
  • Next step