Building a Multilingual Online Store the Right Way

Escrito por Alex Frison on novembro 15, 2018 Blog.

Buyers today can choose products from nearly any place in the world, but language barriers still introduce friction into the online shopping experience.

One solution to this problem is a multilingual eCommerce store, where vendors can sell their products on the international market.

But how do you create a multilingual eCommerce store, and which eCommerce platform is the right one to build it on?

Choose the Right System for Your Multilingual Online Store

Many eCommerce systems out there may offer multilingual functionality, but WooCommerce is a robust platform with built-in advantages for anyone wishing to build a smooth multilingual experience for their customers.

1. Multilingualism in WordPress

WordPress websites aren’t multilingual by default – you’d typically need a plugin to enable multiple languages in your online store (some popular options include WPML and Polylang). We’ll focus on MultilingualPress, which offers an innovative way to introduce multilingualism to your site without requiring extra work or hassle.

MultilingualPress uses Multisite, a core WordPress feature, to enable multiple languages. A multisite integrates several independently linked websites in one WordPress installation. MultilingualPress leverages this feature by treating each individual website in a multisite as a language-specific version, linked to all the others on the same installation.

MultilingualPress also connects the posts, pages, and products on each language site with the corresponding posts and pages on other language sites. This means that your English blog post on your upcoming holiday sale will be linked to its Spanish, French, and Arabic counterparts (if you publish in those languages, of course).

The multisite approach comes with several distinct benefits. Let’s take a closer look.

Great Performance. With MultilingualPress, each language site loads a single language – no other languages, plugins, or code. When a visitor looks at your German site, they won’t be slowed down by loading your Polish and Hebrew versions. If your WooCommerce shop needs to scale, MultilingualPress is an effective and performance-focused solution.

Endless Flexibility. No two languages are the same – and the same eCommerce site might need to be different across languages. Luckily, each language version in your multisite offers flexible design and functionality. You can add language-specific features to each version.

For example, you might need a plugin for legal security on your German site which your Urdu visitors wouldn’t care about. No worries – from branding to functionality, you can customize each language’s site as you wish, or leave them identical. It’s your call.

Core Feature. Multisite is a core feature on WordPress, not a workaround. Any plugin or feature that works in a multisite setup will also work on your multilingual store.

Better SEO. Search engines reward well-performing websites with better search rankings, and your MultilingualPress site delivers on that front. You can also optimize and customize specific elements on each language’s website to boost its individual SEO.

Great Usability. You can duplicate pages and posts — including all settings — within your network. With MultilingualPress, you can even duplicate whole sites within your multisite installation.

No Lock-in Effect. All of your various language sites will remain unchanged in the event that you uninstall MultilingualPress. This is because you created different websites which can each run autonomously.

State of the Art Code. MultilingualPress is built on PHP 7, making it faster and future-proof.

Translation Service. The TranslationMANAGER Plugin by Inpsyde and Eurotext is a WordPress extension. Once you have installed it, you can order paid professional translations for more than 50 languages.

All translations are provided exclusively by native-speaking experts. The whole translation process takes place in the WordPress back-end, so there’s no time wasted on copy-and-paste. Instead, it provides a smooth and intuitive workflow.

In short, MultilingualPress creates versions of your website that work independently – each in its own language – but still visibly connected for website visitors.
On a technical level, too, MultilingualPress offers a clean, elegant solution for multilingual eCommerce stores. You can configure each store individually to work with its own currency, shipping methods, and payment methods.

2. How to Create a Multilingual WooCommerce Shop with MultilingualPress

Let’s get down to business. If you’d like to build a multilingual WooCommerce shop with MultilingualPress, here’s a six-step overview:

1. Install WordPress.
2. Create the multisite.
3. Install WooCommerce.
4. Install MultilingualPress.
5. Create the language sites within the multisite network.
6. Add your individual language page and WooCommerce settings.

Detailed documentation is available for each step on the list; for now, let’s focus on how to create the WordPress multisite and navigate the basic functionalities of MultilingualPress.

How to Create a Multisite on The Basis of an Existing WordPress Installation

To create a multisite network, follow the steps described in the WordPress codex. You’ll need to add the following line to the wp-config.php file:

define( 'WP_ALLOW_MULTISITE', true );

A screenshot showing an excerpt of the code in the wp-config.php file

You’ll need to put this before the line that says:

/* That's all, stop editing! Happy blogging. */

Next, go to Tools and then choose Network Setup.

Creating a network of WordPress sites in WP Admin

If you’re a visual learner, check out this video on how to create a WordPress multisite network in about three minutes.

Now, let’s take a closer look at the WordPress multisite. Within the multisite network, you’ll have the Super Admin role. A Super Admin manages the network and can create new sites, assign users to sites, and decide which plugins and themes to enable on each site in the network.

This is what the Super Admin’s dashboard looks like in WP Admin:

The Super Admin's dashboard view in WP Admin

As you can see in the left column, the Super Admin can edit five tabs: Sites, Users, Themes, Plugins, and Settings. The Super Admin can assign users for each individual site, enable themes, and configure settings. In the Sites tab you can add new sites.

Create a site for each desired language.

Adding a new site for each language in WP Admin

How to Set Up MultilingualPress

Once you’ve installed MultilingualPress, your Sites menu item should look like this:

The Sites menu item in WP Admin after MultilingualPress has been installed

This is where you can set the site’s language.

