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.
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>
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
});
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.
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.
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!