Central de Ajuda Wix
  1. Início
  2. Crie o seu site
  3. Crie um site multilíngue
  4. Traduza seu site
  5. Wix Multilíngue: usar caixas multiestado para alterar de EPD para DPE

Wix Multilíngue: usar caixas multiestado para alterar de EPD para DPE

10 min de leitura
Aviso:
O SEO do seu site será afetado pela adição de caixas multiestado porque os bots dos motores de busca não podem ler o conteúdo das caixas. 
Alguns idiomas como o inglês são escritos da esquerda para a direita (EPD), enquanto outros como o hebraico são escritos da direita para a esquerda (DPE). Se o seu site multilíngue for compatível com os dois tipos, você pode adicionar caixas multiestado que exibem conteúdo diferente com base no idioma selecionado. Isso permite que você crie um "estado" diferente para cada idioma e adapte o design individualmente. 
Uma captura de tela de um site Wix online usando caixas multiestado
Antes de começar:
Certifique-se de que você adicionou o Wix Multilíngue ao seu site e ativou o Velo by Wix. 

Etapa 1 | Adicione uma caixa multiestado na versão do idioma principal do seu site

O primeiro passo é adicionar uma caixa multiestado em branco ao seu site no seu idioma principal. Faça o design para esse idioma, adicionando texto, imagens, botões ou qualquer elemento que você precisar.
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Clique em Elementos no lado esquerdo do seu editor.
  3. Clique em Caixa.
  4. Clique em Caixas multiestado.
  5. Arraste a caixa multiestado em branco para o local relevante na sua página.
  6. Adicione elementos à caixa e faça o design como desejar. 
Uma captura de tela de um site Wix adicionando caixas multiestado

Etapa 2 | Altere o nome do estado atual

Quando sua caixa estiver pronta no seu idioma principal, abra o painel Gerenciar estados para renomear o estado atual. Altere o nome para "padrão", com a grafia exata e a capitalização (sem as aspas), para garantir que o código irá adicionar funções corretamente.
Editor Wix
Editor do Wix Studio
  1. Selecione sua caixa multiestado.
  2. Clique em Gerenciar estados. 
  3. Clique no ícone Mais ações ao lado do nome do estado atual. 
  4. Selecione Editar ID.
  5. Digite "EPD" na caixa de texto e clique em OK. 
Uma captura de tela de um site Wix usando caixas multiestado

Etapa 3 | Duplique o estado e renomeie-o

Após criar o estado "padrão" no painel Gerenciar estados, duplique-o e chame o novo de "DPE". Da mesma forma que na primeira etapa, é importante que você a chame de "DPE", na ortografia e pontuação exatas, para que o código funcione como deve. 
Editor Wix
Editor do Wix Studio
  1. Selecione sua caixa multiestado.
  2. Clique em Gerenciar estados. 
  3. Clique no ícone Mais ações ao lado do nome do estado atual. 
  4. Selecione Duplicar.
  5. Clique no ícone Mais ações ao lado do estado duplicado. 
  6. Selecione Editar ID.
  7. Digite "DPE" na caixa de texto e clique em OK. 
    Observação: se o seu idioma secundário for DPE, você pode alterar o nome do estado para DPE.   
Uma captura de tela de um site Wix usando caixas multiestado
Observação:
Certifique-se de que o ID do elemento seja idêntico em todas as partes do código. Nas etapas acima, o ID da caixa de exemplo é #statebox8. 

Etapa 4 | Ajuste sua caixa no idioma secundário

Agora, sua caixa multiestado está configurada e pronta para tradução. Mude para o idioma DPE, altere o estado para DPE e comece a traduzir seu conteúdo. Em seguida, copie o trecho de código para o código da sua página.
Editor Wix
Editor do Wix Studio
  1. Clique no menu dropdown Alternar idiomas na parte superior do Editor. 
Uma captura de tela clicando no dropdown Alternar idiomas na parte superior do Editor Wix.
  1. Selecione o idioma DPE que você deseja editar. 
  2. Clique no dropdown da caixa multiestado e selecione o estado da caixa relevante. 
Uma captura de tela de um site Wix usando caixas multiestado
  1. Selecione o elemento na caixa que você deseja traduzir:
    • Texto: clique em Editar tradução ou em Traduzir automaticamente para traduzir o texto. Em seguida, clique no ícone Alterar direção do texto   no painel Configurações de texto para alterar a direção do texto.
    • Imagens: clique em Editar tradução e, em seguida, clique em Alterar para escolher uma imagem diferente para a versão DPE do seu site.
Uma captura de tela de um site Wix usando caixas multiestado
  1. Adicione o seguinte código no painel de propriedades:
    1. Clique em Código da página  no lado esquerdo do seu editor.
    2. Clique em Início.
    3. Clique no ícone Painel de propriedades  na aba Código da página.
    4. Selecione sua caixa multiestado.
    5. Copie o trecho de código abaixo e cole-o no painel de código.
Importante:
O código funciona para o idioma lido da direita para a esquerda. Se o seu idioma for lido da esquerda para a direita, altere o conteúdo do array de constante RTLLangs (códigos de idioma) no código: const RTLLangs = ['he','ar','fa'].
1import wixWindow from 'wix-window'; const RTLLangs = ['he', 'ar', 'fa'];
  1. Adicione o seguinte código à sua função onReady:
1
2$w.onReady(function () { let lang = wixWindow.multilingual.currentLanguage; //based on RTL ///////////////////////////////////// if (RTLLangs.includes(lang)) { $w('#statebox8').changeState('RTL'); }else{ $w('#statebox8').changeState('LTR'); } });
Uma captura de tela do painel de código do Editor Wix
  1. Revise o código e verifique se o ID da sua caixa multiestado está correto e é idêntico ao ID usado no código.
  2. Clique em Visualizar para testar sua caixa multiestado.
  3. Publique seu site após fazer todas as alterações.
Você gostaria de ver recursos DPE adicionais?
Com o Wix Multilíngue, você pode criar um site multilíngue com conteúdo da direita para a esquerda. No momento, você pode personalizar alguns aspectos do seu site, como menu, texto e imagens para serem DPE por idioma (por exemplo: hebraico, árabe).

Quais recursos DPE adicionais você gostaria de ver no Wix Multilíngue? Entre em contato com o Apoio ao Cliente para dar seus comentários e sugestões

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Etapa 1 | Adicione uma caixa multiestado na versão do idioma principal do seu site
  • Etapa 2 | Altere o nome do estado atual
  • Etapa 3 | Duplique o estado e renomeie-o
  • Etapa 4 | Ajuste sua caixa no idioma secundário

Esse artigo foi útil?

|