How to add Google Translate to a Web Site google translate web

How to add Google Translate to a Web Site

Glenn Blog 0 Comments

The process of adding the basic implementation of Google Translate to any web site is very easy. Simply add the following code to your page where you want the translation drop-down to appear (your header for instance):-

<div id="google_translate_element"></div>
<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>

That’s it – hey presto you now have a translation option on your site for multiple languages courtesy of Google (as shown below).


About the Author
How to add Google Translate to a Web Site 0da77002febbfe28d15144a57bbcc2c9 s 180 d mm r g

Glenn

A highly experienced Web Developer (WordPress, Webflow, Weebly & Custom), Front-end / Back-end Developer & New Media Specialist, with extensive knowledge of a wide spectrum of technologies in the Development and Creative Industries, built up over a number of years.