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

12 min de leitura
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
Aviso:
O SEO do seu site será afetado negativamente se você adicionar 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

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
Antes de começar:
Certifique-se de que você adicionou o Wix Multilíngue ao seu site e ativou o código. 

  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.
Uma captura de tela de um site Wix adicionando caixas multiestado
  1. Altere o ID padrão da sua caixa para um nome que faça sentido:
    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. Insira um nome que faça sentido para a sua caixa na caixa de texto ID.
Uma captura de tela de um site Wix com caixas multiestado
  1. Adicione elementos à caixa e faça o design como desejar. 

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 "EPD", 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. 
    Observação: se o seu idioma principal for DPE, nomeie o estado DPE.   
  6. Clique no ícone Mais ações  ao lado de outros estados e selecione Excluir para removê-los. 
Uma captura de tela de um site Wix usando caixas multiestado

Etapa 3 | Duplique o estado e renomeie-o

Após criar o estado "EPD" no painel Gerenciar estados, duplique-o e chame o novo estado de "DPE". Da mesma forma que na primeira etapa, é importante que você a chame de "DPE", com a 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 EPD, altere o nome do estado para EPD.   
Uma captura de tela de um site Wix usando caixas multiestado

Etapa 4 | Ajuste sua caixa no idioma secundário

Agora, sua caixa multiestado está configurada e pronta para a tradução. Mude para o seu idioma DPE, altere o estado para DPE e comece a traduzir seu conteúdo. Você pode reorganizar a posição dos elementos sem afetar sua posição no estado original. Em seguida, copie o trecho de código no 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 na parte superior do painel de código.
1import wixWindow from 'wix-window'; const rtlLangs = ['he', 'ar', 'fa'];
  1. Adicione o seguinte código à sua função onReady:
Importante:
  • Certifique-se de substituir os IDs dos placeholders pelo ID que você criou anteriormente.
  • A função onReady foi escrita para sua conveniência. Se você já tiver essa função, adicione apenas o código dentro do primeiro ao último colchetes { }.
1$w.onReady(function () { let lang = wixWindow.multilingual.currentLanguage; if (rtlLangs.includes(lang)) { $w('#myBoxID').changeState('DPE'); } else { $w('#myBoxID').changeState('EPD'); } });
Uma captura de tela do painel de código do Editor Wix
  1. Clique em Visualizar para testar sua caixa multiestado.
  2. 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?

|