Intégrations

Fonctionne sur n'importe quelle plateforme.

Framer, Webflow, Shopify, WordPress, Wix, Squarespace et n'importe quel site web en code avec accès au <head>. Le processus est toujours le même : une ligne de code.

Le snippet universel

Le même code fonctionne sur toutes les plateformes.

Peu importe où se trouve ton site : le snippet Lantis s'installe pareil. Récupère le tien dans le tableau de bord après ton inscription.

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

Installation étape par étape.

Choisis ta plateforme et suis les étapes. Moins de 5 minutes dans tous les cas.

Framer

Framer

L'outil de design préféré des meilleures équipes. Ajoute des langues sans dupliquer le projet ni casser le design.

  1. 1Enregistre ton site web dans le panneau de Lantis.
  2. 2Copie le snippet que nous te donnons.
  3. 3Sur Framer → Settings → Code → Add Script : collez-le avec Placement «Start of <head>», Page «All» et Run Once, puis cliquez sur Add.
  4. 4Cliquez sur Publish. Le script ne s'active qu'après publication.
💡 Conseil : Si tu ne vois pas le sélecteur de langue, vérifie que tu as cliqué sur Publier dans Framer.
Webflow

Webflow

La plateforme de sites web professionnels sans code. Traduis tout ton site Webflow — y compris le CMS — sans toucher au design.

  1. 1Enregistre ton site web dans le panneau de Lantis.
  2. 2Copie le snippet que nous te donnons.
  3. 3Sur Webflow → Project Settings → Custom Code → collez-le dans le <head>.
  4. 4Clique sur Publish. Le code n'est activé que sur le site publié.
💡 Conseil : Le code personnalisé de Webflow ne s'active pas en prévisualisation. Vérifie toujours sur l'URL publiée.
Shopify

Shopify

Traduis les fiches produit, collections, pages et blog avec l'IA. Chaque langue avec son URL propre pour que Google te trouve sur tous les marchés.

  1. 1Enregistre ta boutique dans le panneau de Lantis.
  2. 2Copie le snippet que nous te donnons.
  3. 3Dans Shopify → Boutique en ligne → Thèmes → Modifier le code → theme.liquid.
  4. 4Collez le snippet dans le <head>. Enregistrez et publiez le thème.
💡 Conseil : Dans Shopify, les modifications du code du thème ne s'appliquent qu'avec le thème actif et publié.
WordPress

WordPress

