Multi-language Support for Squarespace

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

Effortlessly expand your global reach with Squarespace 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 e-commerce, forms, blogs, and more, our kits include solutions like form inputs, error messages, and customer interactions. Seamlessly integrate it into your Squarespace site to provide instant multilingual support. With LíngAwesome, scaling globally has never been easier!

Get started Explore Language Tokens

How to Integrate LíngAwesome with Squarespace

Step 1: Add Custom Code to Squarespace

To integrate LíngAwesome with Squarespace, navigate to **Settings > Advanced > Code Injection**, and add the following script in the **Header Code** section.

<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 site!</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 Squarespace 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!