Multi-language Support for Joomla

Add multilingual functionality to your Joomla site easily using LíngAwesome.

Effortlessly expand your global reach with Joomla and LíngAwesome. LíngAwesome offers a comprehensive set of ready-to-use language tokens across various industries, making internationalization (i18n) a breeze. Whether you need tokens for products, clothing, food, forms, e-commerce, and more, our kits include solutions like form inputs, error messages, call-to-actions, and more. Seamlessly integrate it into your Joomla site to provide instant multilingual support. With LíngAwesome, you can focus on growing your business while we handle your language localization needs.

Get started Explore Language Tokens

How to Integrate LíngAwesome with Joomla

Step 1: Add Custom Code to Joomla

To integrate LíngAwesome with Joomla, navigate to **Extensions > Templates > Styles**, choose your template, and open the **index.php** file. Add the following script to the **head** section to include the LingAwesome script.

<script src="https://www.lingawesome.com/cdn/script/lingAwesome-1-1.min.js"></script>

Step 2: Initialize the Toolkit

Once the script is added, initialize LíngAwesome by adding the following script. Make sure to replace YOUR_API_KEY_HERE with your actual API key from LingAwesome.

window.lingAwesome.init({
    apiKey: "YOUR_API_KEY_HERE",
    language: 'en',
    autoTranslate: true, // Automatically translates the entire page
});

Step 3: Use Language Tokens

To make content translatable, add the ta-kit attribute to your HTML elements. Here's an example of marking up elements for translation.

<h5 class="mb-4" ta-kit="hello-world">Hello World</h5>
<p ta-kit="welcome-message">Welcome to our website!</p>

These elements will automatically translate based on the selected language.

Step 4: Change Language Dynamically

Add language selection buttons to let users switch languages dynamically. Here’s an example:

<div class="mb-2">
    <button class="btn btn-light btn-sm" ta-kit-select="en" lang="en">English</button>
    <button class="btn btn-light btn-sm" ta-kit-select="fr" lang="fr">French</button>
    <button class="btn btn-light btn-sm" ta-kit-select="es" lang="es">Spanish</button>
</div>

These buttons will allow users to switch between languages on your Joomla site.

Get Your API Key

Discover LíngAwesome, the simplest way to add multi-language translation (i18n) to any web page, app, or form using our language translation kit. No downloading or installing required!