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.

  1. 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>