Google Translate – Make your site Multilingual

One of the questions we are often asked by clients is whether or not there is capability to display the site in multiple languages, such as Spanish, English, French, and more.  While our platforms are not designed to be multilingual, there are options out there that can help enhance your shoppers purchasing experience, such as Google Translate.
Google Translate allows you to instantly translate your website into 60+ languages with the click of a button, and it’s as easy as copying and pasting the code into the page that you want your translator to appear on for site translating.

Why Would I Want to Use Translate on My Site?

There are several reasons why you would want to offer Google Translate on your store/website.

One example might be if you have an International Store which accepts orders from all over the world.  Adding Translate to your site could help encourage shoppers who may be intimidated by the storefront due to not being English savvy, to purchase more or even complete their purchase which they may have previously abandoned due to lack of understanding the site language.

Adding Google Translation to your site can allow your audience of shoppers to expand not only here in the United States, but GLOBALLY.   Google Translate can open new doors towards achieving new clients, and offering a more seamless shopping experience for users worldwide.

To add Google Translate to your BrightStores Company Storefront

  1. Copy the codes shown at the very bottom of this article.
  2. Login to the admin for the store you want to add translation to.
  3. Click on the Content tab.
  4. Select the page you are adding translation to.  If you want translation available on every page, you will need to add the code to either the Header or Footer page.
  5. Click the TextBox “Editor” option just below the Sort box.
  6. Paste your code into the WYSIWYG editor box and then click Save.

 

Header Content Page Example

BrightStores Storefront Example

 

To add Google Translate to your BrightStores Company Storefront

Please Note: This option is for advanced designers only.  If you are not comfortable editing theme files, our designers can do this for you at our hourly design rate.

  1. Copy the code below.
  2. Login to the admin for the store you want to add translation to.
  3. Click the Themes Tab and select the Theme Files option next to the Theme you have published to your store.
  4. Next click on the theme.liquid file.
  5. Paste your code into the appropriate area based on where you want the Google Translate to appear (header/footer) in your store and Save.
  6. You can further customize the positioning of your Translate option by editing the main.css.liquid file appropriately based on the theme you are utilizing for your site.

 

Bright Sites Storefront Example

Google Translate Code

<div id=”google_translate_element”></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: ‘en’
}, ‘google_translate_element’);
}
</script><script src=”//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”></script>

Keep checking back for more helpful tips and hints on how to further customize your company stores/websites, as well as your shopper’s online shopping experience.

Nicole MarieCompany Store Specialist
nicole@brightstores.com

Category:

This post was written by Lucy Taylor