Integraciones

Funciona en cualquier plataforma.

Framer, Webflow, Shopify, WordPress, Wix, Squarespace y cualquier web a código con acceso al <head>. El proceso es siempre el mismo: una línea de código.

Empezar gratis Ver funcionalidades

El snippet universal

El mismo código funciona en todas las plataformas.

No importa dónde esté tu web: el snippet de Lantis se instala igual. Obtén el tuyo en el panel tras registrarte.

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

Instalación paso a paso.

Elige tu plataforma y sigue los pasos. Menos de 5 minutos en todos los casos.

Framer

Framer

La herramienta de diseño favorita de los mejores equipos. Añade idiomas sin duplicar el proyecto ni romper el diseño.

  1. 1Da de alta tu web en el panel de Lantis.
  2. 2Copia el snippet que te damos.
  3. 3En Framer → Settings → Code → Add Script: pégalo con Placement «Start of <head>», Page «All» y Run Once, y pulsa Add.
  4. 4Haz clic en Publish. El script solo se activa tras publicar.
💡 Tip: Si no ves el selector de idioma, comprueba que has pulsado Publish en Framer.
Empezar gratis Guía completa: traducir Framer →Traducir Framer por idioma →
Webflow

Webflow

La plataforma de webs profesionales sin código. Traduce toda tu web de Webflow — incluyendo el CMS — sin tocar el diseño.

  1. 1Da de alta tu web en el panel de Lantis.
  2. 2Copia el snippet que te damos.
  3. 3En Webflow → Project Settings → Custom Code → pégalo en el <head>.
  4. 4Haz clic en Publish. El código solo se activa en el sitio publicado.
💡 Tip: El Custom Code de Webflow no se activa en el preview. Siempre revisa en la URL publicada.
Empezar gratis Guía completa: Webflow multilingüe →Traducir Webflow por idioma →
Shopify

Shopify

Traduce fichas de producto, colecciones, páginas y blog con IA. Cada idioma con su URL propia para que Google te encuentre en todos los mercados.

  1. 1Da de alta tu tienda en el panel de Lantis.
  2. 2Copia el snippet que te damos.
  3. 3En Shopify → Online Store → Themes → Edit code → theme.liquid.
  4. 4Pega el snippet dentro del <head>. Guarda y publica el tema.
💡 Tip: En Shopify, los cambios en el código del tema solo aplican con el tema activo y publicado.
Empezar gratis Guía completa: Shopify multilingüe →Traducir Shopify por idioma →
WordPress

WordPress

Añade idiomas a cualquier WordPress sin plugins pesados. El snippet funciona en cualquier tema, con Elementor, WPBakery o el editor de bloques.

  1. 1Da de alta tu web en el panel de Lantis.
  2. 2Copia el snippet que te damos.
  3. 3Pégalo en el <head> de tu tema (functions.php o con un plugin de header).
  4. 4Guarda y visita tu web para comprobar el selector de idioma.
💡 Tip: Puedes usar un plugin como 'Insert Headers and Footers' para pegar el snippet sin tocar PHP.
Empezar gratis Guía completa: traducir WordPress →Traducir WordPress por idioma →
Wix

Wix

Pon tu Wix en varios idiomas sin la Wix Multilingual app. Una sola línea en el Custom Code y tienes SEO real por idioma.

  1. 1Da de alta tu web en el panel de Lantis.
  2. 2Copia el snippet que te damos.
  3. 3En Wix → Settings → Custom Code → Add Custom Code.
  4. 4Pega el snippet, selecciona 'Head' y publica el sitio.
💡 Tip: En Wix, el Custom Code también requiere publicar el sitio para estar activo.
Empezar gratis Guía completa: Wix multilingüe →Traducir Wix por idioma →
Squarespace

Squarespace

Añade idiomas a tu Squarespace con una línea de código. Compatible con todos los templates y con el contenido dinámico de tu web.

  1. 1Da de alta tu web en el panel de Lantis.
  2. 2Copia el snippet que te damos.
  3. 3En Squarespace → Settings → Advanced → Code Injection.
  4. 4Pega el snippet en el campo Header y guarda.
💡 Tip: La inyección de código de Squarespace está disponible a partir del plan Business.
Empezar gratis Guía completa: Squarespace multilingüe →Traducir Squarespace por idioma →
WooCommerce

WooCommerce

