Add multilingual functionality to your Shopify store easily using LíngAwesome.
Effortlessly expand your global reach with Shopify and LíngAwesome. LíngAwesome offers a comprehensive set of ready-to-use language tokens, making internationalization (i18n) a breeze. Whether you need tokens for e-commerce, checkout, food, clothing, or product pages, our kits provide solutions to easily integrate i18n into your Shopify store. With LíngAwesome, scaling globally is effortless!
To integrate LíngAwesome with Shopify, go to your Shopify Admin panel, select **Online Store > Themes > Actions > Edit Code**, and paste the following script into the **theme.liquid** file before the closing </body> tag.
<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 code. 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 store!</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 Shopify store.
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!