How to add Google Translate to your website

This is really easy and can be added anywhere in your webpage using the HTML code editor.

The code can be generated from http://translate.google.com/translate_tools

or if your web page is in English and you wish to offer all lanuages available then copy this code

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

It is worth checking back to Google for updates and added features

Here’s how step-by-step

  1. Copy the code above (in red) or visit the Google page and generate your code – and copy
  2. Find a place on your webpage
  3. Click to the Html Source View / Editor (usually by the <> button)
  4. Paste the code
  5. Return to Normal View or Visual
  6. The embeded code should be visible and ready to translate the page

NB: Some HTtML Source code may require a <p> at the beginning of the code and a </p> at the end

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: