Multi-Language Templates with WPML

ShopEngine lets you create different page templates for different languages. 

Text lengths and styles might vary based on the language. Therefore, if you have a WordPress multi-language website, you might need to adjust the page design for each language.

ShopEngine integrates with WPML to let you create pages consisting of different languages, each of them coming with unique styles.

Before getting started… #

You have to translate your website pages and WooCommerce products. Translate the pages and products into the language for which you will create a template.

Here is the documentation to set up WPML and translate WooCommerece pages and products.

Warning!
To use the ShopEngine Plugin with WPML, go to WPML > Settings > Post Types Translation, find Builder Templates (ShopEngine-template), and select not translatable. Otherwise, the ShopEngine template translation won’t be compatible with WPML.

WPML CPT warning for ShopEngine compatibility

How To Create ShopEngine WooCommerce Multilingual Template with WPML #

Once you translate website pages and products, you can create templates for that language. Here we will create WooCommerce Shop page templates for English and French language.

Now to create a language-specified template,

Step 1: Create a new template #

For example, you are creating a WooCommerce Shop page template for the English language,

  1. Navigate to ShopEngine > Builder Template from your WordPress dashboard.
  2. Click on the Add New button at the top. A Template Settings window will appear then.
Add new shopEngine multilingual template
  1. Under the Template Settings, enter Template Name.
  2. Select the template Type. (e.g. Shop).
  3. Activate the template.
Settings for ShopEngine multilingual template
  1. Now select the language for the template. In this case: English. 
  2. Choose a Sample Design from the given templates.
  3. Select the editor. We are choosing Elementor in this case.
  4. Click on the Edit with Elementor button to open the Elementor editor.
Choose language for ShopEngine WooCommerce Multilingual Template

Step 2: Design templates for specific language #

Now design the template in the Elementor editor for the English language.

Design ShopEngine WooCommerce Multilingual Template with Elementor

Similarly, create another WooCommerce Shop page template for the French language. To show the difference, you can design the template differently from the previous one.

ShopEnigne Multi-language template for second language

Now, to see how it works, open the Shop page in view mode. Then switch the language. You can see the different design templates for different languages.

WooCommerce Multilingual Template with ShopEngine
What are your feelings
Updated on December 8, 2022