Centro de Ayuda Wix
  1. Inicio
  2. Crear tu sitio
  3. Crear un sitio multilingüe
  4. Traducir tu sitio
  5. Wix Multilingüe: usar cajas multiestado para cambiar de LTR a RTL

Wix Multilingüe: usar cajas multiestado para cambiar de LTR a RTL

10 min de lectura
Advertencia:
El SEO de tu sitio se verá afectado al agregar cajas multiestado, ya que los bots de los motores de búsqueda no pueden leer el contenido de las cajas. 
Algunos idiomas, como el inglés, se escriben de izquierda a derecha (LTR), mientras que otros, como el hebreo, se escriben de derecha a izquierda (RTL). Si tu sitio multilingüe es compatible con ambos, puedes agregar cajas multiestado (enlace en inglés) que muestran contenido diferente según el idioma seleccionado. Esto te permite crear un "estado" diferente para cada idioma y adaptar el diseño individualmente. 
Captura de pantalla de un sitio Wix online que usa cajas multiestado
Antes de comenzar:
Asegúrate de haber agregado Wix Multilingüe a tu sitio y de haber habilitado Velo by Wix. 

Paso 1 | Agrega una caja multiestado en la versión del idioma principal de tu sitio

El primer paso es agregar una caja de varios estados en blanco al sitio en tu idioma principal. Agrega textos, imágenes, botones o cualquier elemento que necesites para diseñarla para ese idioma. 
Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Haz clic en Agregar a la izquierda del editor.
  3. Haz clic en Cuadro.
  4. Haz clic en Cajas multiestado.
  5. Arrastra la caja multiestado en blanco a la ubicación correspondiente en tu página. 
  6. Agrega elementos a la caja y diséñala como desees.  
Captura de pantalla de un sitio Wix que agrega cajas multiestado

Paso 2 | Cambia el nombre del estado actual

Una vez que la caja esté lista en el idioma principal, abre el panel Administrar estados para cambiar el nombre del estado actual. Llámalo "default" (predeterminado), con esa ortografía y sin mayúsculas (sin las comillas), para asegurarte de que el código que agregarás más adelante funcione correctamente.  
Editor de Wix
Editor de Wix Studio
  1. Selecciona la caja multiestado. 
  2. Haz clic en Administrar estados. 
  3. Haz clic en el icono Más acciones  junto al nombre del estado actual.
  4. Selecciona Editar ID.
  5. Escribe "LTR" en el cuadro de texto y haz clic en Listo. 
Captura de pantalla de un sitio Wix que usa cajas multiestado

Paso 3 | Duplica el estado y renómbralo

Después de crear el estado "default" en el panel Administrar estados, duplícalo y llama al nuevo estado "RTL". De manera similar al primer paso, es importante que lo llames "RTL", con esa ortografía y puntuación exactas, para que el código funcione como debería. 
Editor de Wix
Editor de Wix Studio
  1. Selecciona la caja multiestado. 
  2. Haz clic en Administrar estados. 
  3. Haz clic en el icono Más acciones  junto al nombre del estado actual.
  4. Selecciona Duplicar.
  5. Haz clic en el icono Más acciones junto al estado duplicado. 
  6. Selecciona Editar ID.
  7. Escribe "RTL" en la caja de texto y haz clic en Hecho. 
    Nota: Si tu idioma secundario es de izquierda a derecha (LTR,) puedes cambiar el nombre del estado a LTR.   
Captura de pantalla de un sitio Wix que usa cajas multiestado
Nota:
Asegúrate de que el ID del elemento (enlace en inglés) sea idéntico en todas las partes del código. En los pasos anteriores, el ID de la caja que sirve de ejemplo es #statebox8. 

Paso 4 | Ajusta la caja en el idioma secundario

Ahora, tu caja multiestado está configurada y lista para ser traducida. Cambia a tu idioma RTL, cambia el estado a RTL y comienza a traducir el contenido. Luego, copia el fragmento de código en el código de tu página. 
Editor de Wix
Editor de Wix Studio
  1. Haz clic en el menú desplegable Cambiar idiomas en la parte superior del editor. 
Captura de pantalla que muestra cómo hacer clic en el menú desplegable Cambiar idiomas en la parte superior del Editor de Wix.
  1. Selecciona el idioma RTL que deseas editar. 
  2. Haz clic en el menú desplegable Caja multiestado y selecciona el estado correspondiente de la caja. 
Captura de pantalla de un sitio Wix que usa cajas multiestado
  1. Selecciona el elemento de la caja que deseas traducir:
    • Texto: haz clic en Editar traducción o en Traducir automáticamente para traducir el texto. Luego, haz clic en el icono Cambiar la dirección del texto   en el panel Ajustes de texto para cambiar la dirección del texto.
    • Imágenes: haz clic en Editar traducción y luego en Cambiar para elegir una imagen diferente para la versión RTL de tu sitio.
Captura de pantalla de un sitio Wix que usa cajas multiestado
  1. Agrega el siguiente código en el panel de propiedades:
    1. Haz clic en Código de páginas a la izquierda del editor.
    2. Haz clic en Home (Inicio).
    3. Haz clic en el icono Propiedades y eventos  en la pestaña del código de la página.
    4. Selecciona la caja multiestado. 
    5. Copia el siguiente fragmento de código a continuación y pégalo en el panel de codificación.
Importante:
El código funciona para idiomas que se leen de derecha a izquierda. Si tu idioma se lee de izquierda a derecha, cambia el contenido de la matriz de constantes RTLLangs (códigos de idioma) en el código: const RTLLangs = ['he','ar','fa'].
1import wixWindow from 'wix-window';
2const RTLLangs = ['he', 'ar', 'fa'];
  1. Agrega el siguiente código a la función onReady:
1
2$w.onReady(function () {
3    let lang = wixWindow.multilingual.currentLanguage;
4    //based on RTL
5    /////////////////////////////////////
6    if (RTLLangs.includes(lang)) {
7        $w('#statebox8').changeState('RTL');
8    }else{
9        $w('#statebox8').changeState('LTR');
10    }
11});
Captura de pantalla del panel de código del editor de Wix.
  1. Revisa el código y verifica que el ID de la casilla multiestado sea correcto e idéntico al ID utilizado en el código.
  2. Haz clic en Vista previa para probar tu caja multiestado.
  3. Cuando esté todo listo, publica tu sitio para implementar los cambios.
¿Te gustaría ver capacidades RTL adicionales?
Con Wix Multilingüe, puedes crear un sitio multilingüe con contenido de derecha a izquierda. En la actualidad, puedes personalizar algunos aspectos de tu sitio, como el menú, el texto y las imágenes, para que sean RTL por idioma (por ejemplo, para hebreo o árabe).

¿Qué funciones adicionales de RTL te gustaría ver en Wix Multilingüe? Contacta a Atención al Cliente con tus comentarios y sugerencias

¿Te ha sido útil?

|
En este artículo
  • Paso 1 | Agrega una caja multiestado en la versión del idioma principal de tu sitio
  • Paso 2 | Cambia el nombre del estado actual
  • Paso 3 | Duplica el estado y renómbralo
  • Paso 4 | Ajusta la caja en el idioma secundario

¿Te ha sido útil?

|