Cómo traducir una aplicación privada con Weglot

En este artículo, aprenderá a utilizar Weglot en una aplicación web privada (como un SaaS), permitiendo almacenar y utilizar el idioma preferido de cada usuario, sin depender de las URL específicas de cada idioma.

Cómo funciona

Por defecto, Weglot utiliza subdirectorios para mostrar las traducciones:

• Página original: https://www.example.com/about

• Versión francesa: https://www.example.com/fr/about

  
  

Sin embargo, para aplicaciones privadas como las herramientas SaaS, puede que desee cambiar de idioma en función de las preferencias del usuario, sin cambiar la URL.

Este enfoque lo utilizan habitualmente plataformas como Notion, Stripe, Facebook y X (antes Twitter), donde el idioma se guarda en el perfil del usuario.

Weglot puede soportar esta configuración a través de una configuración personalizada. He aquí cómo.

Requisitos previos

Para ello, su aplicación debe ser capaz de almacenar y recuperar el idioma preferido por cada usuario.

Siga estos pasos:

1. Almacenar el idioma preferido en los perfiles de usuario

   Cree una propiedad en su base de datos de usuarios (por ejemplo, una columna como language_code) para almacenar el código de idioma de 2 letras seleccionado por cada usuario.

2. Añadir un conmutador de idiomas

   Permita que sus usuarios elijan su idioma preferido a través de un menú desplegable, idealmente en su cuenta o página de perfil.

3. Enviar una cabecera de respuesta HTTP personalizada

   Cada vez que se cargue una página para un usuario conectado, incluya el siguiente encabezado de respuesta HTTP:

   Weglot-Language-Preference: fr

   (Sustituya fr por el código de 2 letras correspondiente al idioma seleccionado).

   
   

Puede inspeccionar la cabecera utilizando Chrome DevTools > pestaña Red. He aquí un ejemplo del aspecto que debería tener este encabezado:

Instalación

Una vez que su aplicación web incluya el Weglot-Language-Preference cabecera, puede proceder a la instalación de Weglot.

1. Configurar Weglot utilizando una integración de subdirectorios

   Siga los pasos de instalación estándar para Weglot utilizando el método de "Subdirectorio".

   👉 Cómo utilizar subdirectorios con Weglot

2. Compruebe que los subdirectorios de idioma funcionan

   Asegúrese de que sus traducciones sean accesibles a través de URL como /fr/, /de/, etc.

3. Contacte con nuestro equipo de asistencia

   Una vez que todo esté configurado, envíenos un mensaje a support@weglot.com.

   Pídanos que habilitemos el modo de aplicación privada en su proyecto.

   Una vez activado, Weglot utilizará el Weglot-Language-Preference en lugar de la ruta URL para determinar el idioma a mostrar.