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:

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.

  1. Clique em Save changes.
  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 dos idiomas necessários como On.
  5. Vá para a seção Store e selecione o grupo de itens para os idiomas configurados.
O produto será adicionado ao site e, ao trocar de idioma no site, os nomes e descrições traduzidos dos produtos serão exibidos.

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:
Na seção 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>

Na seção CSS:

Copy
Full screen
Small screen
.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.
Observação
Formatos de imagem disponíveis: JPEG, PNG, GIF, WEBP.
O tamanho máximo para imagens é de 10 MB.
    Para adicionar diversos idiomas traduzidos, duplique os fragmentos de código JavaScript com os valores dos parâmetros necessários.
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. 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.
  1. Insira seu próprio código no bloco.
Este artigo foi útil?
Obrigado!
Podemos melhorar alguma coisa? Mensagem
Que pena ouvir isso
Explique porque este artigo não foi útil para você. Mensagem
Obrigado pelo seu feedback!
Avaliaremos sua mensagem e a usaremos para melhorar sua experiência.

Links úteis

Última atualização: 26 de Março de 2024

Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.

Relatar um problema
Nós sempre avaliamos nossos conteúdos. Seu feedback nos ajuda a melhorá-los.
Forneça um e-mail para que possamos responder
Obrigado pelo seu feedback!