Tabla de contenido
Requisitos de acceso a Webflow
La traducción automática mediante IA en la nube que se utilizará con Webflow requiere cierto acceso para completar la configuración:
- Acceso de administrador a Webflow
- Acceso DNS al dominio del sitio web
La configuración de Webflow se compone de 3 sencillos pasos:
- Registra tu dominio para autorizar la traducción
- Modifique el DNS del dominio según los idiomas de traducción
- Agrega el enlace del selector de idioma a la configuración de Webflow
Cómo hacer que tu sitio web de Webflow sea multilingüe (en vídeo)
Registra tu dominio de Webflow
Después de su conexión o registro al Linguise dashboard, se le pedirá que registre su dominio para autorizar la traducción.
Para ello, simplemente copie su nombre de dominio con el https:// incluido y seleccione Webflow como plataforma.
A continuación, seleccione el idioma de origen y el de destino.
Nota importante de SEO: El número de idiomas que configuras tiene un gran impacto en SEO. Cuando configuras tus idiomas de traducción, si tienes una gran cantidad de páginas indexadas (>500), el motor de búsqueda puede tardar mucho tiempo en procesarlas. Puede afectar tu SEO en tu idioma original. Eso’s por lo que recomendamos añadir primero un máximo de 5 idiomas, luego, cuando está’s indexado, puedes añadir idiomas en lotes de 3 por mes.
Modifique el DNS del dominio según los idiomas
Agregar automáticamente DNS de dominio usando Entri
Una vez que haya registrado con éxito su sitio web dentro de Linguise dashboard, tendrá dos opciones para continuar con la instalación.
Probablemente debería ver este contenido, si prefiere agregar automáticamente los registros DNS, puede hacer clic en “Conecte su DNS automáticamente.” Esta función, llamada Entri, agregará automáticamente sus registros DNS, permitiéndole continuar con la instalación fácilmente. La otra opción es copiar manualmente los DNS en su proveedor de dominio.
Tras pulsar el botón, Entri analizará la URL de tu sitio web registrado y comprobará tu registro DNS público. En función de ello, determinará el proveedor y el DNS necesarios.
A continuación, puedes hacer clic en “Autorizar con [tu proveedor de dominio]” (en este ejemplo, es Cloudflare). Luego verás el panel cambiando a la página de inicio de sesión de tu proveedor de dominio’s, donde puedes iniciar sesión y continuar.
Después de iniciar sesión en tu proveedor de dominio, Entri se encargará del resto, añadiendo automáticamente los registros DNS necesarios. Un registro DNS por idioma + un registro DNS TXT para la clave de validación.
Debería poder ver que el DNS se ha añadido a su dominio. Por ejemplo:
Una vez que lo hayas autorizado, Entri te notificará que todos los ajustes de DNS se han configurado correctamente.
Deberías poder utilizar la función de traducción en cuanto se hayan propagado todas las entradas DNS en tu dominio (normalmente tarda entre 20 y 30 minutos).
Si prefiere la instalación manual, también puede hacerlo siguiendo los pasos que le indicaremos a continuación.
Copiar registros DNS
Después de haber validado su dominio, será redirigido a una pantalla donde los DNS para agregar a su dominio están listos para copiarse. Dependiendo de su empresa de alojamiento, la configuración del dominio puede verse un poco diferente, pero los nombres de los campos son bastante estándar. Estos registros son necesarios para cargar las páginas multilingües de su sitio web como fr.domain.com, es.domain.com…
Estos son los elementos principales.
Después, debes conectarte a tu administrador de dominio y acceder al área de configuración de DNS. Luego, siguiendo las instrucciones, puedes copiar:
- Un registro TXT para la verificación del dominio
- Uno o varios registros CNAME para los idiomas
Aquí tienes 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 DNS suele tardar entre 30 minutos y 1 hora. Después, verás puntos verdes en la parte derecha de la lista DNS en el panel de control de Linguise. Ya casi estás listo para traducir tu sitio web de Webflow; solo falta el enlace al selector de idioma con las banderas de los países.
Agrega el selector de idioma a Webflow
El selector de idioma es la ventana emergente que te permite seleccionar el idioma que prefieras. Para cargarlo, deberás copiar el código que aparece en el encabezado de tus páginas de Webflow. El selector de idioma se cargará automáticamente en tu sitio web público.
El enlace que debes copiar se encuentra al final del registro del dominio o en la configuración del mismo. Copia el enlace al portapapeles.
Entonces, en el administrador del sitio Webflow, navega a:
Configuración del sitio > Código personalizado > Código de encabezado
Haz clic en el botón Guardar y luego en el botón Publicar para publicar los cambios en tu dominio de Webflow.
Ahora, en la interfaz de usuario de Webflow, debería tener disponible el selector de idioma de Linguise.
Diseño del selector de idioma de Webflow
El selector de idioma se puede personalizar desde el Panel de control de Linguise > Configuración > Visualización de banderas de idioma. Cualquier modificación aquí se reflejará en el sitio web.
En el lado derecho de la pantalla se muestra la vista previa del selector de idioma. Estos son los elementos que puede 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 en el idioma nativo
- Formas y tamaños de las banderas
- Colores y sombra de caja
Editor de traducción frontend en Webflow
El editor frontal facilita a los traductores la modificación de 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.
Puedes encontrar más información sobre el editor de traducción de la interfaz aquí.
