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.

Random Articles For You

Factory States For Clean And Fluent Laravel Testing

SummerNote WYSIWYG Text Editor

Install Linux, Apache, MYSQL, PHP (LAMP Stack) on Ubuntu

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

Resolve 404 Not Found In NGINX

Unable to prepare route [{fallbackPlaceholder}] for serialization. Uses Closure In Laravel

Relationship Table Data With Route Model Binding In Laravel

Send SMS With Amazon SNS (Simple Notification Service) Using PHP

Free SSL Certificate With Lets Encrypt/Certbot In Linux (Single / Multiple Domains)

Observers In Laravel

Factories To Speed Up Test-Driven Development In Laravel

Simple Way To Create Resourceful API Controller In Laravel

SummerNote WYSIWYG Text Editor Save Images To Public Path In PHP Laravel

What Is Composer? How Does It Work? Useful Composer Commands And Usage

Select2 Dropdown