Skip Navigation
September 14, 2021

XStore is a feature-rich eCommerce theme that is fully compatible with WPML. In this tutorial, you will learn how to create multilingual eCommerce sites using XStore and WPML.


Getting started

Make sure that you install and activate the XStore theme along with the WPML core plugins which include WPML Multilingual CMS, WPML String Translation, and WPML Translation Management.

You will also need to install and activate the WooCommerce Multilingual plugin to be able to translate your WooCommerce shop elements.

Check out WPML’s getting started guide to learn how to set up and configure WPML on your site.

WPML translation tools

We recommend using WPML’s Advanced Translation Editor as it offers affordable automatic translation, a glossary, a spell checker, and more! To enable it, go to the WPMLSettings page. Under the How to translate posts and pages section, check the “Use WPML’s Advanced Translation Editor” option.

Enabling the Advanced Translation Editor

Besides translating your site content yourself, you can also:

Translating pages

XStore theme is bundled with Elementor and WPBakery Page Builder and offers prebuilt demos for each. Both page builders are fully compatible with WPML along with the WordPress Block Editor (Gutenberg).

You can manage the translation on your site using WPML’s Translation Management. Simply navigate to the WPML Translation Management page to send content for translation. The first time you visit the Translation Management page, follow the quick setup wizard where you choose who will translate your site and select your preferred translation editor.

Sending content for translation

You can also translate the page by clicking the plus icon in the language meta-box on the post or page editing screen.

Translating the page by clicking the plus icon in the WPML Language box

On the Advanced Translation Editor page, click the Translate automatically button to get an instant translation. Review each translation by clicking the green checkmark button to save it. Finally, click the Complete button to publish the translated page.

Adding automatic translation and publishing the translated page

You can translate posts, portfolios, and testimonials by following the same steps.

Translating headers

Using XStore’s header builder, you can create an eye-catching header for your online shop.

XStore header on the front-end

To translate the header textual elements, navigate to WPMLString Translation. There, look up the text you want to translate and click the plus icon, to add the translation. Click away from the translation field to save the translation. 

Translating the header text

Translating static blocks

Translating static blocks is very similar to translating pages. Simply navigate to the static blocks listing page and click the plus icon under the language you want to translate your static block into.

Translating static blocks

Translating sliders

XStore theme is bundled with the Slider Revolution plugin. Check out our detailed guide that explains the process of translating Slider Revolution slides.

Translating categories and tags 

You can translate categories and tags assigned to a specific post or portfolio pages while translating them using the WPML Advanced Translation Editor.

You can also translate categories and tags on the WPMLTaxonomy Translation page. In the example below, we walk you through the process of translating portfolio categories. You can follow these same steps to translate post categories and tags.

  1. Select the Portfolio Categories from the drop-down menu to show the categories list.
  2. Click the plus icon for translating a category of the respective language.
Navigating to the Taxonomy translation screen
  1. Fill in the translation and click the Save button.
Translating taxonomies

Translating texts from XStore theme, plugins, and other places

There is usually some content that needs to be translated on your site besides posts and pages, such as the text in the theme options. To learn how to translate these texts, visit WPML’s documentation page about translating strings.

Translating WooCommerce elements

To translate the WooCommerce store elements, download the WooCommerce Multilingual plugin (WCML) from your WPML account

Visit our dedicated WCML documentation to learn how to set up a multilingual store and translate your products, categories, variations, shipping classes, and more.

Translating menus

With WPML, you can easily synchronize your language menus. For more information, check out WPML’s guide on translating menus.

Getting help

In case you need help translating your site built using XStore theme and WPML, visit WPML’s support forum