> 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

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.

![](/files/-LBqT1H2c2NslHGtfsLx)

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.

![](/files/-LBqTNZReA1IUxFdf0BW)

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