Como configurar um alternador de idioma no Magento

por Aorinka Anendya
16 de julho de 2024

Blog > Guia > Como configurar um alternador de idioma no Magento

Configurar um alternador de idioma no Magento é essencial. Esta funcionalidade é crucial para websites direcionados a um público internacional, uma vez que a capacidade de alternar facilmente entre idiomas tornou-se uma necessidade premente no mercado atual.

Embora o processo possa parecer assustador inicialmente, este guia irá guiá-lo pelas etapas para configurar um alternador de idioma em seu site Magento de forma eficiente e eficaz. Seguindo estas instruções, você pode implementar esse recurso valioso sem problemas, aumentando a capacidade do seu site de atender a um público diversificado e multilíngue.

Por que você deve configurar um alternador de idioma para Magento ?

Aqui estão quatro razões principais pelas quais você deve configurar um alternador de idioma para Magento .

Experiência do usuário aprimorada: um alternador de idioma permite que os visitantes acessem o conteúdo no idioma de sua preferência, melhorando sua compreensão e envolvimento com seu site. Por exemplo, um cliente que fala espanhol visitando uma Magento pode facilmente mudar para o espanhol, tornando mais simples navegar pelos produtos, ler descrições e concluir compras.
Alcance de mercado expandido: ao oferecer vários idiomas, você pode atingir um público global e entrar em novos mercados, aumentando potencialmente sua base de clientes e vendas. Por exemplo, uma loja de roupas online nos EUA implementa um alternador de idiomas com opções para inglês, francês e alemão. Isto permite-lhes comercializar os seus produtos de forma eficaz para clientes no Canadá e noutros países europeus, sem criar websites separados.
Desempenho de SEO aprimorado: um alternador de idioma bem implementado pode impulsionar seus de SEO multilíngue , tornando seu site mais visível nos resultados de pesquisa em diferentes idiomas e regiões. Por exemplo, uma Magento oferece conteúdo em inglês e japonês. Quando os usuários japoneses pesquisam produtos em seu idioma, as páginas japonesas da loja têm maior probabilidade de aparecer nos resultados de pesquisa, gerando mais tráfego direcionado.
Aumento das taxas de conversão: quando os visitantes conseguem entender os detalhes do produto, as políticas e o processo de compra em seu idioma nativo, é mais provável que concluam transações e se tornem clientes. Por exemplo, um cliente italiano que navega em uma loja internacional de produtos de beleza no Magento encontra a opção de mudar para o italiano. Agora eles podem compreender facilmente os ingredientes do produto, as instruções de uso e as políticas de envio, aumentando sua confiança na compra.

Ao implementar esses recursos, você torna sua Magento mais acessível e fácil de usar para um público global diversificado, aumentando potencialmente o tráfego da web , o envolvimento e as vendas.

Como configurar um alternador de idioma no Magento ?

Os serviços de tradução de sites geralmente oferecem essa funcionalidade, que pode ser adaptada para atender às suas necessidades específicas.

No entanto, é importante notar que nem todos os serviços de tradução oferecem um alternador de idiomas que seja facilmente personalizável e fácil de usar. Assim, é crucial selecionar um serviço de tradução automática compatível com várias estruturas e que ofereça um recurso flexível de troca de idioma.

Um serviço que se destaca por atender a esses critérios é Linguise . Ele fornece um recurso de alternância de idioma que é facilmente personalizável e fácil de usar e se integra perfeitamente ao Magento .

Ao aproveitar a integração suave do Linguise Magento CMS, você pode incorporar facilmente um alternador de idioma em seu site multilíngue. Com Linguise e a interface intuitiva, configurar e manter um alternador de idioma em seu Magento torna-se significativamente mais simples. A seção a seguir descreve as etapas para instalar Linguise em um site Magento e configurar o alternador de idioma.

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

Etapa 1: registre-se para obter uma conta Linguise gratuita

Primeiro, crie uma conta Linguise gratuitamente e aproveite um período de teste de um mês. O processo de registro é simples – basta fornecer seu endereço de e-mail para criar suas credenciais de login.

Durante esta fase de teste, você terá acesso aos recursos impressionantes do Linguise . Assim que o período de teste terminar, você será automaticamente redirecionado para o painel Linguise .

Etapa 2: Adicionar domínio do site Magento

Depois de criar sua Linguise , você será redirecionado para o painel. Lá, você precisará adicionar as informações de domínio do seu site . Procure a “Adicionar domínio” e clique nela. Em seguida, será apresentado um formulário contendo vários campos para preencher:

