> For the complete documentation index, see [llms.txt](https://docs.vintcer.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vintcer.com/google-translate.md).

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

![](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>
```