Ajoute des langues à n'importe quel WordPress sans plugins lourds. Le snippet fonctionne avec n'importe quel thème, avec Elementor, WPBakery ou l'éditeur de blocs.

  1. 1Enregistre ton site web dans le panneau de Lantis.
  2. 2Copie le snippet que nous te donnons.
  3. 3Collez-le dans le <head> de votre thème (functions.php ou avec un plugin d'en-tête).
  4. 4Enregistre et visite ton site pour vérifier le sélecteur de langue.
💡 Conseil : Tu peux utiliser un plugin comme 'Insert Headers and Footers' pour coller le snippet sans toucher au PHP.
Wix

Wix

Mets ton Wix en plusieurs langues sans l'application Wix Multilingual. Une seule ligne dans le Custom Code et tu as un vrai SEO par langue.

  1. 1Enregistre ton site web dans le panneau de Lantis.
  2. 2Copie le snippet que nous te donnons.
  3. 3Dans Wix → Paramètres → Code personnalisé → Ajouter du code personnalisé.
  4. 4Colle le snippet, sélectionne 'Head' et publie le site.
💡 Conseil : Dans Wix, le Custom Code nécessite également la publication du site pour être actif.
Squarespace

Squarespace

Ajoute des langues à ton Squarespace avec une ligne de code. Compatible avec tous les templates et avec le contenu dynamique de ton site web.

  1. 1Enregistre ton site web dans le panneau de Lantis.
  2. 2Copie le snippet que nous te donnons.
  3. 3Dans Squarespace → Paramètres → Avancé → Injection de code.
  4. 4Colle le snippet dans le champ Header et enregistre.
💡 Conseil : L'injection de code est incluse dans les forfaits Core, Plus et Advanced de Squarespace (pas dans le forfait Basic). Pour que Google indexe chaque langue, connectez un sous-domaine par langue (es.votre-site.com).
WooCommerce

WooCommerce

Traduisez les fiches produit, catégories, le panier et le paiement de votre boutique WooCommerce. Chaque langue avec sa propre URL, sans plugins de traduction lourds.

  1. 1Enregistre ton site web dans le panneau de Lantis.
  2. 2Copie le snippet que nous te donnons.
  3. 3Collez-le dans le <head> de votre thème (hook wp_head, functions.php ou un plugin d'en-tête).
  4. 4Enregistrez et visitez votre boutique pour vérifier le sélecteur de langue.
💡 Conseil : Un plugin comme 'Insert Headers and Footers' te permet de coller le snippet sans toucher au PHP.
Bubble

Bubble

Mets ton app ou site web no-code de Bubble en plusieurs langues. Une ligne dans l'en-tête et tu as une traduction automatique avec IA et un véritable SEO par langue.

  1. 1Enregistre ton site web dans le panneau de Lantis.
  2. 2Copie le snippet que nous te donnons.
  3. 3Dans Bubble → Settings → SEO/metatags → 'Script/meta tags in header'.
  4. 4Colle le snippet et déploie ton app.
💡 Conseil : Le champ des balises méta dans l'en-tête de Bubble s'applique à toutes les pages de ton app.
Lovable

Lovable

Ajoutez des langues à l'application que vous avez générée avec Lovable. Comme elle produit une application React/Vite réelle, il suffit d'inclure le snippet dans le <head> du fichier index.html.

  1. 1Enregistre ton site web dans le panneau de Lantis.
  2. 2Copie le snippet que nous te donnons.
  3. 3Ajoutez-le au <head> du fichier index.html (depuis l'éditeur de code ou après exportation vers GitHub).
  4. 4Déploie et vérifie que le sélecteur apparaît en production.
💡 Conseil : Si tu connectes Lovable à GitHub, édite l'index.html dans le repo et le déploiement prendra en compte le changement.
Carrd

Carrd

Convertis ta landing de Carrd en multilingue. Avec un plan Pro, tu peux ajouter le snippet via un élément Embed ou le code au niveau du site.

  1. 1Enregistre ton site web dans le panneau de Lantis.
  2. 2Copie le snippet que nous te donnons.
  3. 3Dans Carrd (plan Pro) → ajoute un élément Embed en mode 'Head', ou utilise l'injection de code du site.
  4. 4Publie et vérifie le sélecteur de langue.
💡 Conseil : Les embeds de code nécessitent un plan Carrd Pro (Pro Standard ou supérieur).
</>

Web en code / Personnalisé

React, Next.js, Vue, Nuxt, Astro, HTML statique, Django, Rails, Laravel… Si vous pouvez ajouter quelque chose au <head>, Lantis fonctionne.

  1. 1Enregistre ton site web dans le panneau de Lantis.
  2. 2Copie le snippet que nous te donnons.
  3. 3Ajoutez-le au <head> de votre layout de base (index.html, layout.tsx, app.vue, base.html…).
  4. 4Déploie et vérifie que le sélecteur de langue apparaît en production.
💡 Conseil : Dans Next.js App Router, utilisez <Script strategy="afterInteractive"> dans le layout racine. Dans Nuxt 3, configurez-le dans nuxt.config.ts sous app.head.script.
Sur toutes les plateformes

La plateforme importe peu.
Le résultat est le même.

🌍

URLs par langue

Chaque langue a sa propre URL réelle afin que Google puisse l'indexer et la positionner indépendamment.

🔖

Hreflang automatique

Les balises hreflang sont générées automatiquement sur toutes les pages. Google sait quelle version montrer à chaque utilisateur.

🗺️

Sitemaps par langue

Un sitemap complet par langue pour que Google crawle tout le contenu, y compris blog et CMS.

⚡

Cache et vitesse

Plus de 70 % des traductions servies instantanément. Sans pénalisation sur les Core Web Vitals.

🤖

Traduction avec IA

Gemini par défaut ; si vous préférez, changez le moteur de votre site pour Claude, DeepL ou DeepSeek.

🌐

Sélecteur de langue

Apparaît automatiquement lors de l'installation du snippet, connecté aux URL réelles par langue.

Preguntas frecuentes

Questions fréquentes.

Lantis fonctionne sur Framer, Webflow, Shopify, WordPress, WooCommerce, Wix, Squarespace, Bubble, Lovable, Carrd et n'importe quel site codé (React, Next.js, Vue, Astro, HTML statique…). Si vous pouvez ajouter quelque chose au <head> de votre site, Lantis fonctionne.

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