Home » WordPress Tutorials » How to Add Google Translate on WordPress

How to Add Google Translate on WordPress in 4 minutes

Photo of author
By Martie
Last Updated:
Photo of author
By Martie
Last Updated:
Photo of author
Updated:

In this tutorial, we’ll be covering how to add Google Translate on WordPress.

Google Translate is a (free) language translation service, that can instantly translate text from one language to another.

Once we've added Google Translate to our WordPress website.

Our visitors will be able to translate our ENTIRE website into their chosen language, with 2 clicks of their mouse!


Add Google Translate on WordPress


There are only 3 main step we need to follow:

  1. Install Plugin (Google Language Translator)
  2. Google Translator – Plugin Settings
  3. Add “Google Translate” to WordPress (2 Methods).
Google Translate – Square Logo Icon

#1 – Install Plugin (Google Language Translator)


So, the first thing we need to do is install a free plugin.

To do this.

We need to hover over Plugins in our left dashboard menu.

And click Add New.

WordPress Dashboard – Hover over Plugins and click Add New Plugin

Then, we’re going to type the words “Translate WordPress” into the search bar in the top-right.

WordPress Dashboard – Plugin Search Bar

And find the plugin called:

Translate WordPress – Google Language Translator

WordPress Google Translate Plugin called Google Language Translator

Once we find it, we can click Install Now.

And then click Activate.

WordPress Activate (plugin) button

#2 – Google Language Translator – Settings


Once the plugin is active on our site.

We can change the settings, and get everything the way we want it.

To do this.

We need to hover over Settings in our left dashboard menu.

And then click Google Language Translator.

WordPress Dashboard – Hover over Settings and click Google Language Translator

This will bring us to the Main Settings page for the plugin.

Google Language Translator (WordPress Plugin) – Main Settings

Here, we just want to make sure that the first box is “checked”.

The one labelled “Check this box to activate”.

Check this box to activate (check box) – Google Language Translator WordPress Plugin Settings

Then, under this.

We just want to choose the Original Language of our site.

Choose Main Website Language (Drop-down menu set to English)

Activate Languages


And then we can choose what languages will be active, under this.

These are the languages that will be available to our visitors to translate our site into.

Choose what languages will be active on WordPress – Google Language Translator (Plugin) – Language options

We can either click Select All to activate all of the available languages at once.

Or, we can add them individually, by checking the box beside the ones we want.

Note: Be sure to check the box for your original language too, this way people will be able to translate back to the original if they want, otherwise they will need to refresh the page to do it.


Flag Settings


Then once we’re done here.

On the right, under Flag Settings.

Flag Settings for Google Language Translator (WordPress Plugin)

We can change the size of the flag icons.

And we can also choose which flag to show, for languages spoken by multiple countries.


Language Switcher Settings


Then, once we’re happy with our Flag Settings.

If we scroll down, we’ll see a section called Language Switcher Settings.

Language Switcher Settings – Google Language Translator (WordPress Plugin)

The “Language Switcher” looks like this:

The Language Switcher LIVE on WordPress – Google Language Translator (WordPress Plugin)

And it’s added to our website using a shortcode (covered below).

The Language Switcher is optional.

But, if we are using it, we can change the:

  • Width
  • Colors
  • Alignment
  • etc
Full list of Language Switcher Settings – Google Language Translator (WordPress Plugin)

Note: If we choose to “hide” the Language Switcher, it will only show the flags and not the drop-down list of countries.


Floating Widget Settings


Then, underneath the Language Switcher Options.

We have another section, called Floating Widget Settings.

Floating Widget Settings – Google Language Translator (WordPress Plugin)

The “Floating Widget” looks like this:

Floating Widget – Translate Button – LIVE on WordPress – Google Language Translator Plugin

When a user clicks on this button, it will show the different flags, for the languages we activated above.

Floating Widget with Flags – Translate Button – Google Language Translator (WordPress Plugin)

Then, when they click on the flag for the language they want.

Our entire website will be translated for them, into that language.

Under the Floating Widget Settings, we can:

  • Choose whether or not to show the Floating Widget (it’s optional)
  • Change the button text
  • Choose the position it appears on side (multiple choices)
  • Change the different colours
Floating Widget Settings – Google Language Translator WordPress Plugin Settings

Then, once we’re done with these options, we can scroll down to the bottom and click Save Changes.

Save Changes Button – Google Language Translator Settings on WordPress

#3 – Add Google Translate to WordPress


Now that we have everything set up, we just need to add the button to our site.

Please Note: The “Floating Widget” mentioned above will already be active, if your turned it on in the settings. These steps are for adding the “Language Switcher”.

There are 2 different ways to do this:

If we only want it to appear on a few pages or posts, we can paste it into each one individually, using a “shortcode”.

All we need to do is right-click and copy the shortcode from the bottom of the settings page.

Shortcode for Google Translate on WordPress

Then, we can paste the shortcode anywhere we want it to appear on our website.

(paste it directly in the page/post copy and save your changes)

We can add the Google Translate option to any of our Widget areas.

(these will depend on what theme we're using)

To access our Widgets, we just need to hover over Appearance in our left dashboard menu, and click Widgets.

WordPress Dashboard – Hover over Appearance and click Widgets

Then, we're going to click into the Widget Area we want to add the translate option to.

Various WordPress Widget Areas

And then, click the plus symbol (+) to add a new block.

WordPress Add Block to Widget Area (Sidebar)

Now, if we type the word “translator” into the search bar.

We can click on the Google Language Translator block, to add it.

WordPress Widget Block for Google Language Translator Plugin

Then, once it's been added.

We have the option to change the Widget Title (or delete it).

And we can also move the Widget into a different position, if we want to.

Widget Block for Google Language Translator Added to WordPress Sidebar

Then, finally, we just need to click Update in the top right, to save our changes.

WordPress Update Button for Updating Widgets

Now, when we visit our site.

We’ll see the option to change the language appears in our sidebar.

(or whatever Widget area we added it to)

With Flags:

Google Translate Option on WordPress – With Flags

Without Flags:

Google Translate Option on WordPress – Without Flags

Note: Yours might look different than the example above. This will depend on the theme you have installed and what options you changed on the plugin's Settings page.


So, that’s how to add Google Translate on WordPress, using a free plugin.

I hope you found this tutorial helpful.

Until next time,
Martie

P.S.

Here are a few more posts you might like:

5 1 vote
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments

Join the Newsletter?

Just enter your details on the right and I'll send you a quick email when I publish something new.

Join the Newsletter?

Just enter your details into the form below, and I'll send you a quick email when I publish something new.

Join the Newsletter?

Just enter your details below, and I'll send you a quick email when I publish something new. (no spam)