How to translate WooCommerce? detailed step by step guide

Want to know how to translate a WooCommerce store?

If you attract customers from all over the world, translating your WooCommerce store πŸ›’ into different languages ​​can help your business grow and make more profit.

Viewing product information πŸ›οΈ in their native language prompts visitors to make faster decisions. It offers a better customer experience and builds trust, which can lead to higher sales.

πŸ‘‰ In this article we will show you how to translate your WooCommerce store using a popular language translation app.

In addition to that, we’ll show you how to translate text only in the storefront and admin panel without using any plugins.

Let’s dive into the tutorial.

How to change WooCommerce language?

There are three ways to change WooCommerce language: They are:

  • Use the built-in site language option to change the store language (for a monolingual store).
  • Use the built-in profile language option to change the language of the dashboard (to simplify your admin management).
  • Use a translation app to change the store language to multiple languages.

Basically, in the first section, we will show you how to change the WooCommerce language for a monolingual store.

Then, in the next section, you’ll learn how to translate WooCommerce to create a multilingual store. Click here to go directly to that section.

1. Change only the store language

Using this method, you change the text on Add to Cart buttons, the cart page, the checkout page, my account pages, and other default WooCommerce pages.

But this method won’t help you change the language of text that you manually place in your store, such as product titles and descriptions. You must do this manually through the product editor.

In short, this method works if you want to change the language of a monolingual shop.

Change the language of your WordPress site

To change the language of your WooCommerce store only, open your admin panel and go to Settings β†’ General. Then search Site Language: an opening fall.

From the drop-down menu select your preferred language and strike Save button.

The WooCommerce store language is changing

Update WordPress/WooCommerce translations

Next, go Dashboard β†’ Updates, scroll down to the Translations section and click Update translation the button.

This will prompt WordPress to download the WooCommerce language pack for the language you selected in the previous step.

refresh translation button
Update translation button on the Updates page

that’s it. The default content of your WooCommerce store should now be translated into the language of your choice.

2. Change only the panel language

Using this method, you will change the language of your admin panel, while keeping the front-end language of the site the same.

This method is useful in scenarios where you or other store administrators prefer to manage your store in a language different from the front-end language.

However, this method still assumes that your storefront will only be available in one language.

Change the store language to download the language pack (follow the previous instructions)

To get started, follow the instructions in the previous section to change the language of your store and download the translation packs.

To quickly summarize, this means that you should…

  1. to go Settings β†’ General and use Site Language: in the pop-up window to select the language in which you want to offer your dashboard.
  2. to go Dashboard β†’ Updatesscroll down to the Translations section and click on the button Update translation the button.

Again, you can follow the same instructions as the previous section.

Change the store language back (if necessary)

You can go back now if needed Settings β†’ General and use Site Language: popup to change your storefront language to the original language.

Configure WooCommerce dashboard language for users

Once you’ve confirmed that your front-end store language is correct, you can now manually override the back-end language for individual users by choosing from the new language packs you’ve downloaded:

  1. Open your user profile by going to Users β†’ Profile.
  2. Use Language option to: select your preferred WooCommerce dashboard language.
  3. Save your changes.
change language for wordpress user
Changing the language for a WordPress user

You can use this method to change the console language of other users. Just go Users β†’ All usersopen the user profile, select the language and press the button Save the button.

How to translate WooCommerce to create a multilingual store

If you want to create a multilingual store, the translation plugin will help you translate your entire WooCommerce site into one or more languages.

While there are several translation apps to choose from, we’re going to use the free TranslatePress app for this tutorial.

The free app allows you to translate your store into one language, including all front-end content (single products, shop, cart, checkout, etc.).

If you want to translate your store into several languages ​​and/or improve multilingual SEO, you should subscribe to the premium version, which starts at €89 per year.

  1. Install and configure TranslatePress
  2. Translate WooCommerce product pages
  3. Translate cart page and checkout page
  4. Translate website posts, pages and menus

1. Install and configure TranslatePress

The first step is install and activate TranslatePress on your WordPress site.

