E-commerce
Business Email
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-
1
<body>
2
<div id="google_translate_element" style="text-align: center;">
3
<script type="text/javascript">
4
function googleTranslateElementInit() {
5
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
6
}
7
</script>
8
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
9
</body>
Copied!
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-
1
<body>
2
<div id="google_translate_element" style="text-align: center;">
3
<script type="text/javascript">
4
function googleTranslateElementInit() {
5
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
6
}
7
</script>
8
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
9
</body>
Copied!
​
If you want Translate button in right side.
1
<body>
2
<div id="google_translate_element" style="text-align: right;">
3
<script type="text/javascript">
4
function googleTranslateElementInit() {
5
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
6
}
7
</script>
8
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
9
</body>
Copied!
​
If you want Translate button in left side.
1
<body>
2
<div id="google_translate_element" style="text-align: left;">
3
<script type="text/javascript">
4
function googleTranslateElementInit() {
5
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
6
}
7
</script>
8
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
9
</body>
Copied!
Last modified 4yr ago
Copy link