Localización

Puede establecer la localización de su sitio web y añadir descripciones de productos en diferentes idiomas. Esto le ayudará a orientarse más al cliente y a fidelizarle más respecto a su juego. Puede realizar la localización de:

Localización del sitio web

Para localizar la interfaz del sitio web:

  1. Abra el proyecto en Cuenta del editor.
  2. Haga clic en Project Settings.
  3. En la ventana General Settings, seleccione los idiomas a los que quiere localizar el sitio web.
  4. En el campo Project Name, especifique el nombre del proyecto localizado en otros idiomas.
  5. Haga clic en Save.
  6. En el menú lateral, haga clic en Site Builder.
  7. En la ficha de su sitio web, haga clic en Open Site Builder.
  8. Vaya a la sección Language Settings y establezca los conmutadores de los idiomas necesarios en la posición On.
  9. Elija la ubicación del botón de selección del idioma. En el panel Language selector position, seleccione Header o Footer.

Tras habilitar la localización, todos los elementos de la interfaz del sitio web se traducirán a los idiomas seleccionados. Por defecto, se usan los campos de texto y las traducciones preparadas por Xsolla. Para cambiar las traducciones por defecto, haga doble clic en el campo de texto e introduzca su propia versión.

Localización de nombres y descripciones de productos

Para localizar las compras en el sitio web (p. ej., los artículos virtuales):

  1. Abra el proyecto en Cuenta del editor.
  2. Haga clic en Project Settings.
  3. En la ventana General Settings, seleccione los idiomas a los que quiere localizar el sitio web.
  4. En el campo Project Name, especifique el nombre del proyecto localizado en otros idiomas.
  5. Haga clic en Save.
  6. En el menú lateral, haga clic en Store.
  7. En el módulo Virtual Items, haga clic en Configure o Connect.
  8. Desde el menú desplegable, seleccione Create Item o pulse en Edit Item en el menú contextual de un artículo existente.
  9. Añada el Nombre del artículo y la Descripción a todos los idiomas para los que haya habilitado la localización.

  1. Haga clic en Save changes.
  2. En el menú lateral, haga clic en Site Builder.
  3. En la ficha de su sitio web, haga clic en Open Site Builder.
  4. Vaya a la sección Language Settings y establezca los conmutadores de los idiomas requeridos en la posición On.
  5. Vaya a la sección Store y seleccione el grupo de artículos para los que está establecida la localización.
El producto se agregará al sitio web y, al cambiar de idioma en el sitio web, se visualizarán los nombres y descripciones localizados de los productos.

Localización de imágenes

Puede agregar una imagen con texto escrito en un idioma específico a su sitio web empleando un código HTML personalizado. Puede usar una solución prediseñada o agregar su propio código.

Ejemplo de utilización de una solución existente

  1. Abra su proyecto en Cuenta del editor.
  2. En el menú lateral haga clic en Site Builder.
  3. En la tarjeta de su sitio web, haga clic en Open Site Builder.
  4. Vaya a la sección Language Settings y establezca los conmutadores para los idiomas requeridos en la posición On.
  5. Agregue el siguiente contenido en el bloque Custom code:
En la sección de HTML:
Copy
Full screen
Small screen
<div class="image-container">
  <img class="localised-image lazy loaded" data-src="https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg" />
</div>

En la sección de CSS:

Copy
Full screen
Small screen
.image-container {
  text-align: center;
  padding: 4em 1em;
}

.image-container img {
  width: 100%;
}

En la sección de JavaScript:

  1. En el parámetro htmlLang especifique el idioma para el que va a agregar la imagen localizada.
  2. En el parámetro localisedImage.dataset.src, especifique el enlace a la imagen localizada.
Nota
Los formatos de imagen disponibles son JPEG, PNG, GIF y WEBP.
El tamaño máximo admisible de imagen es de 10 MB.
    Para agregar varios idiomas para la localización, duplique los fragmentos de código JavaScript con los valores de parámetro necesarios.
Copy
Full screen
Small screen
const htmlLang = document.documentElement.lang;
const localisedImage = document.querySelector('.localised-image');
 if (htmlLang === 'es') {

   localisedImage.dataset.src = 'https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg';
 }
 if (htmlLang === it) {

   localisedImage.dataset.src = 'https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg';
 }
  1. Haga clic en Preview para ver los cambios. La imagen se localizará solamente para los idiomas que haya especificado en el bloque Custom Code.

Agregar su propio código

  1. En Builder, haga clic en Add block y seleccione Custom code.
  1. Inserte su propio código en el bloque.
¿Te ha resultado útil este artículo?
¡Gracias!
¿Hay algo en lo que podamos mejorar? Mensaje
Lo sentimos
Por favor, cuéntanos por qué no te ha resultado útil este artículo. Mensaje
¡Gracias por tu mensaje!
Nos ayudará a mejorar tu experiencia.
Última actualización: 8 de Noviembre de 2024

¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.

Informar de un problema
Nos esforzamos por ofrecer contenido de calidad. Tus comentarios nos ayudan a mejorar.
Déjanos tu correo electrónico para que te podamos responder
¡Gracias por tu mensaje!