EverWeb Codebox

Google Translate

Google Translate Widget

Go to this site...


Enter your website info - shown to the right...

Then go to Plugin Settings and set them - shown below.

<meta name="google-translate-customization" content="d98bc13afcf70339-7e314033fb3abe94-gf7f636b4aaca72b1-e"></meta>

Paste this into an HTML Snippet...

<div id="google_translate_element"></div>

... adjust the size of the snippet (approximately 170px x 30px) to suit the content and then drag it into the desired position on the page.

Now copy the above snippet and paste to every page of the site that requires the translation widget.

Paste this into into the Site Wide Footer Code box in the Site Publishing Settings page...

<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="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Note the "http:" that has been added to the URL in the above code.

Return to the plugin settings page if any changes are required in the future.

Click the "Get Code" button.

Paste this part into the Site Wide Head Code box in the Site Publishing Settings page...

Select Language
Google Translate Add Website