Google Translate

Learn how to add Google Translate to your website (Multi-language website).

To add Google translate to your entire website you need to add following code in Site header.

Click on Setting and then choose Pro settings.

2. Copy the Below Code-

<body>
<div id="google_translate_element" style="text-align: center;">
<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>
</body>

3. Copy and Paste the above code into PRO setting or Site Header.

Click on Save button, make sure to Publish the changes.

Note:- You can align the Google translate button to Right, Left and Center

To align the Translate button in center. Paste this code-

<body>
<div id="google_translate_element" style="text-align: center;">
<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>
</body>

If you want Translate button in right side.

<body>
<div id="google_translate_element" style="text-align: right;">
<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>
</body>

If you want Translate button in left side.

<body>
<div id="google_translate_element" style="text-align: left;">
<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>
</body>

PreviousMulti-language website NextSitemap (SEO)

Last updated 7 years ago

hashtagTo align the Translate button in center. Paste this code-

To align the Translate button in center. Paste this code-