Como configurar o alternador de idioma para OpenCart

por Aorinka Anendya
29 de novembro de 2023

Blog > Guia > Como configurar o seletor de idioma para OpenCart

O seletor de idioma é um elemento importante ao qual você deve prestar muita atenção ao criar um site multilíngue, porque o seletor de idioma é o que os usuários visitam com frequência quando desejam mudar de idioma.

Portanto, é importante criar um alternador de idioma que seja amigável, fácil de alcançar e usar.

Portanto, neste artigo discutiremos como configurar um alternador de idioma para OpenCart . Então, para você que possui sites multilíngues ou eCommerce no OpenCart , continue lendo este artigo até o final!

Por que criar um alternador de idioma é importante para sites OpenCart multilíngues?

Criar um alternador de idioma fácil de usar é fundamental para o sucesso de um site multilíngue. Aqui estão os motivos pelos quais você deve criar um alternador de idioma para sites multilíngues OpenCart .

Experiência do usuário aprimorada: o alternador de idioma fácil de usar fornece transições suaves entre idiomas, facilitando a navegação e a compreensão do conteúdo pelos usuários. Isso melhora a experiência geral do usuário, reduz a frustração e aumenta o envolvimento.
Navegação intuitiva: os usuários devem ser capazes de encontrar e usar facilmente o alternador de idiomas. O design fácil de usar garante que o switcher esteja posicionado de forma clara e use ícones ou rótulos claros e facilmente reconhecíveis, criando inspiração para os usuários alternarem entre idiomas.
Redução da taxa de rejeição: o alternador de idioma fácil de usar contribui para reduzir a taxa de rejeição. Quando os visitantes conseguem encontrar e selecionar rapidamente seu idioma preferido, é mais provável que eles permaneçam no site, explorem o conteúdo e, possivelmente, façam uma conversão.
Comunicação clara: Os intérpretes de línguas devem comunicar de forma eficaz com os utilizadores. Rótulos ou símbolos claros e concisos ajudam a comunicar as opções de idioma disponíveis, reduzem a confusão e garantem que os usuários possam fazer escolhas informadas.
Otimização de SEO: os mecanismos de pesquisa consideram a experiência do usuário ao classificar os sites. Um alternador de idiomas fácil de usar e bem implementado pode ter um impacto positivo no SEO, tornando seu site mais visível e acessível para usuários que pesquisam em vários idiomas.

Quebrar barreiras linguísticas

Diga adeus às barreiras linguísticas e olá ao crescimento ilimitado! Experimente nosso serviço de tradução automática hoje mesmo.

Comece a traduzir agora

Como configurar o alternador de idioma para OpenCart ?

O recurso de troca de idioma geralmente é fornecido pelo serviço de tradução de sites. Este recurso pode ser ajustado de acordo com a necessidade do que o usuário deseja projetar.

No entanto, às vezes nem todos os serviços de tradução oferecem um recurso de troca de idioma que é fácil de personalizar e usar. Portanto, é importante procurar um serviço de tradução automática que ofereça e seja compatível com diversos CMS, um deles é a Linguise .

Linguise fornece um recurso de troca de idioma flexível e facilmente personalizável e está integrado ao OpenCart . Este serviço de tradução pode ser a solução para você.

Então, como configurar o alternador de idioma para OpenCart ou site de comércio eletrônico. Continue lendo a explicação abaixo.

Passo 1: Registrando uma conta gratuita Linguise

Para poder usar o alternador de idiomas no Linguise , é claro, você precisa primeiro registrar uma conta Linguise Também oferecemos um teste gratuito de 1 mês com vários recursos que você pode usar.

Etapa 2: adicionar domínio do site OpenCart

A segunda etapa é adicionar o domínio do site OpenCart que você já possui ao Linguise . Há várias coisas que você precisa preencher, começando por.

Conta
URLs
Plataforma, selecione OpenCart
Linguagem
Idioma de tradução
Traduzir URLs