Now comes the crucial step where you link the different sites within your multisite network to each other. For detailed instructions, please check out the plugin developer’s documentation.

The next step isn’t mandatory, but still recommended. To enable automatic redirection, you’ll first need to configure the automatic language redirection in MultilingualPress.

Go to My Sites → Network Admin → Settings, and check the Redirect checkbox in the Modules tab.

Tick the Redirect checkbox in WP Admin

You’ll want to check the Redirect checkbox on each of your sites.

Ticking the Redirect checkbox for each of your sites enables automatic redirect

This is also the step where you decide how your website visitors will switch between languages on your connected websites. Do you want to list the languages in a separate header menu? Show the available options in your website’s sidebar?

Create a separate language menu as part of your site’s navigation menu:

Creating a separate language menu as part of your site’s navigation

To do this: first enable the language meta box, which you’ll find in Screen Options in the top-right corner of your site. You’ll need to check the relevant box.

Alternatively, use the WordPress Navigation Menu Widget to add the language menu to a sidebar:

Use WordPress's Navigation Menu widget to add the language menu to a sidebar

Finally, you need to link pages and posts to each other so that visitors can switch from one language version to another, regardless of where they are on your website. To do this, go into the back-end of a page or post and scroll down. This is where you’ll find additional editors — or at least one — as each language in your multisite network comes with its own editor.

Link pages and posts together so that visitors can switch from one language version to another

In this screenshot, you can see the German and French editors – each editor has several tabs. The screenshot above shows the Relationship tab, where you can define each post’s relationship to other posts (the same process also applies to pages).

The other tabs in the editor offer other opportunities to better link content across sites. For example: you can copy the post title and content to the remote post. You can then edit the content on the other language’s site.

You can copy the post title and content to the remote post, and then edit the content on the other language’s site

3. MultilingualPress and WooCommerce: Possibilities and Limits to Think About

MultilingualPress connects WooCommerce products, including product title, content, excerpt, and featured image. You’ll need to manage other types of information, like prices, manually on each site.

Currently, you cannot synchronize stock information between sites. If you have a single warehouse but want to sell on a multilingual eCommerce store, bear in mind that stock may not be displayed correctly at all times unless you use an additional inventory management system. An additional plugin solution is coming very soon, and is already in beta testing!

Shopping carts also don’t synchronize automatically across language sites – nor do articles, media, or users. The developers behind MultilingualPress are well aware of these limitations, and are working toward a solution in the future.

Even with these current limitations, MultilingualPress is a technically clean and efficient way to create a powerful multilingual online store with ease – especially for anyone who cares about scalability. A multilingual WooCommerce shop with this plugin will grow with your business, as you expand your reach deeper and farther into international markets.

Speak The Language Of Your Customers, Sell More

We trust this introduction to multilingual eCommerce on WordPress has been helpful. If you have any questions or learnings to share about your own experience selling in your customers’ different languages, then we’d love to hear from you in the comments.

Take your store global with MultilingualPress

13 Responses

  1. iplliveaction
    novembro 15, 2018 at 9:48 pm #

    Thanks for introducing Multilingualism with WordPress. It would be very helpful for international targeting.

  2. Michael
    novembro 16, 2018 at 10:47 pm #

    Great stuff, I have been looking for a post on this. Thank you

  3. Waleed Barakat
    novembro 17, 2018 at 5:41 am #

    Awesome, very easy solution to be applied, Will try it on my online store jodyshop.com.

    Thanks for sharing this.

  4. Da vinci
    novembro 19, 2018 at 3:45 pm #

    Hi, I have a smartphone specification website on which I have tried severally to install WooCommerce. But anytime I install the plugin, I keep getting the warning that my theme does not declare support for woocommerce. Please what do I need to do to declare support for woo? Thanks

    • Alex Frison
      dezembro 2, 2018 at 7:13 pm #

      Hey Da vinci,

      I think this is a problem with your theme and WooCommerce and doesn’t have anything to do with MultilingualPress. The plugin ha no touching points with themes, therefore no conflicts can arise. 🙂

  5. michael
    novembro 20, 2018 at 1:43 pm #

    great read, thanks a lot 🙂

  6. Tarun G
    novembro 21, 2018 at 12:21 pm #

    Nice work, I will deferentially use the same.

  7. Saurabh
    novembro 21, 2018 at 1:29 pm #

    With Woocommerce, Setting up your own online store in multiple languages will be no more painful.

    Thanks for this tutorial.

  8. Bonusetu.com
    novembro 23, 2018 at 10:10 pm #

    This is actually what we have just been planning. Great article and thank you for writing it!

  9. stella0108
    novembro 27, 2018 at 10:40 am #

    Really helpful guide.thanks

  10. DiscountCodez
    dezembro 2, 2018 at 5:18 pm #

    Hey! I wanted to ask whether if installing multi languages in current website put any impact on the current submission? I mean will it hurt any data on the website?
    Thanks

    • Alex Frison
      dezembro 2, 2018 at 7:15 pm #

      Hey DiscountCodez,

      you just have to convert your current website to multisite (do a backup first!) and then you can add additional languages to your multisite and it doesn’t impact your current data. You also have to check if all your plugins are working on multisite, which should be the case except they are not well written.

      • DiscountCodez
        dezembro 11, 2018 at 12:11 pm #

        Okay! I will do the backup first than try this plug in. Thanks! 🙂