Multi-language Support for Ghost

Add multilingual functionality to your Ghost blog easily using LíngAwesome.

Effortlessly expand your global reach with Ghost 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 applications, forms, e-commerce, blogging, and more, our kits include solutions like form inputs, error messages, call-to-actions, and more. Seamlessly integrate it into your Ghost blog to provide instant multilingual support. With LíngAwesome, you can focus on content while we handle your language localization needs.

Get started Explore Language Tokens

How to Integrate LíngAwesome with Ghost

Step 1: Add Custom Code to Ghost

To integrate LíngAwesome with Ghost, navigate to your Ghost Admin Panel, go to **Settings > Code Injection**, and add the following script to the **Site Footer** 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 blog!</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 Ghost blog.

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!