Integraciones7 min de lectura

Traducir WooCommerce, Bubble, Lovable y Carrd: 4 nuevas plataformas

Haz multilingüe tu web de WooCommerce, Bubble, Lovable o Carrd con una sola línea de código. URLs propias por idioma, hreflang y SEO real, sin plugins pesados.

Equipo Lantis5 de julio de 2026

Añadimos cuatro nuevas plataformas a las integraciones de Lantis: WooCommerce, Bubble, Lovable y Carrd. Son cuatro formas muy distintas de construir una web —una tienda sobre WordPress, un no-code potente, un generador de apps con IA y un creador de páginas de una sola pantalla— pero todas comparten algo: puedes hacerlas multilingües pegando un pequeño <script> en el <head>. Nada más.

Con Lantis no instalas plugins pesados ni duplicas el sitio. Con una sola línea de código obtienes traducción automática con IA, URLs propias por idioma (/fr/, /de/, etc.), etiquetas hreflang correctas y un SEO internacional real. En esta guía verás dónde va exactamente el snippet en cada una de las cuatro plataformas.

WooCommerce

WooCommerce es el plugin de e-commerce de WordPress, así que tu tienda hereda todo el sistema de temas y plugins de WordPress. Eso significa que instalar Lantis es tan sencillo como añadir un script al <head> de tu tema, y funciona con cualquier tema y con las páginas de producto, tienda y carrito de WooCommerce.

Da de alta tu web en el panel de Lantis.
Copia el snippet que te damos.
Pégalo en el <head> de tu WordPress. La forma más limpia es usar un plugin como Insert Headers and Footers (o el bloque de scripts de tu tema) y colocarlo en la sección "Header". Si prefieres tocar código, puedes engancharlo al wp_head desde el functions.php de tu tema hijo.
Guarda, publica y comprueba que el selector de idioma aparece en tus páginas de producto, tienda y carrito.

Consejo: no pegues el script directamente en el functions.php del tema principal, porque una actualización del tema podría borrarlo. Usa un tema hijo o, mejor aún, un plugin de headers para que sobreviva a las actualizaciones.

Bubble

Bubble es una de las plataformas no-code más potentes para crear aplicaciones web completas. Como genera su propio HTML, la clave está en encontrar el sitio donde Bubble te deja inyectar código en la cabecera de todas las páginas.

Da de alta tu web en el panel de Lantis.
Copia el snippet que te damos.
En tu editor de Bubble, ve a Settings → SEO/metatags y pega el snippet en el campo "Script/meta tags in header". Así se cargará en el <head> de toda la aplicación.
Despliega la app y comprueba el selector de idioma en la versión publicada.

Consejo: en Bubble el código del header solo se aplica a la versión desplegada (live), no siempre al modo de desarrollo. Si no ves el selector, asegúrate de haber hecho Deploy y de estar mirando la URL de producción, no la de preview.

Lovable

Lovable genera una aplicación real de React/Vite a partir de tus instrucciones, así que por debajo tienes un proyecto web estándar con su index.html. Eso te da varias vías para añadir el script de Lantis, según cómo prefieras trabajar.

Da de alta tu web en el panel de Lantis.
Copia el snippet que te damos.
Añade el <script> dentro del <head> del index.html del proyecto. Puedes hacerlo desde el editor de código de Lovable pidiéndole que lo inserte, o directamente en el archivo tras exportar el proyecto a GitHub.
Despliega y comprueba el selector de idioma en la web publicada.

Consejo: al ser una app React de una sola página (SPA), pídele a Lovable que coloque el script en el <head> del index.html y no dentro de un componente. Así se carga una sola vez y funciona en todas las rutas sin reinyectarse en cada navegación.

Carrd

Carrd es ideal para landing pages y sitios de una sola página, muy rápidos de montar. La única condición es que necesitas un plan Pro, porque los planes gratuitos no permiten insertar código propio.

Da de alta tu web en el panel de Lantis.
Copia el snippet que te damos.
Con un plan Pro, añade el snippet mediante un elemento Embed configurado para inyectarse en el <head>, o usa la opción de inyección de código a nivel de sitio que ofrece Carrd Pro.
Publica el sitio y comprueba que aparece el selector de idioma.

Consejo: al configurar el elemento Embed, elige la opción de insertar el código en el head y no en el body. Si lo pones en el body, el selector puede tardar en aparecer o cargarse después del contenido.

Preguntas frecuentes

¿Necesito un plugin para traducir WooCommerce?

No. Lantis funciona con una sola línea de código en el <head> de tu WordPress, sin plugins de traducción pesados como los que duplican cada entrada y ralentizan el sitio. Puedes añadir el snippet con un plugin ligero de headers o desde tu tema hijo, pero la traducción en sí no depende de ningún plugin de WooCommerce.

¿Funciona Lantis con el plan gratuito de Carrd?

No. Carrd solo permite insertar código propio (elementos Embed o inyección de código a nivel de sitio) en sus planes Pro. Con un plan gratuito no podrás añadir el snippet de Lantis, así que necesitarás actualizar a Pro para hacer tu web multilingüe.

¿Cómo afecta a las URLs de producto de WooCommerce?

Lantis añade un prefijo de idioma a cada URL, de modo que una ficha de producto pasa a tener versiones como tutienda.com/fr/producto/... o tutienda.com/de/producto/.... Las URLs originales no se rompen: siguen sirviendo el idioma por defecto, y cada versión traducida obtiene su propia URL con hreflang, que es justo lo que Google necesita para posicionar cada idioma por separado.

¿Puedo traducir una app hecha con Lovable o Bubble?

Sí. Aunque son aplicaciones y no webs "estáticas", Lantis traduce el contenido que se muestra en pantalla igual que en cualquier otra web. En Lovable colocas el script en el <head> del index.html y en Bubble en Settings → SEO/metatags. Al tratarse de aplicaciones de una sola página, Lantis detecta los cambios de vista y traduce el nuevo contenido sobre la marcha.

¿Se traduce el contenido dinámico y el del CMS?

Sí. Lantis traduce el contenido tal y como aparece renderizado en el navegador, por lo que incluye textos dinámicos, listados de productos y contenido servido desde un CMS o base de datos (por ejemplo, los productos de WooCommerce o los datos de una app de Bubble). Lo único que no se traduce son los datos privados que introduce cada usuario, como su nombre o su email en un formulario.

Conclusión

WooCommerce, Bubble, Lovable y Carrd son plataformas muy diferentes, pero con Lantis se hacen multilingües de la misma forma: pegando un <script> en el <head>. A cambio obtienes traducción automática con IA, URLs propias por idioma, hreflang correcto y SEO internacional real, sin plugins pesados ni duplicar el sitio.

Empieza gratis en Lantis y pon tu web en varios idiomas hoy mismo.

Pon tu web en varios idiomas hoy.

Una línea de código. SEO real por idioma. Traducción con IA. Sin tarjeta para empezar.

Empezar gratis