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:
- Abra el proyecto en Cuenta del editor.
- Haga clic en Project Settings.
- En la ventana General Settings, seleccione los idiomas a los que quiere localizar el sitio web.
- En el campo Project Name, especifique el nombre del proyecto localizado en otros idiomas.
- Haga clic en Save.
- En el menú lateral, haga clic en Site Builder.
- En la ficha de su sitio web, haga clic en Open Site Builder.
- Vaya a la sección Language Settings y establezca los conmutadores de los idiomas necesarios en la posición On.
- 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):
- Abra el proyecto en Cuenta del editor.
- Haga clic en Project Settings.
- En la ventana General Settings, seleccione los idiomas a los que quiere localizar el sitio web.
- En el campo Project Name, especifique el nombre del proyecto localizado en otros idiomas.
- Haga clic en Save.
- En el menú lateral, haga clic en Store.
- En el módulo Virtual Items, haga clic en Configure o Connect.
- Desde el menú desplegable, seleccione Create Item o pulse en Edit Item en el menú contextual de un artículo existente.
- Añada el Nombre del artículo y la Descripción a todos los idiomas para los que haya habilitado la localización.
- Haga clic en Save changes.
- En el menú lateral, haga clic en Site Builder.
- En la ficha de su sitio web, haga clic en Open Site Builder.
- Vaya a la sección Language Settings y establezca los conmutadores de los idiomas requeridos en la posición On.
- Vaya a la sección Store y seleccione el grupo de artículos para los que está establecida la localización.
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
- Abra su proyecto en Cuenta del editor.
- En el menú lateral haga clic en Site Builder.
- En la tarjeta de su sitio web, haga clic en Open Site Builder.
- Vaya a la sección Language Settings y establezca los conmutadores para los idiomas requeridos en la posición On.
- Agregue el siguiente contenido en el bloque Custom code:
- html
<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:
- css
.image-container {
text-align: center;
padding: 4em 1em;
}
.image-container img {
width: 100%;
}
En la sección de JavaScript:
- En el parámetro
htmlLang
especifique el idioma para el que va a agregar la imagen localizada. - En el parámetro
localisedImage.dataset.src
, especifique el enlace a la imagen localizada.
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.
- javascript
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';
}
- 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
- En Builder, haga clic en Add block y seleccione Custom code.
- Inserte su propio código en el bloque.
¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.