Integrate Google Translate Into Your Website

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.

Articles For You

Install NGINX In Linux / Ubuntu And Managing

Multiple GIT Key Pairs Or Account In The Same Computer

PHP extension ext-intl * is missing

Generate RSS Feeds in PHP Laravel

PHP file_put_contents failed to open stream: Permission denied

Install Letsencrypt SSL Certificate for RabbitMQ Server and RabbitMQ Management Tool

Generate Fake Data In PHP With Faker

URL Redirects From Called Functions In Laravel

Manipulate HTML Using DOMDocument In PHP

Free Live Chat Integration Using TAWK.IO

Create Zip File On The Fly With Streaming Download In PHP Laravel

Laravel Last Executed Query In Plain SQL Statement For Debugging

Getting Started With AMP (Accelerated Mobile Pages)

Lazy Load Images In Chrome With This Simple Trick

Localization In Laravel REST API