Detalhes da conta
URL do site
Seleção de plataforma (escolha Magento )
O idioma principal do seu site
Idiomas para os quais você deseja traduzir
Opção para traduzir URLs
Configuração para tradução de conteúdo dinâmico

Depois de preencher todas as informações necessárias, clique no botão “Próxima etapa”.

Na etapa seguinte, você precisará inserir uma chave de API. Esta chave será fornecida a você e é essencial para o processo de configuração.

Etapa 3: faça upload do script Linguise

A próxima etapa envolve adicionar o script de tradução Linguise ao seu servidor Magento :

Obtenha o script de tradução PHP-JS da Linguise .
Extraia o conteúdo do arquivo baixado.
Transfira os arquivos extraídos para o diretório principal da instalação Magento .

Garanta que:

O script é posicionado no diretório de nível superior do seu site ao lado dos arquivos Magento .
A pasta mantém seu nome original, “ linguise ”.

Depois disso, você deve incorporar sua chave de API Linguise no arquivo Configuration.php que acabou de enviar. Abra este arquivo para edição, localize o texto do espaço reservado “REPLACE_BY_YOUR_TOKEN” e substitua-o pela sua chave API real, mantendo-a entre aspas.

Etapa 4: configurar a reescrita de URL para Magento

Acesse seu painel de administração Magento Lojas > Configurações > Configuração > Geral > Web > Search Engine Optimization

Uma vez lá, localize e ative a opção “Usar reescrita do servidor Web”.

Em seguida, você precisará configurar URLs específicos do idioma em seu arquivo .htaccess. Abra o arquivo .htaccess padrão Magento 2 e encontre a linha que diz “RewriteEngine on”. Imediatamente após esta linha, você inserirá um trecho de código específico.

Esta configuração permite que Magento lide e direcione adequadamente as solicitações para versões de seu site em diferentes idiomas, aprimorando sua configuração multilíngue.

Lembre-se de que modificar o arquivo .htaccess requer muita atenção aos detalhes, pois alterações incorretas podem afetar a funcionalidade do seu site. Se você não se sentir confortável em fazer essas alterações sozinho, considere procurar ajuda de um desenvolvedor familiarizado com as configurações Magento .

				
					<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA,END]
</IfModule>

Etapa 5: ativar e personalizar o alternador de idioma

O alternador de idioma é um pop-up de sinalização que permite aos usuários selecionar seu idioma preferido. Para carregá-lo, copie o código fornecido no final da configuração do site e coloque-o no cabeçalho da sua página HTML. O alternador de idioma da bandeira será carregado automaticamente.

Você pode encontrar o código para copiar e carregar no cabeçalho do seu site no Linguise navegando até Seu domínio > Configurações > Guia > Script PHP.

Este código deve ser inserido no cabeçalho da sua página. Magento 2 permite que você adicione conteúdo ao cabeçalho da sua página por meio das definições de configuração.

No painel de administração, navegue até Conteúdo > Configuração e edite a visualização do tema da loja padrão. Em seguida, clique na seção HTML Head e cole o script copiado no campo de entrada Scripts and Style Sheets. Por fim, salve a configuração.

O seletor de idioma é inicialmente exibido em uma posição flutuante no canto inferior direito do seu site. Você pode personalizar sua aparência e posicionamento navegando até o painel Linguise

Etapa 6: configurar a tela principal

O seletor de idioma aparece por padrão em uma posição flutuante no canto inferior direito do seu site. Você pode ajustar sua aparência e posicionamento por meio do Linguise acessando Configurações > Exibição de sinalizadores de idioma.

Etapa 7: configurar o design da bandeira

Depois de ajustar as configurações de exibição principais, você pode personalizar ainda mais o design dos sinalizadores de idioma.

Exibição do nome do idioma: você pode optar por mostrar o nome do idioma com base no país ou no próprio idioma, como “Francês” ou “Français”.
Tipo de bandeira inglesa: Isso é útil para idiomas com múltiplas variações, como inglês americano ou britânico, espanhol, taiwanês, alemão e português.
Estilo da bandeira: selecione o formato do ícone da bandeira, redondo ou retangular.

Passo 8: Defina a cor e o tamanho

Depois de finalizar o design da bandeira, você pode personalizar a cor e o tamanho das bandeiras com as seguintes configurações:

