Tradução

Você pode configurar a tradução do seu site e adicionar descrições de produtos em idiomas diferentes. Isso ajudará você a cuidar de seus clientes e aumentar a fidelidade deles ao jogo. Você pode adicionar traduções para:

• Elementos gerais do site.
• Descrições de produtos no site.
• Imagens.

Tradução do Site

Para traduzir a interface do site:

1. Abra o projeto na Conta de Distribuidor.
2. Clique em Project Settings.
3. Na janela General Settings, selecione os idiomas que você deseja disponibilizar no site.
4. No campo Project Name, especifique o nome do projeto traduzido em outros idiomas.
5. Clique em Save.
6. No menu lateral, clique em Site Builder.
7. No cartão do site, clique em Open Site Builder.
8. Vá para a seção Language Settings e defina as opções para os idiomas necessários como On.
9. Escolha onde o botão de seleção de idioma deve ser posicionado. No painel Language selector position, selecione Header e/ou Footer.

Depois de habilitar a tradução, todos os elementos da interface do site serão traduzidos aos idiomas selecionados. Por padrão, são utilizadas traduções e campos de texto preparados pela Xsolla. Para alterar as traduções padrões, dê um clique duplo no campo de texto e insira sua própria versão.

Tradução de nomes e descrições de produtos

Para traduzir compras no site (por exemplo, Itens Virtuais):

1. Abra o projeto na Conta de Distribuidor.
2. Clique em Project Settings.
3. Na janela General Settings, selecione os idiomas que deseja disponibilizar no site.
4. No campo Project Name, especifique o nome do projeto traduzido em outros idiomas.
5. Clique em Save.
6. No menu lateral, clique em Store.
7. No módulo Virtual Items, clique em Configure ou Connect.
8. No menu da lista suspense, selecione Create Item ou clique em Edit Item no menu contextual de um item existente.
9. Adicione o Nome do item e a Descrição a todos os idiomas que você disponibilizou.

10. Clique em Save changes.
11. No menu lateral, clique em Site Builder.
12. No cartão do seu site, clique em Open Site Builder.
13. Vá para a seção Language Settings e defina as opções dos idiomas necessários como On.
14. Vá para a seção Store e selecione o grupo de itens para os idiomas configurados.

Tradução de imagens

Você pode adicionar uma imagem com texto escrito em um idioma específico ao seu site usando códigos HTML personalizados. Você pode utilizar uma solução de uso pronto ou adicionar seu próprio código.

Exemplo de uso de uma solução existente

1. Abra o projeto na Conta de Distribuidor.
2. No menu lateral, clique em Site Builder.
3. No cartão do seu site, clique em Open Site Builder.
4. Vá para a seção Language Settings e defina as opções para os idiomas necessários como On.
5. Adicione o seguinte conteúdo ao bloco Custom Code:

<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>

Na seção CSS:

.image-container {
  text-align: center;
  padding: 4em 1em;
}

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

Na seção JavaScript:

1. No parâmetro htmlLang, especifique o idioma da imagem traduzida que você está adicionando.
2. No parâmetro localisedImage.dataset.src, especifique o link à imagem traduzida.

Para adicionar diversos idiomas traduzidos, duplique os fragmentos de código JavaScript com os valores dos parâmetros necessários.

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';
 }

6. Clique em Preview para ver as alterações. A imagem será traduzida somente para os idiomas especificados no bloco Custom Code.

Como adicionar seu próprio código

1. No Builder, clique em Adicionar bloco e escolha Código personalizado.

2. Insira seu próprio código no bloco.