Depois disso, você precisa ativar a chave API e definir o URL do idioma. Para obter um guia completo sobre como adicionar um domínio de site, você pode ler a de instalação Linguise no OpenCart ou assistir ao vídeo tutorial abaixo.

Etapa 3: ativar o alternador de idioma

Depois de adicionar com sucesso o OpenCart e melhorar a API, é hora de ativar o alternador de idioma. Existem vários passos que você deve seguir: primeiro, abra o Linguise > Configurações > copie este URL.

Depois de copiar o script, você precisa inseri-lo no editor de temas do seu OpenCart . Para fazer isso, siga estas etapas: Vá para Design > Editor de tema > Padrão no OpenCart . Em seguida, cole o script na área designada conforme mostrado na imagem abaixo.

Depois disso, normalmente, o seletor de idioma no Opencart aparecerá automaticamente na página do seu site no canto superior direito com uma exibição como a seguinte de acordo com o idioma que você escolheu ao adicionar o site.

No entanto, a exibição do alternador de idioma acima ainda é o padrão. Com Linguise você pode personalizar essa exibição de acordo com suas necessidades e desejos.

Etapa 4: configurar a tela principal

Para definir o seletor de idioma ou a exibição dos sinalizadores de idioma, você pode fazer isso por meio do Linguise > Configurações > Exibição dos sinalizadores de idioma.

Na primeira configuração, definiremos o display principal. Existem várias partes, incluindo:

Formato do ícone da bandeira: aqui você pode escolher entre 3 opções disponíveis, nomeadamente lado a lado, suspenso ou pop-up.
Posição: Esta posição mostra onde ficará o seu seletor de idioma, você pode escolher entre várias opções de posição disponíveis. Certifique-se de escolher uma posição que seja fácil de ser encontrada pelos visitantes.
Finalmente, você pode combinar bandeira + nome do idioma, bandeira + nome abreviado ou apenas o nome do idioma. Recomenda-se usar um sinalizador junto com o nome do idioma para facilitar o reconhecimento do idioma pelos usuários.

Etapa 5: definir o design dos sinalizadores

Depois disso, na tela principal, estão as configurações de design da bandeira. Existem várias configurações na imagem a seguir.

Nome do idioma de exibição: você pode escolher um nome de exibição com base no nome do país ou no nome do idioma, por exemplo, francês ou francês.
Tipo de bandeira inglesa: é usado para idiomas que possuem mais de 1 tipo, por exemplo, inglês dos EUA ou inglês britânico (o mesmo que espanhol, taiwanês, alemão e português)
Estilo da bandeira: para definir o formato do ícone da bandeira, redondo ou retangular.

Passo 6: Defina a cor e o tamanho da bandeira

A próxima etapa após definir o design da bandeira é definir a cor, o tamanho e várias outras coisas. Na exibição a seguir, há diversas configurações que você pode personalizar, como.

Mark border-radius: raio da borda personalizada em pixels onde você usa o retângulo.
Cor do nome do idioma: escolha a cor de texto padrão para o nome do idioma.
Cor do idioma pop-up: cor do título do idioma na área pop-up ou suspensa.
Tamanho da bandeira: tamanho da bandeira
Cor de foco do nome do idioma: cor do texto do mouse ao passar o mouse para o nome do idioma
Cor de foco do idioma pop-up: cor do texto do mouse ao passar o mouse no título do idioma no pop-up ou no menu suspenso.

Etapa 7: definir sinalizador box-shadow

Finalmente, as configurações que você pode fazer são configurar a sombra da caixa de sinalização, a primeira configuração permite definir a sombra para cada bandeira em seu site e a próxima é a sombra para as bandeiras de idioma ao passar o mouse.

Depois de ajustar todas as configurações, não se esqueça de selecionar Salvar para salvar as alterações e agora você poderá ver como ficam os resultados das personalizações feitas.