Raio da borda da bandeira: ajuste o raio da borda para o estilo da bandeira retangular, medido em pixels.
Cor do nome do idioma: Escolha a cor de texto padrão para o nome do idioma.
Cor do idioma pop-up: defina a cor do texto do título do idioma na área pop-up ou suspensa.
Tamanho da bandeira: ajuste o tamanho dos ícones da bandeira.
Cor de foco do nome do idioma: defina a cor do texto que aparece quando o usuário passa o mouse sobre o nome do idioma.
Cor de foco do idioma pop-up: especifique a cor do texto que aparece quando o usuário passa o mouse sobre o título do idioma no pop-up ou na área suspensa.

Etapa 9: configurar a sombra da caixa do sinalizador

Por último, você pode ajustar as configurações de sombra da caixa de sinalização. A primeira opção permite adicionar um efeito de sombra a cada ícone de bandeira exibido em seu site. A segunda opção controla o efeito de sombra quando os usuários passam o mouse sobre as bandeiras de idioma.

Depois de fazer todos os ajustes necessários, clique no Salvar para aplicar as alterações de personalização. Em seguida, acesse o Magento para verificar se a configuração foi aplicada com sucesso. Isso lhe dará uma ideia de como o alternador de idioma será exibido.

Depois de concluir a configuração, você poderá ver o seletor de idioma em seu site multilíngue Magento .

Traduziremos automaticamente o site Magento para outros idiomas, como espanhol.

4 estratégias para aprimorar o alternador de idiomas no Magento

Depois de configurar o seletor de idioma em seu Magento , você deve compreender as estratégias ideais para projetar um seletor de idioma e otimizar seu desempenho para aprimorar seu site e a experiência do usuário.

Implemente facilmente indicadores de linguagem

Usar símbolos ou sinalizadores de idioma universalmente reconhecidos em seu alternador de idioma é crucial. Isso permite que os visitantes localizem e escolham rapidamente seu idioma preferido. A implementação de símbolos familiares cria uma experiência de usuário intuitiva, permitindo que os visitantes naveguem sem esforço até a versão do idioma desejado. A chave é selecionar indicadores reconhecidos globalmente para evitar interpretações erradas.

Por exemplo, um site de comércio eletrônico multilíngue que vende equipamentos esportivos. O alternador de idiomas pode usar uma combinação de bandeiras de países e abreviações de idiomas:

PT (para inglês)
ES (para espanhol)
FR (para francês)
DE (para alemão)
JP (para japonês)

Essa abordagem combina dicas visuais (sinais) com texto (códigos de idioma), facilitando que usuários de diferentes origens identifiquem seu idioma preferido. As bandeiras são instantaneamente reconhecíveis, enquanto as abreviações proporcionam clareza adicional.

Por exemplo, um visitante que fala espanhol pode identificar rapidamente a bandeira espanhola e a abreviatura “ES”, permitindo-lhe mudar o site para espanhol com apenas um clique. Este design fácil de usar melhora a experiência geral de navegação e aumenta potencialmente o envolvimento e as conversões no site.

Combine nomes de idiomas e sinalizadores

Embora as bandeiras sejam visualmente atraentes, é benéfico combiná-las com os nomes nativos dos idiomas. Esta estratégia ajuda a evitar confusões, especialmente porque algumas línguas são utilizadas em vários países com bandeiras distintas.

Usar os nomes dos idiomas reais elimina a ambiguidade, garantindo que os visitantes possam identificar e escolher com precisão o idioma de sua preferência, sem mal-entendidos. Além disso, esta abordagem promove a inclusão e mostra respeito pela diversidade cultural.

Por exemplo, um site de notícias global que atende a um público diversificado. O alternador de idioma pode ser assim.

Nesse caso:

O uso de sinalizadores fornece dicas visuais rápidas.
Os nomes dos idiomas são escritos em sua escrita nativa (como japonês, francês, etc.), que é instantaneamente reconhecível pelos falantes desse idioma.

Esta abordagem é particularmente útil para idiomas como o espanhol ou o inglês falados em vários países. Por exemplo, um usuário do México ou da Argentina veria “Español” em vez de escolher entre várias bandeiras de países de língua espanhola. Da mesma forma, usuários do Reino Unido, EUA, Austrália ou outros países de língua inglesa podem se identificar com “Inglês”, independentemente da bandeira utilizada.

Posicione estrategicamente o seletor de idioma

É crucial colocar o seletor de idioma em um local de destaque e de fácil acesso em seu site. As posições comuns e eficazes incluem o cabeçalho, rodapé ou menu de navegação principal. Esses pontos são intuitivos para a maioria dos usuários da web e atendem às suas expectativas ao procurar opções de idioma.

