Integracions

Funciona a qualsevol plataforma.

Framer, Webflow, Shopify, WordPress, Wix, Squarespace i qualsevol web a codi amb accés al <head>. El procés és sempre el mateix: una línia de codi.

Començar gratis Veure funcionalitats

El fragment universal

El mateix codi funciona en totes les plataformes.

No importa on estigui la teva web: el snippet de Lantis s'instal·la igual. Obtén el teu al panell després de registrar-te.

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

Instal·lació pas a pas.

Tria la teva plataforma i segueix els passos. Menys de 5 minuts en tots els casos.

Framer

Framer

L'eina de disseny preferida dels millors equips. Afegeix idiomes sense duplicar el projecte ni trencar el disseny.

  1. 1Dóna d'alta el teu web al panell de Lantis.
  2. 2Copia el fragment que et donem.
  3. 3En Framer → Settings → Code → Add Script: enganxa-ho amb Placement «Start of <head>», Page «All» i Run Once, i prem Add.
  4. 4Fes clic a Publish. L'script només s'activa després de publicar.
💡 Consell: Si no veus el selector d'idioma, comprova que has premut Publish a Framer.
Començar gratis Guia completa: traduir Framer →Tradueix Framer per idioma →
Webflow

Webflow

La plataforma de webs professionals sense codi. Tradueix tota la teva web de Webflow — incloent-hi el CMS — sense tocar el disseny.

  1. 1Dóna d'alta el teu web al panell de Lantis.
  2. 2Copia el fragment que et donem.
  3. 3A Webflow → Project Settings → Custom Code → enganxa-ho dins el <head>.
  4. 4Fes clic a Publish. El codi només s'activa al lloc publicat.
💡 Consell: El Custom Code de Webflow no s'activa a la previsualització. Sempre revisa a la URL publicada.
Començar gratis Guia completa: Webflow multilingüe →Tradueix Webflow per idioma →
Shopify

Shopify

Tradueix fitxes de producte, col·leccions, pàgines i blog amb IA. Cada idioma amb la seva URL pròpia perquè Google et trobi en tots els mercats.

  1. 1Dóna d'alta la teva botiga al panell de Lantis.
  2. 2Copia el fragment que et donem.
  3. 3A Shopify → Online Store → Themes → Edit code → theme.liquid.
  4. 4Enganxa el snippet dins del <head>. Desa i publica el tema.
💡 Consell: A Shopify, els canvis en el codi del tema només apliquen amb el tema actiu i publicat.
Començar gratis Guia completa: Shopify multilingüe →Tradueix Shopify per idioma →
WordPress

WordPress

Afegeix idiomes a qualsevol WordPress sense connectors pesats. L'snippet funciona en qualsevol tema, amb Elementor, WPBakery o l'editor de blocs.

  1. 1Dóna d'alta el teu web al panell de Lantis.
  2. 2Copia el fragment que et donem.
  3. 3Enganxa'l al <head> del teu tema (functions.php o amb un plugin de header).
  4. 4Desa i visita el teu web per comprovar el selector d'idioma.
💡 Consell: Pots usar un plugin com 'Insert Headers and Footers' per enganxar el snippet sense tocar PHP.
Començar gratis Guia completa: traduir WordPress →Tradueix WordPress per idioma →
Wix

Wix

Posa el teu Wix en diversos idiomes sense l'app Wix Multilingual. Una sola línia en el Custom Code i tens SEO real per idioma.

  1. 1Dóna d'alta el teu web al panell de Lantis.
  2. 2Copia el fragment que et donem.
  3. 3A Wix → Settings → Custom Code → Add Custom Code.
  4. 4Enganxa el snippet, selecciona 'Head' i publica el lloc.
💡 Consell: A Wix, el Custom Code també requereix publicar el lloc per estar actiu.
Començar gratis Guia completa: Wix multilingüe →Tradueix Wix per idioma →
Squarespace

Squarespace

Afegeix idiomes al teu Squarespace amb una línia de codi. Compatible amb tots els templates i amb el contingut dinàmic del teu web.

  1. 1Dóna d'alta el teu web al panell de Lantis.
  2. 2Copia el fragment que et donem.
  3. 3A Squarespace → Settings → Advanced → Code Injection.
  4. 4Enganxa el fragment al camp Header i guarda.
💡 Consell: La injecció de codi està disponible als plans Core, Plus i Advanced de Squarespace (no al Basic). Perquè Google indexi cada idioma, connecta un subdomini per idioma (es.tuweb.com).
Començar gratis Guia completa: Squarespace multilingüe →Tradueix Squarespace per idioma →
WooCommerce

WooCommerce

