Como criar um menu suspenso de idioma eficaz no WordPress

Traduzir seu site para vários idiomas é útil para seus usuários e ótimo para seu tráfego. Quando os visitantes perceberem que podem ler o conteúdo de seu site em seu idioma, eles permanecerão por mais tempo. Já que você está oferecendo traduções, por que não tornar o mais fácil possível para os usuários mudarem para o idioma de sua preferência? Com o TranslatePress, existem várias maneiras de exibir uma lista suspensa de idiomas:

• Menu suspenso
• Menu suspenso de widget ou rodapé
• Seletor flutuante

Neste post, mostrarei como usar todos eles. Mas primeiro, vamos falar sobre o que torna uma lista suspensa de idiomas eficaz.

Projetando um menu suspenso de idioma eficaz

Como qualquer aspecto do design do seu site, tudo gira em torno do usuário. E quando estamos falando sobre uma lista suspensa de idiomas - ou alternador - a principal coisa que você precisa saber é como os visitantes do seu site irão visualizar e interagir com ele.

Uma escolha significativa de design que você pode fazer é exibir os idiomas no idioma nativo do seu site ou no idioma específico que está sendo mostrado. Por exemplo, em um site em inglês, em vez de exibir o idioma como “espanhol”, você pode exibi-lo como “espanhol”. Isso ajuda os usuários a identificar facilmente seu idioma e os ajuda a se sentirem instantaneamente confortáveis ​​navegando em seu site.

Outro guia visual que pode ser útil é exibir a bandeira do país ao lado do idioma. Mostrar a bandeira coreana ao lado do texto do idioma no switcher o torna instantaneamente reconhecível para um visitante coreano.

Ao planejar o layout do seu site, também é importante pensar no posicionamento da lista suspensa de idiomas. Cada site é único, portanto, o melhor posicionamento para seu site pode ser diferente de outro. Mais uma vez, pense em como seus visitantes irão interagir com seu site. Considere onde seria o local mais óbvio para exibir o menu suspenso. Pode estar no canto inferior direito, mas se você tiver outro conteúdo importante lá, considere movê-lo para a esquerda da página.

Se você colocar o menu suspenso de idiomas no rodapé, os visitantes o identificarão facilmente? Considere também colocar seletores de idioma em várias áreas, como a barra lateral ou até mesmo no menu de navegação.

O fator mais importante na exibição do menu suspenso de idiomas é como você imagina que seus usuários específicos o encontrarão e interagirão melhor.

Agora que abordamos os aspectos do design, vamos ver como colocar tudo em ação!

Suas configurações do seletor de idioma

Depois de instalar o plug-in gratuito TranslatePress no painel do WordPress ( Plugins → Adicionar novo ), a primeira coisa que você precisa fazer é visitar suas configurações. Você pode encontrá-los no menu do painel do WordPress em Configurações → TranslatePress . Role para baixo na guia Geral para encontrar a seção Alternador de idioma .

Você verá três opções, cada uma com suas próprias configurações:

• Código curto
• Item do menu
• Seleção de idioma flutuante

Para cada opção, use os menus suspensos para escolher como os nomes dos idiomas serão exibidos. Por exemplo, você pode escolher nomes completos de idiomas , nomes curtos de idiomas , sinalizadores com nomes de idiomas e muito mais.

Além disso, a seleção de idioma flutuante oferece a opção de um tema escuro ou claro , bem como o posicionamento na página.

Depois de fazer suas seleções e salvar suas alterações, vamos exibir o menu suspenso na página.

Exibindo a lista suspensa de seu idioma

Novamente, exibir a lista suspensa de idiomas é uma escolha individual. Pode ser necessário experimentar diferentes configurações e opções de exibição até encontrar a mais adequada para o seu site.

Código curto

Se você usar a opção shortcode [language-switcher] para o menu suspenso de idioma, poderá exibir o switcher praticamente em qualquer lugar do site que aceite o bloco Gutenberg de código curto. Os melhores lugares para usar o shortcode são normalmente em um widget – que você pode colocar em uma barra lateral ou rodapé.

Se você estiver usando um tema de bloco e edição completa do site, também poderá adicionar o shortcode no rodapé com muita facilidade.

No front-end, seus visitantes podem usar o menu suspenso para selecionar o idioma preferido.

Item do menu

Se desejar, você pode exibir a lista suspensa de idiomas em seu menu de navegação. O TranslatePress adiciona automaticamente a opção ao WordPress para facilitar. Ao editar seus menus , você verá o seletor de idioma na lista de itens de menu que podem ser adicionados.

Primeiro, selecione Idioma atual e quaisquer idiomas que deseja exibir no menu suspenso. Clique em Adicionar ao Menu . Em seguida, organize os idiomas como subitens abaixo do Idioma atual.

Depois de salvar seu menu, você precisa garantir que o menu apropriado esteja selecionado no cabeçalho do site - isso dependerá do seu tema. No front-end, o menu suspenso de seu idioma aparecerá no menu de navegação.

Seleção de idioma flutuante

Se você quiser ter um menu suspenso de idioma sempre disponível em todas as páginas, independentemente de onde o usuário rolar, você desejará usar a Seleção de idioma flutuante .

Se você habilitou essa opção nas configurações do TranslatePress conforme abordamos anteriormente, ela aparecerá automaticamente onde você designou - não há mais nada que você precise fazer!

Na parte frontal, o alternador de idioma flutuante aparece como um botão polido profissionalmente. Clicar expande as opções para todos os idiomas que você disponibilizou.

Se você estiver usando a versão paga do TranslatePress, poderá exibir quantos idiomas quiser. No entanto, se você precisar apenas de um idioma extra, poderá usar a versão gratuita.

Facilite para seus visitantes com um menu suspenso de idiomas

Você pode fazer muito para facilitar a escolha de um idioma preferido para seus visitantes. Ao criar seu site traduzido, pense nessas opções:

• Exibição do nome do idioma nativo ou o idioma do seu site;
• Usando sinalizadores para ajudar os usuários a identificar rapidamente seu idioma;
• Posicionamento do menu suspenso de idiomas.

Quanto melhor você tornar a experiência de seus usuários, maior a probabilidade de eles permanecerem em seu site – e retornarem!

TranslatePress Multilingual

TranslatePress é a maneira mais fácil de traduzir seu site WordPress. É rápido, não deixa seu site lento, funciona com QUALQUER tema ou plug-in e é compatível com SEO.

Obtenha o plug-in

Ou baixe a versão GRATUITA

Se você tiver mais dúvidas sobre como configurar seu próprio menu suspenso de idiomas, não hesite em nos informar nos comentários!