How to Add A Google Translate Widget To Your Blog

Google Translate Widget

If your blog is starting to draw an audience from overseas or you want to collaborate with other schools around the world, you’ll want to find a way to translate your blog into multiple languages.

One of the most common questions we receive from our edubloggers is how to implement Google Translate on their blogs.

This quick process will help you set up a Google Translate widget on your blog to make it easy for your blog audience to translate your website in a single click.

1. Go to You’ll be prompted to log in with a Google account. If you don’t have one, you can register for free.

2. Enter the domain of your website (i.e. and select the original language that your blog is written in.

Add a website

3. Customize the plugin settings if necessary (the default settings will work for most people). Click “Get Code.”

Plugin Settings

4. Open a new tab in your browser and log into your Edublog.

5. Go to Appearance > Widgets in your dashboard.

Appearance > Widgets

6. Drag a text widget to your sidebar or widget area.

Text Widget

7. Copy the embed code from Google and paste it into your text widget.

Screen Shot 2016-07-05 at 10.57.44 AM

8. Double check to make sure the embed code was copied and pasted into the widget properly, and click “Save.”

Screen Shot 2016-07-05 at 11.04.42 AM

9. Reload your blog. You should now see the Google Translate widget in your sidebar.

Translate - select language

Now your visitors can click on their own language to translate your blog!

Share This Post:

31 thoughts on “How to Add A Google Translate Widget To Your Blog

  1. I click on the link which is provided by you but when it goes to that page it says this option is not available anymore for websites.

    1. Hello,
      As various other services by Google, they no longer want to provide this tool for websites and encourage use for their new solutions.

  2. Thanks for sharing the precious knowledge to translate the information. Worthy to read and all the information given in pictorial view due to that easy to understand.

  3. It’s not working on my EduBlog (Wix) site. When I paste in the text and click “save”, the bottom line of code disappears.

    This is what I type in:

    function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: ‘en’, layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, ‘google_translate_element’);

    and then this is what happens after I hit “save”:

    function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: ‘en’, layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, ‘google_translate_element’);

    Any ideas or suggestions? Thanks!

  4. Hi!
    Some part of my blog is not written in English and Google Translate does not have English Language. How to add English to the language options?

    1. Hi Sue, thanks for letting us know. We’re writing an updated post with the new instructions and it should be published this week. You no longer need to add the meta tag. You follow the same instructions but just copy/paste the code they provide into a text widget in your sidebar.

      Sue Waters
      Support Manager
      Edublogs | CampusPress

  5. Hi – Is the Google translation widget free to use or is there a cost associated with it? I have read contradicting information regarding this (i.e. charged for every million characters).

  6. Hi Dan!

    Greetings from San Diego!
    Great tutorial! It helped me a lot! I managed to put this widget on my blog just fine.
    Do you have any to tutorial to include a (not spam script – like that one you are using below?)
    Thanks a lot!

  7. Greetings from Brazil!
    Thanks man! Great tutorial! It helped me a lot! I managed to put this widget on my blog just fine. 😉

  8. I must agree that Google Translator is very popular among us teens these days. Although it’s not 100% accurate, it does help a lot. This is a great way for most of us second language learners to understand the language easier.

  9. I followed every direction to the letter, but for some reason, every time I press “save”, half of the text I pasted in disappears. I have tried reloading the page several times and even regenerating the code, but nothing works. When I refresh my blog in a seperate window, only the leftover text is displayed, no translate box. Please help! I have many students whose parents do not speak English, and I think this tool would help me to communicate better with them. Thanks so much!

    1. Hi Beth

      Please provide a link to the blog you are trying to add the widget to. We need to check your blog to see what is happening.


    1. Hi Ajay,

      I apologize that I cannot provide a more in-depth answer, but I wonder if automated translation (per the help forum) refers to automatically sending users to a translated version of the blog versus the user self-selecting to translate via the translate widget on the blog. If you had set up your website in such a way that sent users from certain countries to automatically translated pages, then you would want this to be noindexed so that it would not create duplicate content.


  10. Hi There,

    I attempted to add this and was unsuccessful. I tried to refresh my code page on the google translate page and can no longer find it. May you please help me with this?

    All the best,

Leave a Reply

Your email address will not be published. Required fields are marked *