How to Add Google and Bing Translate to a Website?

How to Add Google and Bing Translate to a Website?

In this post, let’s discuss how to make your website content translatable in multiple languages in order to reach a wider base of audiences. As hiring a translator is an expensive option, a free Google Translate widget is instanced in the following.

In the meanwhile, this Google Language Translator and Bing Translator plugins are also adept at translating not just English but several languages. Now, let’s start adding Google translate functionality to a WordPress site.

How to add Google translate in WordPress?

Depending on personal needs, it’s possible to add Google translate into a WordPress powered site with or without a plugin. Following are steps for your reference:

Option 1 > Using a plugin

As noted, this “Google Language Translator” plugin is probably the easiest way to add Google translator tool. Besides that, there is an advanced configuration page where you can configure this utility to use specific languages and decide how the translate bar is displayed on the frontend. Also, it offers you the freedom to add shortcode to posts, pages as well as widgets.

Download URL:

Google Language Translator

Enable this WP plugin
The above plugin should be installed within the WordPress dashboard by going to “Plugins” > “Add New” and then searching for “Google Language Translator”. Alternatively, you can manually install it via the aforementioned “Download URL”. Be sure to add the “google-language-translator” folder into the “/wp-content/plugins” directory.

Google Language Translator Directory

Perform your customizations
Upon activation, simply click “Setting” > “Google Language Translator” to perform customizations. Firstly, check the box next to “Plugin Status” to activate this plugin. And then, you will be prompted to choose the site’s original language from the drop-down menu. It is optional to display all or specific languages in the language box. There are up to 81 different flags to be selected, such as English, Spanish, Chinese and Russian, etc.

Customize Google Language Translator

Display Google translate in sidebar
After done with all changes, just jump into “Appearance” > “Widgets” as below. Make a click on this “Google Language Translator” option and select your preferred widget area/blog’s sidebar. Just give this section a title and remember to save changes lastly.

Display Google Translate in Sidebar

Option 2 > Using Google translate bar

If the above plugin does not sound right to you, here is a manual option – Google translate widget. It is often called “Google Translate Bar” and will automatically detect the language of visitors’ browsers. There are more than 50 languages available, and you’re allowed to use Google Analytics to pick out the top 20 languages your readers have configured on their PCs.

About Google Translate Bar

Step 1 – Add Your Website Info
To do so, visit this Google translate page and then press an option saying “Add to Your Website Now”. This requires a Gmail account, and you will be asked to enter “Website URL” and “Website Language” once logged in. Simply click this blue “Next” button to continue.

Add Google Website Information

Step 2 – Make plugin settings
Following are “Plugin Settings” you need to configure:

Make Google Plugin Settings

  • Translation Languages – choose the languages you’d like to translate. This can be “All languages” or “Specific languages”.
  • Display Mode – set the layout of your translation box. There are three selectable options, including “Vertical”, “Horizontal” as well as “Dropdown”.
  • Advanced – decide whether display translation banners for visitors speaking languages other than the site’s language.

All those listed options can be changed later on, and be sure to read the “Google Terms of Service” and “Privacy Policy” before moving.

Step 3 – Get configuration code
The last step is to “Get Code”. As shown, there are code snippets for you to use within site’s pages and sidebar. Assuming that you prefer to add Google translate to sidebar, just revert to the WordPress backend and then go to “Appearance” > “Widgets”. Drag and drop a “Text” widget to the right-hand sidebar.

Get Google Configuration Code

Enter a title like “Translate this site” and then paste the configuration code from Google site. Until now, you are all done creating a multilingual WordPress site. To abandon this service, enter this page and go to “Tools” > “Translation Memories” >” Remove”.

How to add Bing translate to your WordPress site?

Developed by Microsoft Open Technologies, this Bing Translator plugin lets you apply the power of Bing Translate to a WordPress website within few clicks. This minimalistic plugin can be easily implemented in WordPress via the following three methods. Make sure that you would install and activate this plugin firstly.

Download URL:

About Bing Translator

Method 1 > Using WordPress widget

This can be the simplest way to add Bing translate, which only requires you to click and drag this “Bing Translator” widget to the right widget-enabled area. From this “Widgets” page, you can also set the “Title”, “Translation Settings” as well as “Color Scheme” of this translate box. Also, there is an option to allow visitors to suggest translations.

Add Bing Translate via WordPress Widget

Method 2 > Using WordPress shortcodes

To do this, just open a post, page or even custom post type where you want to insert Bing translator. From the pop-up editor window, make a click on this “Bing” icon and then choose “Insert Widget” so that the [bing-translator] shortcode will show up inside the post content area. Beware that, this widget always displays inline.

Add Bing Using WordPress Shortcodes

Do check the “Publish” or “Update” button to save changes.

Method 3 > Using template tags

If you are a plugin or theme developer, then you can add Bing translate right into WordPress template files by using a specific template tag. To be precise, enter any theme template that you wish to edit and next embed the following function to this template file.

<?php bing_translator(); ?>

Be sure to “Update Files” before previewing any changes on the frontend. As a side note, you can wrap the content that should not be translated with [notranslate]and [/notranslate] shortcode. Alternatively, you can simply choose “Don’t Translate” from the Bing drop-down menu.

Not Translated Content

Alternative options that you may like

To be frank, the speed and accuracy of the above-mentioned free translation tools are pretty identical, and you can expect more from premium ones. Allowing for simplicity and convenience, we’ve highlighted the best translation plugins that support for many publishing platforms.

Gtranslate Widget
Gtranslate is such a powerful translate tool that is available for many popular publishing platforms, such as WordPress, Joomla, Drupal as well as Magento. It applies both Google and Bing Translate functionalities and includes SEO-friendly URLs in each translated post/page. The good thing of this plugin is that you can order professional translations straight from your own website. Though it starts from $19.5/mo, you can try it for free before buying.

Download Address:

Gtranslate Widget

Ajax Translator Revolution
This is an Ajax-based premium translate tool, through which you can create highly-customizable translator setups. As for supported languages, a total of 63 different languages are available for automatic translation, and this plugin is compatible with many applications like BuddyPress, Gravity Forms and WooCommerce. Also, you are assured to get timely customer support, without having to register with other third-party platforms.

Download Address:

Ajax Translator Revolution