Manter um posicionamento consistente em todas as páginas garante que os visitantes possam acessar prontamente o alternador de idiomas, independentemente do ponto de entrada ou da página atual. Essa consistência contribui para uma experiência do usuário tranquila e previsível.

Por exemplo, um site internacional de reservas de hotéis que atende a um público global. Eles poderiam implementar sua estratégia de troca de idioma da seguinte maneira.

Posicionamento do cabeçalho: o seletor de idioma está localizado no canto superior direito do cabeçalho, próximo ao ícone da conta do usuário e ao seletor de moeda. É visível em todas as páginas e permite aos usuários mudar de idioma a qualquer momento durante a navegação ou o processo de reserva.
Design consistente: o seletor de idioma aparece como um ícone de globo seguido pelo idioma atual (por exemplo, “🌐 Inglês”). Quando clicado, abre um menu suspenso com outras opções de idioma.
Backup do rodapé: O rodapé inclui uma lista baseada em texto de todos os idiomas disponíveis, fornecendo um ponto de acesso alternativo.

Esse posicionamento estratégico garante que, quer um usuário acesse a página inicial, a página de um hotel específico ou a página de confirmação de reserva, ele possa encontrar e usar facilmente o alternador de idioma. Por exemplo, um usuário francês que navega por opções de hotéis em Tóquio pode mudar rapidamente o site para francês para uma compreensão mais fácil das descrições dos quartos e dos termos de reserva, melhorando a experiência do usuário e aumentando potencialmente a probabilidade de concluir uma reserva.

Mantenha a consistência no alternador de idiomas em todas as páginas

É vital garantir que o seletor de idioma mantenha uma aparência e funcionalidade uniformes em todo o seu site. Os usuários devem poder alterar os idiomas sem esforço, independentemente da página atual ou do conteúdo que estão visualizando. Essa consistência proporciona uma experiência de usuário perfeita e reforça a acessibilidade das opções de idioma, promovendo a confiança em seu site multilíngue.

Por exemplo, uma plataforma global de comércio eletrônico que vende eletrônicos. Veja como eles podem implementar uma estratégia consistente de alternância de idiomas.

Design uniforme: o seletor de idioma aparece como um ícone de globo com o código do idioma atual (por exemplo, “🌐 EN”) no canto superior direito de cada página, incluindo listas de produtos, páginas de produtos individuais, carrinhos de compras e páginas de checkout.
Funcionalidade consistente: clicar no seletor de idioma sempre abre o mesmo menu suspenso com todos os idiomas disponíveis, independentemente da página.
Preservação de conteúdo: quando os usuários trocam de idioma, eles permanecem na mesma página, mas o conteúdo é exibido no idioma recém-selecionado. Por exemplo, se um usuário estiver visualizando as especificações de um laptop em inglês e mudar para o espanhol, ele verá os detalhes do mesmo laptop, agora em espanhol.
Estrutura de URL: A estrutura do URL muda consistentemente ao mudar de idioma. Por exemplo:
- Inglês: www.techstore.com/products/laptop-model-x
- Espanhol: www.techstore.com/es/productos/laptop-modelo-x

Estudo de caso: Um cliente japonês que navega em laptops na versão em inglês do site decide mudar para o japonês para melhor compreensão. Eles clicam no ícone “🌐 EN” no cabeçalho, selecionam “日本語” no menu suspenso e a página é atualizada, mostrando os mesmos detalhes do laptop, mas em japonês. O URL muda de “/produtos/…” para “/ja/製品/…”.

Esta experiência consistente em todas as páginas e funções do site garante que o usuário possa navegar e comprar com segurança no idioma de sua preferência, aumentando potencialmente a probabilidade de concluir uma compra e retornar ao site no futuro.

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

Configure o alternador de idiomas no Magento com Linguise !

Até agora, você deve estar ciente de que está configurando um alternador de idioma para um site Magento multilíngue. A implementação de um alternador de idioma pode oferecer inúmeros benefícios e ser personalizado de acordo com nossas diretrizes.

Otimizar o seletor de idioma pode melhorar significativamente a experiência geral do usuário em seu Magento . O próximo passo é criar uma conta Linguise integrá-la ao seu Magento e ajustar as configurações do alternador de idioma. Estas ações irão melhorar a experiência do usuário, tornando o seu site de comércio eletrônico multilíngue mais acessível e fácil de usar.

Lembre-se de que um alternador de idioma bem implementado em sua plataforma Magento pode levar a um melhor envolvimento, aumento de conversões e maior satisfação do cliente em diferentes mercados de idiomas. É um elemento crucial na criação de um site verdadeiramente multilíngue.