# Google Translate

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.

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBqSoDjj1UcJf96z_dA%2F-LBqT1H2c2NslHGtfsLx%2FScreenshot%202018-03-28%2012.48.56.png?alt=media\&token=2908d8fe-3ad6-4b5c-9c46-3142d40e9c05)

2\. Copy the Below Code-

```markup
<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.

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBqSoDjj1UcJf96z_dA%2F-LBqTNZReA1IUxFdf0BW%2FScreenshot%202018-03-28%2012.52.37.png?alt=media\&token=6761fcdb-e307-440d-b8fe-5768f50a24f7)

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-

```markup
<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.

```markup
<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.

```markup
<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>
```
