0

How to add Multilingual Support on WooCommerce Store

The world isn’t always speaking English. Looking to expand your online store’s target audience? Do you want to sell your products in more countries? There’s a quick and easy way for you to jump the language barrier. You can translate everything that WooCommerce offers, including products, variations, categories, fields, and attributes, through an inbuilt system. Let’s discuss how you can turn your online store into one that is displayed in multiple languages.

WooCommerce-Multilingual

Required plugins

To utilize WooCommerce Multilingual, you need to have the following plugins installed and activated:

  • WPML 3.4 or above
  • WPML String Translation 2.0 or above
  • WPML Translation Management 2.2 or above
  • WPML Media Translation 2.1 or above
  • WooCommerce 2.1 or later

You can get all WPML parts from your wpml.org account, under Downloads. WooCommerce Multilingual and WooCommerce are facilitated in the WordPress plugins repository. Got all plugins? We should begin!

Utilizing the Installer for Simple Plugin Download and Upgrading

WooCommerce Multilingual has a built-in installer for downloading, activating and updating all of the required plugins.

After activation of  WooCommerce Multilingual, go to the Plugins page and click the Add new button on top. You will be presented with a list of plugins categorized under different tabs including Featured, Popular, Recommended, Favorites and Commercial.

Click the Commercial tab and you will be given a choice to purchase a WPML license or enter the enrolled site key if you bought WPML. When you have purchased the plugin and enrolled your website using your Account page, you will be given a rundown of plugin accessible to download, activate and update.

WordPress Multilingual Plugin

Using the Setup Wizard

WooCommerce Multilingual components a Setup Wizard to guide you through fundamental steps of arranging your site with WooCommerce Multilingual plugin.

When you initiate all the required plugins, a banner at the top of the Plugins page will offer you to run the WooCommerce Multilingual Setup Wizard.

Run the setup wizardClick Run the Setup Wizard to start.

WPML Setup Wizard

As should be clear from the above picture, the Setup Wizard is fundamentally the same as the WooCommerce’s own particular design wizard. It will help you arrange the settings: Translating store pages, selecting translatable Product Attributes, enabling Multi-currency Mode and selecting the translation interface for translating your products.

Setup Store Pages

You need the standard WooCommerce pages showing up in all languages in your site. WooCommerce Multilingual will do this consequently for you. This is likewise taken care of in the Setup Wizard. To do this manually, go to WPML – > WooCommerce Multilingual and click the Status tab. There will be a message letting you know that the store pages don’t exist, offering to make them.

WooCommerce Store PagesWooCommerce Multilingual will make these pages with the accessible translated page titles. You can simply change the page titles in various languages later. On this page, you will likewise see notices about missing translation for taxonomy  terms. If you are using taxonomy for product variations or to organize products into categories and tags, it’s a very good idea to have all taxonomy translated.

Translation of Product Categories, Tags, and Attributes

Most stores are arranged by product categories. Some additionally utilize tags. In the event that you are utilizing varieties, you are most likely utilizing item qualities too. WooCommerce Multilingual makes it simple to translate all these. First, create the product categories, tags, and attributes in the default language, using the standard WooCommerce editing interface. At the point when making Attributes, they are set apart as translatable of course. You can transform this alternative for every quality whenever.

Try not to stress over translating categories, tags and attributes just yet Hint: product categories, tags, and attributes are all stored as WordPress taxonomies.   WooCommerce Multilingual incorporates an advantageous interface for translating taxonomy terms. Go to WPML->WooCommerce Multilingual. This time, look at the other tabs on the screen. You will see a tab for each of the taxonomy  that has a place with your store.

Size Translation

Each of these tabs incorporates an alternate taxonomy. Click on it to see all taxonomy  terms and interpret them. To interpret a term, click on its label. You should enter the name, slug, and description. The name is what’s shown on the screen. The slug shows up in the URL and the description appears on the WordPress administrator when editing. If your store includes many categories, or other taxonomy terms, use the search function to locate them quickly.

Translating Products

Now that your product taxonomies are translated, it’s time to translate the products. In the first place, create the products in WooCommerce in either the default language. Try not to stress over translating them just yet. Create products normally, as you do with WooCommerce. You can create standard products, variable products, downloadable products and anything else that WooCommerce has to offer. Once your products exist, go to WPML->WooCommerce Multilingual, you will start on the Products tab.

Product Translation

