Integrations

Works on any platform.

Framer, Webflow, Shopify, WordPress, Wix, Squarespace and any website with code access to the <head>. The process is always the same: one line of code.

Start for free View features

The universal snippet

The same code works on all platforms.

It doesn't matter where your website is: the Lantis snippet installs the same way. Get yours in the dashboard after signing up.

index.html — <head>
<script
  src="…/lantis.js"
  data-site-id="tu-site-id"
  data-langs="en,fr,de"
></script>
Platforms

Step-by-step installation.

Choose your platform and follow the steps. Under 5 minutes in all cases.

Framer

Framer

The favorite design tool of the best teams. Add languages without duplicating the project or breaking the design.

  1. 1Register your site in the Lantis panel.
  2. 2Copy the snippet we give you.
  3. 3In Framer → Settings → Code → Add Script: paste it with Placement «Start of <head>», Page «All» and Run Once, then click Add.
  4. 4Click on Publish. The script only activates after publishing.
💡 Tip: If you can't see the language selector, check that you've clicked Publish in Framer.
Start for free Complete guide: translating Framer →Translate Framer per language →
Webflow

Webflow

The professional no-code website platform. Translate your entire Webflow site — including the CMS — without touching the design.

  1. 1Register your site in the Lantis panel.
  2. 2Copy the snippet we give you.
  3. 3In Webflow → Project Settings → Custom Code → paste it into the <head>.
  4. 4Click Publish. The code only activates on the published site.
💡 Tip: Webflow Custom Code doesn't activate in preview. Always check on the published URL.
Start for free Complete guide: Webflow multilingual →Translate Webflow per language →
Shopify

Shopify

Translate product sheets, collections, pages and blog with AI. Each language with its own URL so that Google finds you in all markets.

  1. 1Register your store in the Lantis panel.
  2. 2Copy the snippet we give you.
  3. 3In Shopify → Online Store → Themes → Edit code → theme.liquid.
  4. 4Paste the snippet inside the <head>. Save and publish the theme.
💡 Tip: In Shopify, theme code changes only apply with the active and published theme.
Start for free Complete guide: Multilingual Shopify →Translate Shopify per language →
WordPress

WordPress

Add languages to any WordPress without heavy plugins. The snippet works on any theme, with Elementor, WPBakery or the block editor.

  1. 1Register your site in the Lantis panel.
  2. 2Copy the snippet we give you.
  3. 3Paste it into the <head> of your theme (functions.php or with a header plugin).
  4. 4Save and visit your site to check the language selector.
💡 Tip: You can use a plugin like 'Insert Headers and Footers' to paste the snippet without touching PHP.
Start for free Complete guide: translate WordPress →Translate WordPress per language →
Wix

Wix

Put your Wix in multiple languages without the Wix Multilingual app. A single line in the Custom Code and you get real SEO per language.

  1. 1Register your site in the Lantis panel.
  2. 2Copy the snippet we give you.
  3. 3In Wix → Settings → Custom Code → Add Custom Code.
  4. 4Paste the snippet, select 'Head' and publish the site.
💡 Tip: On Wix, Custom Code also requires publishing the site to be active.
Start for free Complete guide: multilingual Wix →Translate Wix per language →
Squarespace

Squarespace

Add languages to your Squarespace with one line of code. Compatible with all templates and your website's dynamic content.

  1. 1Register your site in the Lantis panel.
  2. 2Copy the snippet we give you.
  3. 3In Squarespace → Settings → Advanced → Code Injection.
  4. 4Paste the snippet in the Header field and save.
💡 Tip: Code Injection is available on Squarespace Core, Plus and Advanced plans (not Basic). For Google to index each language, connect a subdomain per language (es.yourwebsite.com).
Start for free Complete guide: multilingual Squarespace →Translate Squarespace per language →
WooCommerce

WooCommerce

Translate product pages, categories, cart, and checkout of your WooCommerce store. Each language with its own URL, without heavy translation plugins.

  1. 1Register your site in the Lantis panel.
  2. 2Copy the snippet we give you.
  3. 3Paste it into the <head> of your theme (wp_head hook, functions.php or a headers plugin).
  4. 4Save and visit your store to check the language selector.
💡 Tip: A plugin like 'Insert Headers and Footers' lets you paste the snippet without touching PHP.
Start for free Guide: WooCommerce, Bubble, Lovable and Carrd →Translate WooCommerce per language →
Bubble

Bubble

Put your Bubble no-code app or website in multiple languages. One line in the header and you have automatic AI translation and real SEO per language.

  1. 1Register your site in the Lantis panel.
  2. 2Copy the snippet we give you.
  3. 3In Bubble → Settings → SEO/metatags → 'Script/meta tags in header'.
  4. 4Paste the snippet and deploy your app.
💡 Tip: Bubble's header metatags field applies to all pages of your app.
Start for free Guide: WooCommerce, Bubble, Lovable and Carrd →Translate Bubble per language →
Lovable

Lovable

Add languages to the app you've built with Lovable. Since it produces a real React/Vite app, just include the snippet in the <head> of index.html.

  1. 1Register your site in the Lantis panel.
  2. 2Copy the snippet we give you.
  3. 3Add it to the <head> of index.html (from the code editor or after exporting to GitHub).
  4. 4Deploy and check that the selector appears in production.
💡 Tip: If you connect Lovable to GitHub, edit index.html in the repo and the deploy will pick up the change.
Start for free Guide: WooCommerce, Bubble, Lovable and Carrd →
Carrd

Carrd

Make your Carrd landing page multilingual. With a Pro plan, you can add the snippet via an Embed element or site-level code.

  1. 1Register your site in the Lantis panel.
  2. 2Copy the snippet we give you.
  3. 3In Carrd (Pro plan) → add an Embed element in 'Head' mode, or use the site's code injection.
  4. 4Publish and check the language selector.
💡 Tip: Code embeds require a Carrd Pro plan (Pro Standard or higher).
Start for free Guide: WooCommerce, Bubble, Lovable and Carrd →Translate Carrd per language →
</>

Web to code / Custom

React, Next.js, Vue, Nuxt, Astro, static HTML, Django, Rails, Laravel... If you can add something to the <head>, Lantis works.

  1. 1Register your site in the Lantis panel.
  2. 2Copy the snippet we give you.
  3. 3Add it to the <head> of your base layout (index.html, layout.tsx, app.vue, base.html…).
  4. 4Deploy and check that the language selector appears in production.
💡 Tip: In Next.js App Router, use <Script strategy="afterInteractive"> in the root layout. In Nuxt 3, configure it in nuxt.config.ts under app.head.script.
Start for free Complete guide: HTML, React, Next.js and more →
On all platforms

It doesn't matter which platform.
The result is the same.

🌍

URLs per language

Each language has its own real URL so that Google can index and rank it independently.

🔖

Automatic hreflang

Hreflang tags are generated automatically on all pages. Google knows which version to show to each user.

🗺️

Sitemaps per language

A complete sitemap per language so Google can crawl all content, including blog and CMS.

⚡

Caching and speed

Over 70% of translations served instantly. No penalty in Core Web Vitals.

🤖

AI Translation

Gemini by default; if you prefer, switch your website's engine to Claude, DeepL or DeepSeek.

🌐

Language selector

It appears automatically when you install the snippet, connected to the real URLs per language.

FAQ

Frequently asked questions.

Lantis works on Framer, Webflow, Shopify, WordPress, WooCommerce, Wix, Squarespace, Bubble, Lovable, Carrd and any coded website (React, Next.js, Vue, Astro, static HTML...). If you can add something to your website's <head>, Lantis works.

Español English Deutsch Italiano Português Català Français