Before lauch any ecommerce sites, we always have target customers for your store. They maybe come from your country, but they can be international customer too. So the priority you shouldn’t forget is creating store view for different languages to engage more and more customers. So today, we will learn how to create store view in multi languages and set up translating for products and contents.
How to create store view in different languages?
store view are typically used to make the store available in different languages. Shoppers can use the language chooser in the header of the store to change the store view. Most of the text that appears to be hard-coded on pages throughout your store can be instantly changed to a different language by changing the locale of the view. Changing the locale doesn’t actually translate the text word-for-word, but simply references a different translation table that provides the interface text that is used throughout the store. The text that can be changed
includes navigational titles, labels, buttons, and links such as “My Cart” and “My Account.”
To create store view in different languages, we follow to 3 steps process:
Step 1: Install a Language Pack.
Firstly, you have to login your Magento 2 account, then go to Magento Connect, and find the language pack that you want to download. Example: I will create store view in Spanish.
Then, tap Install Now. Then, tap Get the Extension Key and Select. Finally, copy the license key.
Return to your store Admin. On the Admin sidebar, tap System. Then under Extensions, choose Integrations. When prompted, log in to Magento Connect Manager. Then, do the following:
- In the Install New Extensions section, paste your extension key.
- Tap Install. The language pack you have chosen appears below.
- When ready to begin, tap Proceed.
To return to your store, click the Return to Admin link at the top of the page.
Step 2: Create a Store View for the Language
On the Admin sidebar, navigate to Stores>All Stores. Then tap Create Store View. and do the following:
- Select the Store that is the parent of the view.
- Enter a Name for the store view. For example: Spanish.
- Enter a Code in lowercase characters to identify the view. For example: spanish.
- To activate the view, set Status to “Enabled.”
- (Optional) Enter a Sort Order number to determine the sequence in which this view is listed with other views.
When complete, tap Save Store View.
Step 3: Change the Locale of the Store View
On the Admin sidebar, tap Stores. Then under Settings, choose Configuration. In the upper-left corner, set Store View to the specific view where the configuration is to apply. When prompted to confirm scope switching, tap OK.
After that, expand the Locale Options section. Then, clear the Use Website checkbox after the Locale field and set Locale to the language that you want to assign to the view. If there are several variations of the language available, make sure to choose the one for the specific region or dialect. When complete, tap Save Config.
How to set up Translating Products for Magento 2 store view?
If your store has multiple views in different languages, the same products are available in each store view. You can use the same basic product information, such as SKU, price, and inventory level, regardless of language. Then, translate only the product name, description fields, and meta data as needed for each language. To translate products, we do the following:
Step 1: Translate Product Fields
On the Admin sidebar, tap Products. Then under Inventory, choose Catalog. In the grid, find the product to be translated, and open in edit mode.
- Clear the Use Default Value checkbox to the right of the field.
- Either paste or type the translated text into the field. Make sure to translate all text fields, including image labels and Alt text, Search Engine Optimization fields and any Custom Options information.
When complete, tap Save .
Step 2: Translate Field Labels
On the Admin sidebar, tap Stores. Then under Attributes, choose Product. In the list, find the attribute to be translated, and open in edit mode:
- In the panel on the left, choose Manage Labels.
- In the Manage Titles section, enter a translated label for each store view.
When complete, tap Save Attribute .
Step 3: Translate All Categories
On the Admin sidebar, navigate to Products>Categories. In the upper-left corner set Store View to the view for the translation. When prompted to confirm, tap OK . Then find the category to be translated and open in edit mode. On the General Information tab, translate the following fields:
- Page Title
- Meta Keywords
- Meta Description
To translate the URL Key, we clear the Use Default Value checkbox to the right of the field and enter the translated text. Don’t forget to make sure that the Create Permanent Redirect for old URL checkbox is selected
When complete, tap Save Category and repeat the process for all categories used in the store.
How to set up Translating Contents for Magento 2 store view?
To translate a content page, you must create a new page that has the same URL Key as the original, but is assigned to the specific store view. Then, update the page for the specific view with the translated text. The following example shows how to create a translated version of the
“About Us” page for the Spanish store view. To create a translated page for a view, we do the following:
On the Admin sidebar, tap Content. Then under Elements, choose Pages. In the grid, find the page to be translated, and open in edit mode. Copy the URL Key to the clipboard. Then, press the Back button to return to the Pages grid.
Copy the URL Key to the clipboard. Then, press the Back button to return to the Pages grid and tap Add New Page. Then, do the following:
- Enter the translated Page Title.
- Paste the URL Key that you copied from the original page.
- In the Store View box, choose the store view where the page is to be available.
- In the panel on the left, choose Content. Then, complete the translated text for the page.
- On the Design tab, set the column Layout of the page.
- On the Meta Data tab, enter the translated text for the Keywords and Description.
When complete, tap Save Page. Then when prompted, refresh any invalid caches.
To sum up, Magento 2 becomes easier to create store view in different languages and translate Products & Content. I hope that this tutorial will help you understand clearly about Magento 2 store view to have a more flexible and useful admin panel. If you have any concerns, feel free to leave your comment below.