Then go Settings β†’ TranslatePress β†’ General β†’ All Languages and select the language from the drop-down menu. Add it and save your settings.

selection of translation language in translatepress
Selection of translation language

2. Translate WooCommerce product pages

There are four main elements on a WooCommerce product page that can be translated. They are:

  • Product Descriptions
  • Dynamic content
  • Product images
  • Page header, slug and dropdown elements

Let’s go through them.

Translate product descriptions, titles, and more.

Open one of your WooCommerce product pages and click on it Translate the page option in your admin bar.

a translation editor will appear on the left side of your screen. You will use this editor to translate the text on your product page.

Place your cursor on the product description you want to translate. a blue pen icon will appear. When you click on it, the text is selected and the translation editor gives you a box where you can write a translated version of the text.

You can only translate one paragraph at a time.

Click the button after each translation Save translation button or use Ctrl + S: keyboard shortcut.

text translation in translatepress
Manually translating text using TranslationPress

Translate dynamic content

Dynamic content refers to content that appears on a website as a result of user action.

Dynamic content appears on a WooCommerce product page when visitors click on it Add to card the button. You can translate both text and text View cart by pressing the button green pen the icon.

Side note: I wonder why the editor is showing it green pen instead of the icon blue pen icon? It green pen appears on texts related to the current topic or any plugin installed on your site. They work like blue pen icons. Just click on the icon and use the translation editor to translate the text.

dynamic content translation in woocommerce store
Manual translation of dynamic text with TranslationPress

Translate product images

Captioned product images can also be translated into different languages ​​using the same method.

Click on the image and the caption will appear in a blue pen icon. Select the icon and start translating the caption in the translation editor.

translate image caption with translatepress
Manual image caption using TranslationPress

Translate page title, slug and dropdown elements (Paid app version required)

To translate the page title and slug, you need the TranslatePress SEO Pack plugin. It will cost you about €89 per year per site.

After making the purchase and activating the SEO Pack plugin, open the product page. The translation editor will show you additional options called Meta information & String lists.

In the meta information section, you can change the slug and title of the page. And using the row lists option, you can change the dropdown menu items that are in variable products:

woocommerce variable product dropdown menu items
Dropdown menus are found in variable products

3. Translate the cart page and checkout page

When it comes to the shopping cart page, it can be found either full or empty.

To translate the page to an empty state, open your site’s URL and add “cart” at the end like this: https://yoursite.com/cart/.

Go ahead and translate the text using pen icon.

To translate a full cart page, add at least one product to the cart, open the cart page, and start translating the page:

translates the woocommerce cart page
Manually translating the WooCommerce cart page

Now the checkout page has only one option. To translate the checkout page, add “checkout” to the end of your website URL like this: https://yoursite.com/checkout/ and start translating the checkout fields.

4. Translate site posts, pages and menus

If you want to translate your entire site, make sure you translate all posts, pages, and menus. Lists should include: header, footer menu and pages should include home page, login, registration, and: my account pages.

On the home page, make sure you use the editor to change logo image. First you need to create a new logo with translated text, then click blue pen icon and use the editor to upload a new logo to your site;

replace the site logo with translatepress
Replacing the logo image with the TranslatePress editor

That’s it Folks! This brings us to the end of this tutorial.

Translate your WooCommerce store today πŸ›’!

Translating your website into different languages ​​can help πŸ“ˆ grow your online store fast.

You can choose between translating only the default WooCommerce pages and buttons, translating only the WordPress dashboard, or translating the entire WooCommerce site using the translation plugin πŸ”Œ.

When translating your store with the plugin, make sure you translate product pages that include product descriptions, dynamic content, product images, page title, slug, and other SEO elements like sitemaps and hreflang tags.

You should also translate blog posts, header and footer menus, and pages such as the homepage, cart and checkout, login, registration, and my account pages.

If you have any questions about how to translate a WooCommerce store, let us know in the comments below.

Free guide

5 top tips to get you up to speed
Your WordPress site

Reduce your loading time by even 50-80%
just by following simple tips.

Leave a Reply