When you start your WooCommerce store, you can look for several things: gain visibility, get new customers, new readers, and so on. What is fantastic about the Internet is that it allows you to go beyond borders and therefore a huge potential in terms of visibility! But then how to take advantage of this visibility if we only offer one language: English?
Beyond the translation that can be long, the implementation that seems complex could slow down more than one! That is why today, Weglot, a multilingual plugin offers you a solution to transform your website under WordPress into a multilingual website.
In this article, I am going to tell how you can easily translate products with WooCommerce Multilingual by using Weglot plugin without writing a single line of code. However, you can also use WPML to create your multilingual website.
I am assuming that you already have created your WooCommerce based ecommerce store. So let’s move to the plugin installation process.
Log in to Your WordPress
First thing first, go to login page and add your admin credentials.
Install Weglot Plugin
To install Weglot plugin, go to Plugin > Add New and search Weglot.
Now Install and Activate the plugin.
After successful installation, the Weglot tab will appear on your left sidebar.
Under the Weglot tab, you will see below configuration settings.
- Main configuration
- Language button appearance (Optional)
- Language button position (Optional)
- Translation Exclusion (Optional)
Under the main configuration tab, you can set following settings.
API Key: To get your API Key you need to login Weglot account and then get your API Key.
- Original Language: Here you can choose your current language of your website.
- Destination Languages: Here you can choose your translated language whatever you want. Also, you can found supported language here. In my case, I am using the German language.
Note: “On the free plan, you can only choose one language and a maximum of 2000 words. If you want to use more than 1 language and 2000 words, please upgrade your plan.”
For further reference see the below image.
Language Button Appearance (Optional)
This tab is optional if you want to configure this setting you are own. Here you can see the below settings.
- Dropdown: You can check this if you want to be a drop-down box button.
- With flags: You can check this if you want flags in the language button.
- Type of flags: Here you can set the type of flags like Rectangle mat, Rectangle shiny, Square, and Circle.
- With name: You can check if you want to display the name of languages.
- Full name: You can check if you want the name of the language. Don’t check if you want the language code.
- Override CSS: Do not change it until or unless you want a specific style for your button.
For further reference, see the image below.
Language Button Position (Optional)
Here you can set the language button position.
- In menu: You can check if you want to add button in the menu.
- As a widget: You can add button in a widget area where ever you want. To do this go to Appearance > Widgets and drag and drop the Weglot Translate widget.
- With a shortcode: You can use the Weglot shortcode as well. Just copy [weglot_switcher] and paste wherever you want.
- In the source code: You can add the code as well <div id=”weglot_here”></div> wherever you want in the source code of your HTML page. The button will appear at this place.
For further reference see the below image.
Translation Exclusion (Optional)
By default, every page is translated. You just need to exclude parts of a page or a full page here. You can see the following settings here.
- Exclude URL here: You can write regex.
- Exclude blocks: You can enter CSS selectors, separated by commas.
For further reference see the image below.
Now it’s time to click on the Save Changes button and check out the result.
Now, go to any product and see how the dropdown button will appear on your screen. By default, previously I chose my language as English.
Now, I am selecting German to my drop-down menu.
You can see that my products have been successfully converted in Multilingual.
That’s it! I hope from now onwards, you can easily translate products with WooCommerce Multilingual by using Weglot plugin. If you have any query feel free to ask me via the comment section below.
Saud is the WordPress Community Manager at Cloudways - A Managed WooCommerce Hosting Platform. Saud is responsible for creating buzz, spread knowledge, and educate the people about WordPress in the Community around the globe. In his free time, he likes to play cricket and learn new things on the Internet. You can email him at firstname.lastname@example.org
Be the first to check out WordPress 5.0
Use our Staging feature before upgrading your website to WordPress 5.0.