Traduce fichas de producto, categorías, carrito y checkout de tu tienda WooCommerce. Cada idioma con su URL propia, sin plugins pesados de traducción.

  1. 1Da de alta tu web en el panel de Lantis.
  2. 2Copia el snippet que te damos.
  3. 3Pégalo en el <head> de tu tema (hook wp_head, functions.php o un plugin de headers).
  4. 4Guarda y visita tu tienda para comprobar el selector de idioma.
💡 Tip: Un plugin como 'Insert Headers and Footers' te deja pegar el snippet sin tocar PHP.
Empezar gratis Guía: WooCommerce, Bubble, Lovable y Carrd →Traducir WooCommerce por idioma →
Bubble

Bubble

Pon tu app o web no-code de Bubble en varios idiomas. Una línea en el header y tienes traducción automática con IA y SEO real por idioma.

  1. 1Da de alta tu web en el panel de Lantis.
  2. 2Copia el snippet que te damos.
  3. 3En Bubble → Settings → SEO/metatags → 'Script/meta tags in header'.
  4. 4Pega el snippet y despliega tu app.
💡 Tip: El campo de metatags en header de Bubble se aplica a todas las páginas de tu app.
Empezar gratis Guía: WooCommerce, Bubble, Lovable y Carrd →Traducir Bubble por idioma →
Lovable

Lovable

Añade idiomas a la app que has generado con Lovable. Como produce una app React/Vite real, basta con incluir el snippet en el <head> del index.html.

  1. 1Da de alta tu web en el panel de Lantis.
  2. 2Copia el snippet que te damos.
  3. 3Añádelo al <head> de index.html (desde el editor de código o tras exportar a GitHub).
  4. 4Despliega y comprueba que el selector aparece en producción.
💡 Tip: Si conectas Lovable a GitHub, edita index.html en el repo y el deploy recoge el cambio.
Empezar gratis Guía: WooCommerce, Bubble, Lovable y Carrd →
Carrd

Carrd

Convierte tu landing de Carrd en multilingüe. Con un plan Pro puedes añadir el snippet mediante un elemento Embed o el código a nivel de sitio.

  1. 1Da de alta tu web en el panel de Lantis.
  2. 2Copia el snippet que te damos.
  3. 3En Carrd (plan Pro) → añade un elemento Embed en modo 'Head', o usa el code injection del sitio.
  4. 4Publica y comprueba el selector de idioma.
💡 Tip: Los embeds de código requieren un plan Carrd Pro (Pro Standard o superior).
Empezar gratis Guía: WooCommerce, Bubble, Lovable y Carrd →Traducir Carrd por idioma →
</>

Web a código / Custom

React, Next.js, Vue, Nuxt, Astro, HTML estático, Django, Rails, Laravel… Si puedes añadir algo al <head>, Lantis funciona.

  1. 1Da de alta tu web en el panel de Lantis.
  2. 2Copia el snippet que te damos.
  3. 3Añádelo al <head> de tu layout base (index.html, layout.tsx, app.vue, base.html…).
  4. 4Despliega y comprueba que el selector de idioma aparece en producción.
💡 Tip: En Next.js App Router, usa <Script strategy="afterInteractive"> en el layout raíz. En Nuxt 3, configúralo en nuxt.config.ts bajo app.head.script.
Empezar gratis Guía completa: HTML, React, Next.js y más →
En todas las plataformas

Lo mismo da la plataforma.
El resultado es el mismo.

🌍

URLs por idioma

Cada idioma tiene su propia URL real para que Google la indexe y posicione de forma independiente.

🔖

Hreflang automático

Las etiquetas hreflang se generan solas en todas las páginas. Google sabe qué versión mostrar a cada usuario.

🗺️

Sitemaps por idioma

Un sitemap completo por idioma para que Google rastree todo el contenido, incluyendo blog y CMS.

⚡

Caché y velocidad

Más del 70% de traducciones servidas al instante. Sin penalización en Core Web Vitals.

🤖

Traducción con IA

Gemini por defecto; si lo prefieres, cambias el motor de tu web a Claude, DeepL o DeepSeek.

🌐

Selector de idioma

Aparece automáticamente al instalar el snippet, conectado a las URLs reales por idioma.

FAQ

Preguntas frecuentes.

Lantis funciona en Framer, Webflow, Shopify, WordPress, WooCommerce, Wix, Squarespace, Bubble, Lovable, Carrd y cualquier web a código (React, Next.js, Vue, Astro, HTML estático…). Si puedes añadir algo al <head> de tu web, Lantis funciona.