Tabla de Contenidos
Requisitos de acceso Webflow
La traducción automática de IA en la nube que se utilizará con Webflow requiere cierto acceso para completar la configuración:
- Acceso de administrador Webflow
- Acceso DNS del dominio del sitio web
La configuración Webflow se compone de 3 sencillos pasos:
- Registra tu dominio para autorizar la traducción
- Modificar el DNS del dominio según los idiomas de traducción
- Agregue el enlace del selector de banderas de idioma a su configuración Webflow
Cómo hacer que tu sitio Webflow sea multilingüe en vídeo
Registre su dominio Webflow
Para ello, simplemente copie su nombre de dominio con https:// incluido y seleccione Webflow como plataforma.
Después de eso, seleccione el idioma de origen y destino.
Nota importante sobre SEO: La cantidad de idiomas que configures tiene un gran impacto en el SEO. Al configurar los idiomas de traducción, si tienes una gran cantidad de páginas indexadas (más de 500), los motores de búsqueda pueden tardar bastante en procesarlas. Esto puede afectar tu SEO en tu idioma original. Por eso, recomendamos agregar inicialmente un máximo de 5 idiomas y, una vez indexada, añadir 3 idiomas al mes.
Modificar el DNS del dominio según los idiomas
Agregar automáticamente el DNS del dominio usando Entri
Una vez que haya registrado exitosamente su sitio web dentro del panel Linguise , tendrá dos opciones para continuar con la instalación.
Probablemente deberías ver este contenido. Si prefieres agregar automáticamente los registros DNS, puedes hacer clic en " Conectar tu DNS automáticamente ". Esta función, llamada Entri, agregará automáticamente tus registros DNS, lo que te permitirá continuar con la instalación fácilmente. La otra opción es copiar manualmente el DNS en tu proveedor de dominio.
Tras hacer clic en el botón, Entri analizará la URL de su sitio web registrado y comprobará su registro DNS público. Con base en ello, determinará el proveedor y el DNS necesarios.
A continuación, puedes hacer clic en " Autorizar con [tu proveedor de dominio] " (en este ejemplo, Cloudflare). Verás que el panel cambia a la página de inicio de sesión de tu proveedor de dominio, donde puedes iniciar sesión y continuar.
Después de iniciar sesión en su proveedor de dominio, Entri se encargará del resto, agregando automáticamente los registros DNS adecuados. Un DNS por idioma + un DNS TXT para la clave de validación.
Deberías poder ver que el DNS se ha añadido a tu dominio. Por ejemplo:
Una vez que lo haya autorizado, Entri le notificará que todas las configuraciones de DNS se han configurado correctamente.
Debería poder utilizar la función de traducción tan pronto como se hayan propagado todas las entradas DNS en su dominio (normalmente demora entre 20 y 30 minutos).
Si prefieres la instalación manual , también puedes hacerlo manualmente siguiendo los pasos que te proporcionaremos a continuación.
Copiar registros DNS
Tras validar su dominio, se le redirigirá a una pantalla donde podrá copiar los DNS que desea añadir. Dependiendo de su proveedor de alojamiento, la configuración del dominio puede variar ligeramente, pero los nombres de los campos son bastante comunes. Estos registros son necesarios para cargar las páginas multilingües de su sitio web, como fr.domain.com, es.domain.com…
Aquí están los elementos principales.
Después, conéctate a tu administrador de dominio y accede al área de configuración de DNS. Siguiendo las instrucciones, puedes copiar:
- Un registro TXT para la verificación del dominio
- Uno o varios registros CNAME para los idiomas
A continuación se muestra un ejemplo para cada tipo de registro (TXT y CNAME):
Después de agregar todos sus registros, su configuración debería verse así.
Verificar la validación de DNS
Después de agregar todos sus registros al DNS de su dominio, puede verificar la propagación del DNS haciendo clic en el botón Verificar configuración de DNS.
La validación de DNS suele tardar entre 30 minutos y 1 hora. Después, deberías ver puntos verdes en la parte derecha de la lista de DNS en el panel Linguise . Ya casi puedes traducir tu sitio web Webflow ; solo falta el enlace al selector de idiomas con las banderas de los países.
Agregar el selector de idioma a Webflow
El selector de idioma es la ventana emergente que te permite seleccionar el idioma que deseas. Para cargarlo, copia el código del encabezado de tus páginas Webflow . El selector de idioma se cargará automáticamente en tu sitio web público.
El enlace para copiar se encuentra al final del registro del dominio o en la configuración del mismo. Copiar el enlace al portapapeles.
Luego, en el Webflow , navegue a:
Configuración del sitio web > Código personalizado > Código de encabezado
Haga clic en el botón Guardar en el botón Publicar para publicar los cambios en su dominio Webflow .
Ahora, en tu interfaz Webflow , deberías tener disponible el selector de idioma Linguise .
Diseño del selector de idiomas Webflow
El selector de idiomas se puede personalizar desde el Linguise > Configuración > Mostrar indicadores de idioma. Cualquier modificación aquí se reflejará en el sitio web.
En el lado derecho de la pantalla, tienes la vista previa del selector de idiomas. Aquí tienes los elementos que puedes configurar:
- 3 diseños: lado a lado, desplegable o emergente
- La posición del selector de idioma
- El contenido del selector de idioma
- Nombres de idiomas en inglés o lengua materna
- Formas y tamaño de banderas
- Colores y sombras de caja
Editor de traducción frontend en Webflow
El editor frontend permite a los traductores modificar cualquier contenido HTML en Webflow en cualquier idioma. Puedes editar una página haciendo clic en un elemento y reemplazando el texto, el enlace o la imagen.
Lea más sobre el editor de traducción frontend aquí.
