How to add Google Translate to your Store

Google Translate allows you to instantly translate your website into 60+ languages. To embed Google Translate directly into your website we will get started by going to https://translate.google.com/manager/website/ and sign in to your Google account when you are prompted to.

 

Applies to Version(s): 3.7.5 - Current

 

Getting the code for the google translate plugin

Once there click on the "Add to your website now" button on the right-hand side.

 

On the next page, you will be required to complete two parts:

Enter the URL of your website into the empty "Website URL" field (for example: www.yourwebsite.com).

Choose the original language of your website from the drop down menu.

And than click the Next button.

On this page you will choose whether you want to be able to translate into all of the available languages, or only the languages that you choose. You will also choose how the translate widget will look on your website, and advanced features.

When you're done making these choices, click Get Code.

On the next page you will see the code that you need to insert onto your website and an example of what you see is below. Please be sure to wrap the code you do get form google in {literal} {/literal} tags as shown below so it does not break the theme.

 

 

<div id="google_translate_element"></div>{literal}<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>{/literal}

 

Installing the code on to your store

To add this to your store, open the file manager by going to Settings -> Advanced Settings -> File Manager

 

Than navigate to / content / skins / _custom / skin / templates / wrappers / elements /

Than create a blank html file named element-custom-head.html using notepad or similar plain text editor. Than copy the code you got from above and paste the whole code there.

Upload the file to / content / skins / _custom / skin / templates / wrappers / elements /

Once done, make sure to go to Design -> Cart Designer so the changes you made above get compiled correctly to the cache directory and become live on the site.

This is what Google Translate looks like in action:

Links to Related Articles.

How to Change the Language of Your Site.

If you didn't get your question answered, please contact the Pinnacle Cart Support Team. To submit a ticket, go to the My Account drop-down menu at the top right of the admin area and select Support

Was this article helpful?
0 out of 0 found this helpful