{"id":17868,"date":"2020-12-21T17:00:36","date_gmt":"2020-12-21T16:00:36","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=17868"},"modified":"2020-12-21T13:03:32","modified_gmt":"2020-12-21T12:03:32","slug":"how-to-add-google-translate-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-add-google-translate-wordpress\/","title":{"rendered":"How to Add Google Translate in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Even though English is the most widely used and universally understood language on the internet, many people all over the world only use (or at least prefer to use) their native language instead. So, if you own an online business and want to reach more customers and audiences worldwide, the best way to do so is to <strong>provide them with the way to translate your WordPress site to their mother language.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Allowing users to translate your website content in different languages can bring many benefits to your business. Not only will you be able to <strong>reach your target audience in a more straightforward manner<\/strong>, but you will also <strong>make your website more accessible on a global scale.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you\u2019re not already using a <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-multilingual-site\/\">WordPress multilingual website<\/a>, or don\u2019t have a plan to install one of the <a href=\"https:\/\/qodeinteractive.com\/theme-plugin\/wpml-wordpress-themes\/\">WPML- ready WordPress themes<\/a>, you can always Google Translate your website using a translate plugin. And even though the Chrome browser does come with the option to translate websites to other languages, other browsers do not support this option. That\u2019s why we still recommend adding a plugin so that all your visitors can have the translate option available at their disposal \u2013 regardless of the browser they\u2019re using.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Without further ado, here are all the steps you need to take to add Google Translate to your WordPress site.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;81px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Adding Google Translate in WordPress Using a Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]First things first, you need to <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-a-wordpress-plugin\/\">install a WordPress plugin<\/a> called <a href=\"https:\/\/wordpress.org\/plugins\/google-language-translator\/\" target=\"_blank\" rel=\"noopener\">Google Language Translator<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator.jpg\" class=\"attachment-full size-full\" alt=\"Google Language Translator\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This useful plugin allows users to translate your site on the fly, as well as individual posts\/pages, categories and tags, menus and widgets, and all other areas of your site.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Aside from the free Google automatic machine translation and the ability to translate different sections of your website, this plugin also allows users to make their own suggestions for better translations using a \u201cSuggest better translation\u201d popup. This way, if you have a big visitor base, you can give them a chance to help improve the translation of your entire website. What&#8217;s also great is that you don&#8217;t have to bother with getting the API key or register or activate anything with Google.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Upon installation and activation of the plugin, head to <em>Settings &gt;&gt; Google Language Translator<\/em> in your WordPress admin dashboard. Here you will be able to configure all the translation settings according to your needs.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings.jpg\" class=\"attachment-full size-full\" alt=\"Google Language Translator Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The first thing you should do is <strong>check if the <em>Plugin Status<\/em> checkbox is marked<\/strong> (this will ensure that your plugin is activated). Next, you should pick the original language of your website.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-2.jpg\" class=\"attachment-full size-full\" alt=\"Google Language Translator Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-2.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-2-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-2-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-2-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, you can proceed to select the languages you want to be translatable on your website. You can mark the ones you prefer, or simply click the <em>Select All<\/em> button if you want to enable all languages on the list.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-3.jpg\" class=\"attachment-full size-full\" alt=\"Google Language Translator Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-3.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-3-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-3-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-3-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]What\u2019s also great about Google Language Translator is that it lets you display the translator in two different ways \u2013 either by<strong> using the language switcher<\/strong> or <strong>with a floating widget<\/strong>. We will go through the options of each one.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The <em>Language Switcher Settings<\/em> screen includes the options to pick the language switcher width, text, and background color, choose whether to show flag images (you can display up to 104 flags), show or hide Google branding, align the translator left or right, and so on.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"700\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-4.jpg\" class=\"attachment-full size-full\" alt=\"Google Language Translator Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-4.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-4-300x217.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-4-768x555.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-4-620x448.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]As we already mentioned, you will also have access to the <em>Floating Widget<\/em> settings. Once you choose the option to show the floating translation widget, more options will appear where you will be able to configure your custom text for the floating widget, background color, position, and more.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-5.jpg\" class=\"attachment-full size-full\" alt=\"Google Language Translator Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-5.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-5-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-5-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-5-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]After clicking on \u201cshow widget\u201d and configuring its options, the only thing you have to do is save your settings at the bottom of the page, and your floating widget will display on every page on your website, like this:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Preview.jpg\" class=\"attachment-full size-full\" alt=\"Google Language Translator Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Preview-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Preview-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Preview-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Now, if you want to place the language switcher into different areas of your website, you need to copy the shortcodes and\/or theme function from the <em>Usage<\/em> screen. You have three different options at your disposal \u2013 the shortcode which you can insert into your pages or posts, the code you can use in your header, footer, or page templates, or the shortcode you can place in menus, pages or posts for the single language usage.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-6.jpg\" class=\"attachment-full size-full\" alt=\"Google Language Translator Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-6.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-6-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-6-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Settings-6-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Don\u2019t forget to <em>Save Changes<\/em> when you\u2019re done with configuring all the settings.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In case you also want to add the Google translator language switcher as a widget into one of the widget areas on your website, simply go to <em>Appearance &gt;&gt; Widgets<\/em> and find and drag the widget called <em>Google Language Translator<\/em> into any widget area you want (or click on the widget to open the dropdown, select the desired widget area, and hit the<em> Add Widget<\/em> button).[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Google Language Translator Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you want, you can change the title of your widget, and then hit the <em>Save<\/em> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-2.jpg\" class=\"attachment-full size-full\" alt=\"Google Language Translator Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-2.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-2-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-2-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-2-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]After <a href=\"https:\/\/qodeinteractive.com\/magazine\/add-widget-to-wordpress\/\">adding your widget<\/a>, you can go ahead and check out what your language switcher looks like live.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-Preview.jpg\" class=\"attachment-full size-full\" alt=\"Google Language Translator Widget Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-Preview-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-Preview-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/12\/Google-Language-Translator-Widget-Preview-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Aside from the ability to click on the flag of the desired country whose language you wish to translate your page to, you also have the option to click on the <em>Select Language<\/em> dropdown (like we did in the picture) to pick one the available languages instead.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]Adding the Google Translate option to your WordPress website is <strong>one of the most effective ways to reach global audiences and get international customers<\/strong>, regardless of where they come from. As you could see from the steps we presented above, the Google Language Translator plugin is fairly easy to use and offers plenty of options that allow you to adjust it completely according to your needs. You can choose to display your Google translator in a form of a floating widget (it will be shown on every page of your site automatically) or in any area of your website as a language switcher. You can add the language switcher using shortcodes or a widget, or insert it directly into your theme templates using a code snippet. So, go ahead \u2013 install and customize the plugin, choose your preferred method to add Google Translate to your WordPress site, and start expanding the influence of your business.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Take a look at the steps you need to take in order to add Google Translate in WordPress and make your website more accessible by reaching global audiences.<\/p>\n","protected":false},"author":2,"featured_media":18037,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[15,4,39,13],"class_list":["post-17868","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-plugins","tag-tips","tag-tools","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/17868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=17868"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/17868\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/18037"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=17868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=17868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=17868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}