---
title: "Integrated Google Translator API in your website"  
description: "In this article I am going to explain how to implement Google Translator API for translate your whole website."  
author: "Vijay Shukla"  
published: 2013-05-09  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/1289/integrated-google-translator-api-in-your-website  
category: "api(s)"  
tags: ["api(s)"]  
reading_time: 2 minutes  

---

# Integrated Google Translator API in your website

In this article I am going to explain how to [implement Google](https://answers.mindstick.com/qa/106065/how-to-implement-google-analytics-cross-domain-tracking-for-comprehensive-data-analysis) Translator API for translate your whole website.\

This is a very simple and easy to understand [implementation](https://answers.mindstick.com/qa/44913/who-is-the-minister-of-statistics-and-programme-implementation) of Google Translator API, you just follow below steps to [integrated](https://www.mindstick.com/forum/33532/handler-pagehandlerfactory-integrated-has-a-bad-module-managedpipelinehandler-in-its-module-list) Google Translator API.

1. You can login with Gmail id on this link: [https://translate.google.com/manager/website/](https://translate.google.com/manager/website/)

![Integrated Google Translator API in your website](https://www.mindstick.com/mindstickarticle/383b0b8e-3174-4d28-b4ea-0c7c8036dfc1/images/888430c1-e370-4ac7-8471-cba3c4705924.png)

2. After login you will get the below screen.

![Integrated Google Translator API in your website](https://www.mindstick.com/mindstickarticle/383b0b8e-3174-4d28-b4ea-0c7c8036dfc1/images/dff9c76d-5a86-4aea-bb9c-f24ea5718613.png)

· Now Click on Add to [your website](https://yourviews.mindstick.com/view/81591/semrush-tutorial-and-review-2020-how-to-use-it-to-20x-your-website-traffic) now button for adding your website.

3. After Clicking [Add to your](https://yourviews.mindstick.com/story/1216/5-basic-triceps-exercises-to-add-to-your-workout-routine) website now button below screen will appear.

![Integrated Google Translator API in your website](https://www.mindstick.com/mindstickarticle/383b0b8e-3174-4d28-b4ea-0c7c8036dfc1/images/3d27bd52-1eb0-4049-a322-535ecc90660a.png)\

· Website URL: - Here enter your website URL.

· Website language: - Here give the default language of your website.

· Click to Next button to move on next option Plug-in Setting

4. After click on Next button now move on the next tab Plug-in Setting and its screen is given below.

![Integrated Google Translator API in your website](https://www.mindstick.com/mindstickarticle/383b0b8e-3174-4d28-b4ea-0c7c8036dfc1/images/fc570fd0-5caf-4cd6-9545-dee6570f700b.png)\

· [Translation](https://www.mindstick.com/articles/85548/translation-technologies-and-techniques) [languages](https://yourviews.mindstick.com/story/1079/what-are-the-5-love-languages): - Here is to radio buttons will appear

a. All Languages: - when I select this option then all languages will be automatically selected.

b. Specific languages: - When I select this option then you can select the specific languages.

· [Display mode](https://www.mindstick.com/interview/2206/what-is-the-use-of-display-modes): - This option is for your [drop down](https://www.mindstick.com/forum/287/how-to-add-data-in-drop-down-list) look which is contains all language lists.

· Click on Get Code button for the script.

5. After clicking Get Code button below screen will be appear.

![Integrated Google Translator API in your website](https://www.mindstick.com/mindstickarticle/383b0b8e-3174-4d28-b4ea-0c7c8036dfc1/images/9ff03f24-8737-425c-a7b0-663fe1c6377c.png)\

· Now copy the Meta tag content and paste the before </head> tag.

· Copy and paste the snippet where you'd like to display the website translator plug-in on you website.

Code of my webpage: -

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>mindstick</title>
    <meta name="google-translate-customization" content="57c7909c2edfbf10-9360dc5c1af4b926-g5ed69a3c1ebb5ba8-11">
    </meta>
</head>
<body>
    <div id="google_translate_element">
    Hello mindstick wellcome.
    </div>
    <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true }, 'google_translate_element');
        }
</script>
    <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</body>
</html>
```

Output: -

![Integrated Google Translator API in your website](https://www.mindstick.com/mindstickarticle/383b0b8e-3174-4d28-b4ea-0c7c8036dfc1/images/daebe8a6-39c2-47cf-9512-781f863e38ff.png)

Output after selected Hindi: -

![Integrated Google Translator API in your website](https://www.mindstick.com/mindstickarticle/383b0b8e-3174-4d28-b4ea-0c7c8036dfc1/images/e2040cb4-4726-45e5-8f70-8516dd2604c3.png)

---

Original Source: https://www.mindstick.com/articles/1289/integrated-google-translator-api-in-your-website

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
