How to add Google Translate into your VP-ASP 7.00

How to add Google Translate into your VP-ASP 7.00

This helpnote will show you how to add Google Translate into your VP-ASP 7.00 site that will allow your customers to choose the options available to translate the whole site to their target languages.



Please follow these steps below :

1. Open the Google Translate link below :
http://translate.google.com/translate_tools

2. In the Google translate tool page, please enter your suitable options as below :

----------------------------------------------------------------------------
Step 1: Type of translation element : Add translation to the entire webpage

Step 2: Language
Select the language of your webpage: English (if your site is in English).

Step 3: Show optional settings (click the + icon to expand it)
Translation languages
Please select : Specific languages
Then tick one by one your desired languages to list for your customers.


----------------------------------------------------------------------------

3. Copy all the script inside the big textbox as mentioned in the Step 4.
The code will look like as below (do not use this sample script as this is just example) :

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
includedLanguages: 'zh-CN,da,fr,de,it,ja,es'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

4. Login to your VPASP control panel and go to: Website > Layout Manager

5. Locate in the very bottom of left column section in the Layout Manager page and click Add Box .

6. An Empty box will be displayed, click the Edit link.


7. Then in the Main Selection dropdowns, please select " COLUMN FREE TEXT ".

8. And then fill in the fields:

Enable : Yes
Label Name : Google Translate
Seq No. : 01
Display with Box : Yes
Display Text : Please paste the Google Translate code in the step 3 above.
Show in SSL? : No

Click Save Changes once all filled.

9. You're done! Go to your VP-ASP front store and refresh to see changes. This will show the Google Translate box in the left column.
Below is the example of selected language in Japan using the Google Translate:



Times Viewed:
10279
Added By:
Wilson Keneshiro
Date Created:
7/22/2011
Last Updated:
7/22/2011