Este é um exemplo de alternador de idioma usando um menu suspenso, posicionado no canto superior direito e usando sinalizadores + nome do idioma. Além disso, há também um display de site que está tentando ser traduzido para o italiano.

Pronto para explorar novos mercados? Experimente nosso serviço de tradução automática gratuitamente com nossa avaliação gratuita de 1 mês. Nenhum cartão de crédito necessário!

Reivindique sua avaliação gratuita de 1 mês

Como criar um alternador de idioma amigável em seu site OpenCart ?

Depois de entender como configurar um alternador de idiomas para OpenCart , agora é a hora de você saber como criar um alternador de idiomas amigável para que ele possa trazer mais uma série de benefícios para o seu site.

Ícones ou bandeiras familiares: use ícones ou bandeiras de idiomas familiares para representar idiomas diferentes. Certifique-se de que o ícone ou bandeira esteja visualmente visível e comumente compreendido para garantir que tudo esteja claro.
Posicionamento conveniente: coloque a ferramenta de troca de idioma em uma posição de destaque em seu site, de preferência em um local consistente em todas as páginas. Os locais comuns incluem cabeçalhos, rodapés ou menus de navegação. Certifique-se de que a ferramenta de tradução esteja claramente visível e de fácil acesso.
Etiqueta de idioma na bandeira de cada país: rotule claramente cada opção de idioma no idioma apropriado. Por exemplo, use “English” para inglês, “Español” para espanhol, “Deutsch” para alemão e assim por diante. Isso ajuda os usuários a identificar e selecionar facilmente o idioma desejado.
Design inovador: A ferramenta de tradução possui um design inovador. Use símbolos ou textos familiares para indicar as opções de idioma. Por exemplo, você pode usar “EN” para inglês e “ID” para indonésio. Certifique-se de que a ferramenta de mudança de idioma se destaque de outros elementos da página, por exemplo, usando uma cor ou destaque diferente.
Troca fácil: torna mais fácil para os usuários mudarem para outro idioma se o idioma padrão não corresponder às suas preferências. Impede o uso de menus suspensos, listas de sinalizadores/ícones ou botões de alternância para seleção de idioma.
Design responsivo: certifique-se de que a ferramenta de troca de idioma seja responsiva e funcione bem em vários dispositivos e tamanhos de tela. Teste a funcionalidade em desktops, smartphones e tablets para garantir uma experiência tranquila para todos os usuários.

Conclusão: configure o alternador de idioma no OpenCart usando Linguise

Neste ponto, você já sabe como configurar um alternador de idioma para OpenCart usando Linguise . Criar um alternador de idioma amigável pode fornecer uma série de benefícios que vão desde melhorar a experiência geral do usuário e aumentar o envolvimento do usuário até ajudar a melhorar o SEO multilíngue.

Com Linguise , você pode criar alternadores de idioma amigáveis e sinalizadores de personalização completos. Então, o que você está esperando, registre uma conta Linguise , um OpenCart e configure o seletor de idiomas para uma melhor experiência do usuário.

Como configurar o alternador de idioma para OpenCart

Por que criar um alternador de idioma é importante para sites OpenCart multilíngues?

Como configurar o alternador de idioma para OpenCart ?

Passo 1: Registrando uma conta gratuita Linguise

Etapa 2: adicionar domínio do site OpenCart

Etapa 3: ativar o alternador de idioma

Etapa 4: configurar a tela principal

Etapa 5: definir o design dos sinalizadores

Passo 6: Defina a cor e o tamanho da bandeira

Etapa 7: definir sinalizador box-shadow

Como criar um alternador de idioma amigável em seu site OpenCart ?

Conclusão: configure o alternador de idioma no OpenCart usando Linguise

Você também pode estar interessado em ler

Como traduzir gírias profissionalmente

Como impulsionar o SEO multilíngue para a loja Shopify

Dicas para trocadores de idioma WooCommerce e construção de uma loja multilíngue

Jurídico

Suporte

Produto