Tradueix fitxes de producte, categories, carret i checkout de la teva botiga WooCommerce. Cada idioma amb la seva URL pròpia, sense plugins pesats de traducció.

  1. 1Dóna d'alta el teu web al panell de Lantis.
  2. 2Copia el fragment que et donem.
  3. 3Enganxa'l al <head> del teu tema (hook wp_head, functions.php o un plugin de headers).
  4. 4Guarda i visita la teva botiga per comprovar el selector d'idioma.
💡 Consell: Un plugin com 'Insert Headers and Footers' et deixa enganxar el snippet sense tocar PHP.
Començar gratis Guia: WooCommerce, Bubble, Lovable i Carrd →Tradueix WooCommerce per idioma →
Bubble

Bubble

Posa la teva app o web no-code de Bubble en diversos idiomes. Una línia al header i tens traducció automàtica amb IA i SEO real per idioma.

  1. 1Dóna d'alta el teu web al panell de Lantis.
  2. 2Copia el fragment que et donem.
  3. 3A Bubble → Settings → SEO/metatags → 'Script/meta tags in header'.
  4. 4Enganxa el fragment i desplega la teva app.
💡 Consell: El camp de metatags al header de Bubble s'aplica a totes les pàgines de la teva app.
Començar gratis Guia: WooCommerce, Bubble, Lovable i Carrd →Tradueix Bubble per idioma →
Lovable

Lovable

Afegeix idiomes a l'app que has generat amb Lovable. Com que produeix una app React/Vite real, n'hi ha prou amb incloure el snippet al <head> de l'index.html.

  1. 1Dóna d'alta el teu web al panell de Lantis.
  2. 2Copia el fragment que et donem.
  3. 3Afegeix-ho al <head> de l'index.html (des de l'editor de codi o després d'exportar a GitHub).
  4. 4Desplega i comprova que el selector apareix en producció.
💡 Consell: Si connectes Lovable a GitHub, edita index.html al repositori i el desplegament recull el canvi.
Començar gratis Guia: WooCommerce, Bubble, Lovable i Carrd →
Carrd

Carrd

Converteix la teva landing de Carrd en multilingüe. Amb un pla Pro pots afegir el fragment mitjançant un element Embed o el codi a nivell de lloc.

  1. 1Dóna d'alta el teu web al panell de Lantis.
  2. 2Copia el fragment que et donem.
  3. 3A Carrd (pla Pro) → afegeix un element Embed en mode 'Head', o utilitza la injecció de codi del lloc.
  4. 4Publica i comprova el selector d'idioma.
💡 Consell: Els embeds de codi requereixen un pla Carrd Pro (Pro Standard o superior).
Començar gratis Guia: WooCommerce, Bubble, Lovable i Carrd →Tradueix Carrd per idioma →
< />

Web a codi / Custom

React, Next.js, Vue, Nuxt, Astro, HTML estàtic, Django, Rails, Laravel… Si pots afegir alguna cosa al <head>, Lantis funciona.

  1. 1Dóna d'alta el teu web al panell de Lantis.
  2. 2Copia el fragment que et donem.
  3. 3Afegeix-ho al <head> del teu layout base (index.html, layout.tsx, app.vue, base.html…).
  4. 4Desplega i comprova que el selector d'idioma apareix en producció.
💡 Consell: En Next.js App Router, utilitza <Script strategy="afterInteractive"> al layout arrel. En Nuxt 3, configura-ho a nuxt.config.ts sota app.head.script.
Començar gratis Guia completa: HTML, React, Next.js i més →
A totes les plataformes

Tant se val la plataforma.
El resultat és el mateix.

🌍

URLs per idioma

Cada idioma té la seva pròpia URL real perquè Google la indexi i la posicioni de forma independent.

🔖

Hreflang automàtic

Les etiquetes hreflang es generen soles a totes les pàgines. Google sap quina versió mostrar a cada usuari.

🗺️

Sitemaps per idioma

Un sitemap complet per idioma perquè Google rastrejI tot el contingut, incloent blog i CMS.

⚡

Memòria cau i velocitat

Més del 70% de traduccions servides a l'instant. Sense penalització en Core Web Vitals.

🤖

Traducció amb IA

Gemini per defecte; si ho prefereixes, canvies el motor de la teva web a Claude, DeepL o DeepSeek.

🌐

Selector d'idioma

Apareix automàticament en instal·lar el fragment de codi, connectat a les URL reals per idioma.

Preguntes freqüents

Preguntes freqüents.

Lantis funciona en Framer, Webflow, Shopify, WordPress, WooCommerce, Wix, Squarespace, Bubble, Lovable, Carrd i qualsevol web a codi (React, Next.js, Vue, Astro, HTML estàtic…). Si pots afegir alguna cosa al <head> de la teva web, Lantis funciona.

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