How do I add Google Translate to my store?

  • 0
  • 2
  • Question
  • Updated 4 years ago
  • Answered
Please note that while we offer this tutorial and it is tested and working at the time of creation, any customization of or support for these types of articles is outside of our scope of support. If you require assistance with any design or customization, we recommend that you either visit our community forums or contact one of our fantastic design consultants

Creating your Google Translate Plugin.
1.)Visit the Google Translate site.
2.) Click on Add to your website now.

add2013-05-22_1352.png

3.) Enter your store's URL (no http:// necessary) and choose your main site language, if other than English. 

addsite2013-05-22_1032.png

4.) Click Next >>

5.) Choose your plugin settings. You can set specific languages or use the default all languages, or set your display mode. Dropdown only is typically preferred.

pluginsettings2013-05-22_1033.png

6.) Click Get Code >>.

7.) You should see two pieces of code generated for you, much like below. We will use this code in the next section so you will want to keep the window open or copy this down.

addplugin2013-05-22_1034.png



Installing your Plugin.
1.) In your Bigcommerce Control Panel, click Design.

design2013-05-15_1805.png

2.) Find the Template Files tab.

template_files2013-05-15_1805.png

3.) Scroll to the Panels folder and click the plus sign to expand.

panels2013-05-15_1829.png

4.) Find your HTMLHead.html file and click edit.

htmlhead2013-05-22_1339.png

5.) Back on your Google Translate page, copy the first section of code provided for you.

first_section2013-05-22_1358.png

6.) Paste the contents of your clipboard prior to the closing head tag in your HTMLHead.html file.

codehtmlhead2013-05-22_1103.png
7.) Click Save in the top right.

8.) Back in the Panels section of your Bigcommerce Control Panel, find the Header.html file and click edit.

header2013-05-16_1536.png

9.) Switch back to your Google Translate page and copy the section section of code provided for you.

second_section2013-05-22_1358.png

10.) Paste the contents of your clipboard below the Header div in your Header.html file.

*Please note that I am pasting this above my logo in this example. You can change location as necessary.

codeheader-05-22_1503.png

11.) Click Save.

That's it! Now you will see a Google Translate dropdown at the top of your site for users.

installed2013-05-22_1111.png

german2013-05-22_1114.png

italian_2013-05-22_1142.png

Photo of Drew N

Drew N, Community Manager

  • 251,788 Points 100k badge 2x thumb

Posted 4 years ago

  • 0
  • 2

Be the first to post a reply!