The products table gives you an outline of all products in your site. On the off chance that you have many products, the filter on the top of the page and search to achieve the accurate products you are searching for. Every language has its own segment with translation status icons. They help you discover products that are untranslated or need upgrade. Click on the Pen icon to edit existing product translations or the Plus icon to translate the product.

You can translate your Product’s information using the Product translation editor that you are taken to. You can translate products from the language that they were created in into all the other languages defined in your site.

Translating Product Add-Ons

WooCommerce Multilingual allows you to translate fields added to Products by various WooCommerce extensions. All the fields and options that supported extensions add to your products will be automatically translatable on the Product Translation page.

The following image shows the Product Add-ons section found on the Product Translation page.

Product Addons

Translation of Product Variations

WooCommerce Multilingual naturally makes and synchronizes product varieties in all languages. After you make a variety in the default language, save the product. WooCommerce Multilingual will instantly make the same varieties for all translations of product.

Product varieties can be made translation of likewise to how basic products are translated. One thing particular to varieties is the custom product  qualities. They will be interpreted in the products translation screen in the same way custom fields are translated for all products in general.

Custom Product Attributes

You can likewise translate variety picture titles. If the variations use global product attributes, they need to be translated in  corresponding taxonomy tabs. Once you’ve interpreted all properties, you can consequently create the varieties for the translated products.

After interpretation of attributes is done, the related varieties of the products  in different languages should be made too. This is finished by utilizing the Synchronize attributes and update product variations  button under the attribute tab.

Translate Image Text

Additionally to varieties, WooCommerce Multilingual naturally synchronizes all pictures between product translations. This includes the featured image, image gallery and all variation images. After you transfer or select different pictures for the product in the default language, save it. All translation of that product will get the same pictures.

You can edit image texts for product translations on the Product Translation page, along with all other Product information.Product Image Data

This way, you can specify the title, caption, and description for the same images in different languages.

URLs Translating

Diverse segment parts of the URLs can be translated with WooCommerce Multilingual. Beginning with version 3.8, WooCommerce Multilingual permits you to interpret URLs utilizing its own committed area for translate URL strings.

Go to WPML->WooCommerce Multilingual and click the Store URLs tab. You will see a rundown of URLs and a section with translation status for every language. Click on the Pen symbol to edit existing URL translation or the Plus symbol to include URL translation.

Translating URLs

The shop, cart, checkout, and account pages

These page URLs are translated by translating the respective WooCommerce pages.

http://example.com/shop/ (English)

http://example.com/fr/boutique/ (French)

Product Permalink Base

Along with other URL related bases, the product base can be set on the permalinks settings screen. Their source dialect is as a matter of course the same as the default language of the site yet can be set to various languages, even languages that don’t have a place with the site.

URL Slugs

Translating the product permalink base allows having URLs like:

http://example.com/product/book (English)
http://example.com/fr/produit/livre (French)

Product Base

The Example Below the Product Category Base

In product category base “product-category” is translated to “categorie-produit”.

http://example.com/product-category/man (English)

http://example.com/fr/categorie-produit/homme (French)

Product Tag Base

In the example below the product tag base “product-tag” is translated to “categorie-produit”.

http://example.com/product-tag/new (English)

http://example.com/fr/mot-cle-produit/nouveau (French)

Product Attribute Base

The URLs for attributes can be translated too. Below is an example of URLs corresponding to the attribute “color”.

http://example.com/filters/color/white/ (English)

http://example.com/fr/filtres/couleur/blanche/ (French)

Translating WooCommerce Endpoints

The “endpoints” are an extra part of the URL that WooCommerce detects and uses to render the appropriate content on the page.

For example, you may have a page yoursite.com/my-account. When the endpoint “edit-account”is appended to this URL, making it yoursite.com/my-account/edit-account WooCommerce will show the “Edit account” page instead of the “My account” page.

Endpoints have been added in WooCommerce 2.1 to streamline the WooCommerce install process. Endpoints can also be translated via the Store URLs tab.

Using Multiple Currencies

Go to WPML->WooCommerce Multilingual and click the Multi-currency tab. You can arrange everything related to the multi-currency: secondary currencies and their properties, add more currencies, set different prices for different currencies, and change the currency switcher options.

Multi Currency

Resource: cloudways

 

Prakash S

Prakash S

I would like to introduce myself as a Software professional opting for the career in software industry. I’m Prakash S, a MCA graduate and trained as industry level practice for Software technology. Basically I am a PHP Developer but now days exploring more in HTML5, CSS, AngularJS and jQuery libraries.