Webflow multilingüe: cómo traducir tu sitio Webflow (2026)
Webflow ahora tiene localización nativa integrada en el Designer. También es posible añadir soporte multilingüe automático a cualquier sitio Webflow con una sola etiqueta de script — sin reconstrucción, sin facturación por idioma, funciona en cualquier plan de Webflow. Aquí tienes todo lo que necesitas saber para elegir el enfoque adecuado.
La localización nativa de Webflow
Webflow lanzó Localization nativa en 2023. Te permite gestionar versiones traducidas de tu sitio directamente dentro del Webflow Designer — sin una herramienta de terceros ni código personalizado.
Con Webflow Localization puedes:
- →Traducir contenido de texto, texto enriquecido y metadatos por idioma desde el Designer
- →Cambiar imágenes y vídeos por idioma (por ejemplo, fotos de producto o imágenes de portada localizadas)
- →Definir slugs de URL específicos por idioma (por ejemplo,
/fr/a-proposen lugar de/fr/about) - →Exportar contenido a archivos XLIFF para flujos de trabajo con agencias de traducción
Webflow Localization usa un plan de idiomas recurrente además del plan base de Webflow. Verifica los límites de idiomas, el empaquetado y los precios actuales en el sitio de Webflow.
Limitaciones de Webflow Localization
Todas las traducciones son manuales
Webflow Localization no incluye traducción automática. Escribes o pegas cada cadena traducida tú mismo dentro del Designer, o usas una herramienta de traducción externa e importas el archivo XLIFF. Para sitios con cientos de páginas y decenas de idiomas, esto supone una inversión de tiempo considerable.
La facturación por idioma se acumula rápido
Los planes recurrentes por idioma pueden sumar bastante en varios idiomas o sitios de cliente. Calcula el precio actual del proveedor frente al número de idiomas y sitios que gestionas.
Los cambios de traducción requieren volver a publicar
Cuando actualizas una traducción, debes volver a publicar el sitio Webflow para que el cambio se refleje. Esto significa que las actualizaciones de traducción están ligadas a tu flujo de publicación de Webflow — no puedes lanzar una corrección de traducción sin una republicación completa del sitio.
Requiere un plan de Webflow de pago
Webflow Localization no está disponible en el plan gratuito Starter. Necesitas al menos un plan de sitio de pago para activar la localización — un coste adicional a tener en cuenta en proyectos pequeños.
La alternativa con etiqueta de script
Un widget de traducción basado en el DOM como Lingvit adopta un enfoque completamente distinto: en lugar de gestionar traducciones dentro del CMS, traduce el sitio Webflow publicado automáticamente en el navegador del visitante.
Añades una única etiqueta de script en Webflow mediante Site Settings → Custom Code. El widget se encarga de todo lo demás: detección de idioma, traducción, selector de idioma, enrutamiento de URL y etiquetas hreflang.
Este enfoque funciona en cualquier plan de Webflow — incluido Basic — porque opera sobre el HTML publicado, no dentro de la propia plataforma Webflow.
Paso a paso: añade Lingvit a Webflow
- 1
Crea un proyecto de Lingvit y copia la etiqueta de script
Regístrate en app.lingvit.com, crea un nuevo proyecto e introduce el dominio de tu sitio Webflow. Copia la etiqueta de script desde la configuración del proyecto.
- 2
Añade el script al Custom Code de Webflow
En Webflow: ve a Site Settings → Custom Code → Footer Code(la sección etiquetada “Before </body> tag”). Pega ahí la etiqueta de script de Lingvit. Guarda y publica el sitio.
- 3
Selecciona idiomas en el panel de Lingvit
De vuelta en el panel de Lingvit, selecciona tus idiomas de destino. El selector de idioma aparece en cuanto carga el script configurado. Las traducciones se generan al solicitarse por primera vez y se almacenan para reutilizarse; verifica el resultado antes de publicarlo de forma amplia.
Qué se traduce
| Tipo de contenido | ¿Traducido? |
|---|---|
| Encabezados, párrafos, texto del cuerpo | Sí |
| Etiquetas de botones y texto de enlaces | Sí |
| Enlaces de navegación | Sí |
| Marcadores de posición y etiquetas de formularios | Sí |
| Elementos de colecciones del CMS de Webflow | Sí (cuando se renderizan en la página) |
| Imágenes y vídeos | No se traducen (el texto alternativo sí) |
| Contenido incrustado de terceros (Calendly, Typeform, etc.) | No (cargado en iframes) |
Desplázate horizontalmente para ver todas las columnas.
SEO para Webflow multilingüe
El SEO multilingüe requiere que cada versión de idioma sea detectable por los motores de búsqueda. Al lanzar, usa Webflow Localization u otra capa de enrutamiento renderizada en servidor para ese requisito de búsqueda; la traducción en tiempo de ejecución de Lingvit por sí sola no crea URLs de idioma indexables.
Etiquetas hreflang gestionadas por la plataforma
Configura hreflang en la plataforma propietaria de cada URL de idioma rastreable. Mantén esas etiquetas recíprocas y alineadas con el selector de idioma.
URLs de idioma rastreables
Usa Webflow Localization u otra capa de publicación para crear URLs como /fr/ y /de/. Valida esas páginas renderizadas antes de esperar indexación por idioma.
Títulos y descripciones meta traducidos
Traduce el <title> de la página y la meta description en la capa de publicación que renderiza cada URL de idioma.
Webflow Localization frente a Lingvit: cuándo elegir cada uno
| Factor | Webflow Localization | Lingvit |
|---|---|---|
| Método de traducción | Manual (pegar o importar) | Automático + sustituciones |
| Tiempo de configuración | Horas a días | Configuración guiada con código personalizado |
| Modelo de precios | Plan de idioma recurrente; verifica el precio actual | Suscripción mensual con cupo de caracteres |
| Requisito de plan de Webflow | Requiere plan de pago | Cualquier plan, incluido Basic |
| Localización de imágenes | Sí (imágenes por idioma) | No |
| Velocidad de actualización de traducciones | Requiere volver a publicar | Se publica desde el panel; los tiempos varían |
Desplázate horizontalmente para ver todas las columnas.
Elige Webflow Localization si quieres traducciones gestionadas dentro de Webflow con entradas de CMS por idioma, imágenes específicas por idioma y control editorial total sobre cada cadena antes de publicarla.
Elige Lingvit si quieres traducción automática, más idiomas, un precio mensual sencillo y una configuración guiada con código personalizado.
Preguntas frecuentes
- ¿Lingvit funciona con el CMS de Webflow?
- Sí. El contenido del CMS de Webflow (entradas de blog, listados de productos, miembros del equipo, etc.) se renderiza como HTML en la página publicada. Lingvit traduce todo lo que hay en el DOM — incluido el contenido renderizado por el CMS — así que las páginas de colección se traducen automáticamente sin ninguna configuración especial.
- ¿Ralentiza el sitio Webflow?
- Las traducciones almacenadas pueden reutilizarse sin otra solicitud al proveedor. La experiencia del visitante sigue dependiendo de la página, el navegador, la red y la entrega del widget, así que prueba páginas representativas antes del lanzamiento.
- ¿Qué pasa con Webflow Ecommerce?
- Lingvit traduce todo el texto renderizado en el DOM, lo que incluye nombres de producto, descripciones, nombres de categoría y cadenas de la interfaz de carrito/pago de Webflow Ecommerce. Las páginas del proveedor de pago (Stripe Checkout) no se traducen, ya que están alojadas por el proveedor de pago, no por Webflow.
Guías relacionadas
Traduce tu sitio Webflow
Añade Lingvit a un sitio Webflow elegible a través de Custom Code. Planes de suscripción mensual disponibles.