Good content takes time and effort to come up with.

Please consider supporting us by just disabling your AD BLOCKER and reloading this page again.







Integrate Google Translate Into Your Website


19th March 2021 1 min read
Share On     Share On WhatsApp     Share On LinkedIn


Hey there! In this article let us see how to integrate Google Translate into your website.


Add the following in your Footer. The following code basically searches for the google_translate_element element in your website and replaces that with the Google Translator element


<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            pageLanguage: 'en',
            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
        }, 'google_translate_element');
    }
</script>


<script asyc type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Add the following HTML code in your navigation or another place where you want to show the Google Translate plugin.


<li class="language-translator">
    <span id="google_translate_element"></span>
</li>

Its that simple. Happy coding.



Author Image
AUTHOR

Channaveer Hakari

I am a full-stack developer working at WifiDabba India Pvt Ltd. I started this blog so that I can share my knowledge and enhance my skills with constant learning.

Never stop learning. If you stop learning, you stop growing