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

Sass or SCSS @mixin vs @extends vs Placeholder (%)

Install Packages Parallel For Faster Development In Composer

Factory States For Clean And Fluent Laravel Testing

Custom Validation Rules In PHP Laravel (Using Artisan Command)

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

Manipulate HTML Using DOMDocument In PHP

Upload Multiple Files In PHP?

Increase Session Timeout In Laravel

Multiple File Uploads In Laravel PHP

Generate RSS Feeds in PHP Laravel

PHP file_put_contents failed to open stream: Permission denied

Upload Files In PHP?

Basic Server Security Setup For Ubuntu / Linux

Accessors And Mutators In PHP Laravel

Free SSL Certificate In cPanel With ZeroSSL & Certbot