Como configurar um alternador de idioma no Kirby CMS

por Aorinka Anendya
29 de julho de 2024

Blog > Guia > Como configurar um alternador de idioma no Kirby CMS

Configurar um alternador de idioma no Kirby CMS é um recurso importante para tornar mais fácil para visitantes estrangeiros interagirem com seu site. A capacidade de alternar facilmente entre diferentes idiomas tornou-se um requisito essencial para muitas plataformas online.

Ao configurar um alternador de idioma no Kirby CMS, você pode aumentar significativamente a acessibilidade do seu site para visitantes internacionais, melhorar potencialmente o desempenho do mecanismo de pesquisa e aumentar a confiança global em sua marca. Embora o processo possa parecer assustador inicialmente, este guia irá orientá-lo nas etapas para implementar esse recurso de forma eficiente em seu site Kirby CMS , garantindo uma experiência multilíngue tranquila e fácil de usar.

Importância de configurar um alternador de idioma no Kirby CMS

Implementar um alternador de idioma no Kirby CMS é mais do que apenas um recurso – é uma decisão estratégica que pode impactar significativamente o desempenho e o alcance do seu site. Vamos explorar os principais motivos para configurar um alternador de idioma em seu site Kirby CMS.

Melhorar a experiência do usuário: um alternador de idioma permite que os visitantes acessem o conteúdo no idioma de sua preferência, melhorando significativamente sua compreensão e envolvimento com o site.
Redução das taxas de rejeição: os visitantes que não conseguirem encontrar conteúdo em seu idioma provavelmente sairão rapidamente. Oferecer opções de vários idiomas incentiva os usuários a explorar mais o site.
Aumentando as taxas de conversão: quando os usuários conseguem entender os detalhes dos produtos, as políticas e os processos de compra em seu idioma nativo, eles ficam mais inclinados a comprar ou realizar as ações desejadas.
Fortalecendo o SEO multilíngue: os mecanismos de pesquisa levam em consideração a experiência do usuário ao classificar sites. Um alternador de idioma intuitivo pode melhorar seu de SEO multilíngue , facilitando o acesso fácil ao conteúdo 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 um alternador de idioma no Kirby CMS

Agora que exploramos a importância de implementar um alternador de idioma em um site Kirby CMS multilíngue, vamos nos aprofundar nos aspectos práticos de sua configuração. Embora muitos serviços de tradução de sites ofereçam esse recurso, encontrar um que forneça um alternador de idiomas altamente personalizável e fácil de usar pode ser um desafio.

É crucial selecionar um serviço de tradução automática que não apenas funcione bem com várias estruturas, mas também ofereça um recurso flexível de troca de idioma. Um serviço que se destaca por atender a esses requisitos é o site de tradução automática Linguise . Seu seletor de idioma é conhecido por sua facilidade de personalização e interface amigável, tornando-o uma excelente escolha para integração com Kirby CMS.

Ao incorporar perfeitamente Linguise em seu Kirby CMS, você pode adicionar facilmente um alternador de idioma ao seu aplicativo multilíngue. Os recursos avançados e a interface intuitiva do Linguise simplificam a configuração e a manutenção de um alternador de idioma em seu site Kirby CMS.

Vamos seguir as etapas para instalar Linguise em um site Kirby CMS multilíngue e configurar o alternador de idioma.

Passo 1: Registre sua conta Linguise

Comece preparando seu site Kirby CMS para tradução, o que requer acesso ao painel de administração Kirby CMS. Em seguida, crie uma conta Linguise gratuita e adicione o domínio do seu site. Você pode aproveitar o teste gratuito de 30 dias antes de selecionar um plano de assinatura.

Etapa 2: adicione o domínio do seu site Kirby CMS

Assim que sua Linguise estiver configurada, vá para o painel e adicione o domínio do seu site Kirby CMS. Clique em “Adicionar domínio” e forneça os seguintes detalhes:

Conta
URL
Plataforma (Kirby CMS)
Idioma padrão
idiomas de tradução
Traduzir URLs
Tradução de conteúdo dinâmico

Etapa 3: faça upload e conecte o script Linguise

Baixe o script de tradução Linguise e carregue-o na pasta raiz da instalação do Kirby CMS.

Descompacte o script e certifique-se de que a pasta chamada “ linguise ” permaneça na raiz do seu site.

Em seguida, copie a chave da API Linguise para o arquivo `Configuration.php` em seu servidor. Abra o arquivo, substitua `REPLACE_BY_YOUR_TOKEN` pela sua chave de API e salve as alterações.

Etapa 4: configurar a reescrita de URL para Kirby CMS

Kirby CMS tem a reescrita de URL habilitada por padrão. Se não estiver ativo, você pode habilitá-lo através do seu provedor de hospedagem.

Para configurar URLs por idioma, adicione o seguinte código ao seu arquivo `.htaccess` logo após a linha `RewriteEngine on` no arquivo `.htaccess` padrão do Kirby CMS.

				
					<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]
</IfModule>

Etapa 5: ativar e personalizar o seletor de idioma

Para exibir o alternador de idioma com sinalizadores e URLs alternativos para fins de SEO, o link Linguise JavaScript deve ser carregado em todas as páginas do Kirby CMS.

Obtenha o link do script nas configurações do domínio no painel Linguise e copie-o.

A maneira mais fácil de carregar este script no Kirby CMS é adicioná-lo ao header.php do seu site ou seção. Veja como fazer isso:

Acesse a pasta raiz do seu site.
Navegue até o site > snippets > header.php.
Edite o arquivo header.php para incluir o link do script na seção do cabeçalho.

O seletor de idioma será exibido inicialmente em seu formato padrão. Mas você pode personalizar o alternador de idioma usando o Linguise navegando até Configurações > Exibição de sinalizadores de idioma. Esta seção oferece várias opções de personalização, incluindo configurações de exibição principais, nomes de idiomas e elementos de design.

Etapa 6: configurar a tela principal

Para começar a configurar o alternador de idioma, navegue até Configurações > Exibição de sinalizadores de idioma no painel Linguise .

Nesta seção, você pode ajustar várias configurações. As principais configurações de exibição permitem personalizar elementos como.

Estilo do ícone da bandeira: escolha entre exibição lado a lado, menu suspenso ou pop-up.
Posição: determine o posicionamento do seletor de idioma em seu site. Escolha uma posição que seja facilmente acessível aos visitantes.

Passo 7: Defina o design da bandeira

Depois de definir as configurações de exibição principais, personalize o design dos sinalizadores exibidos.

Exibição do nome do idioma: escolha exibir o nome do idioma com base no país ou no próprio idioma, como “Francês” ou “Français”.
Tipo de bandeira inglesa: útil para idiomas com múltiplas variações, como inglês americano ou britânico, e também aplicável a 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

Após configurar o design das bandeiras, personalize a cor e o tamanho das bandeiras. Aqui estão algumas configurações que você pode ajustar.

Raio da borda da bandeira: ajuste o raio da borda para bandeiras retangulares, medido em pixels.
Cor do nome do idioma: escolha a cor de texto padrão para exibir 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: especifique 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: defina 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 o box-shadow

Por fim, ajuste 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.

Após fazer os ajustes necessários, clique no botão Salvar para aplicar as alterações. Em seguida, verifique o site do Kirby CMS para garantir que a configuração foi implementada com sucesso. Isso mostrará como o alternador de idioma aparecerá.

Assim que o processo de configuração for concluído, você poderá ver o seletor de idioma em ação no site multilíngue do Kirby CMS.

Em seguida, traduziremos automaticamente o site Kirby CMS para outros idiomas, como o francês.

4 dicas para otimizar o alternador de idioma no Kirby CMS

Aqui estão quatro dicas essenciais para ajudá-lo a refinar seu alternador de idioma e torná-lo mais eficaz para seu público global.

#1 Use um ícone de bandeira de idioma claramente identificável

Incorporar símbolos ou sinalizadores de idioma facilmente reconhecíveis em seu alternador de idioma é vital para uma identificação rápida do idioma. Essa abordagem permite que os visitantes localizem e selecionem rapidamente seu idioma preferido, criando uma experiência de usuário intuitiva. A chave é escolher indicadores universalmente compreendidos para evitar qualquer interpretação errada.

Ao implementar ícones de bandeira, certifique-se de que sejam de alta qualidade e facilmente distinguíveis, mesmo em tamanhos menores. Considere usar uma combinação de sinalizadores e códigos de idioma para fornecer dicas visuais e textuais aos usuários.

Exemplo:

Imagine um blog de viagens baseado em Kirby cobrindo destinos em todo o mundo. O alternador de idioma do site pode usar um ícone de globo junto com pequenos ícones de bandeira e códigos de idioma de duas letras.

🌎 🇺🇸 PT | 🇪🇸 ES | 🇫🇷FR | 🇩🇪 DE | 🇯🇵JP

Essa configuração permite que os usuários identifiquem rapidamente seu idioma, independentemente de reconhecerem a bandeira ou o código do idioma, melhorando a experiência geral do usuário.

#2 Exibir nomes de idiomas ao lado de bandeiras

Embora os sinalizadores forneçam uma referência visual rápida, combiná-los com os nomes nativos dos idiomas oferece clareza adicional. Esta estratégia ajuda a evitar confusões, especialmente no caso de línguas faladas em vários países com bandeiras diferentes.

Ao incluir os nomes reais dos idiomas, você elimina a ambiguidade e garante que os visitantes possam identificar com precisão o idioma de sua preferência. Esta abordagem também demonstra respeito pela diversidade cultural e promove a inclusão.

Exemplo:

Considere uma plataforma educacional baseada em Kirby que oferece cursos em vários idiomas. O alternador de idioma pode ser assim.

🇺🇸 Inglês | 🇪🇸 Español | 🇫🇷 Français | 🇩🇪 Alemão | 🇯🇵 日本語

Esse design permite que os usuários vejam a bandeira e o nome do idioma em sua escrita nativa, tornando-o instantaneamente reconhecível pelos falantes desse idioma. É particularmente útil para idiomas como espanhol ou inglês, falados em vários países com bandeiras diferentes.

#3 Posicione o botão de troca de idioma com cuidado

A localização do seu alternador de idioma é crucial para sua eficácia. Deve estar em destaque e facilmente acessível em seu site. As posições comuns e eficazes incluem o cabeçalho, rodapé ou menu de navegação principal.

Certifique-se de que o seletor de idioma esteja visível e facilmente acessível em qualquer página do seu site. Essa consistência no posicionamento ajuda os usuários a encontrar rapidamente as opções de idioma, independentemente de sua localização atual no site.

Exemplo:

Por exemplo, um site de portfólio baseado em Kirby para uma empresa multinacional de arquitetura. Eles poderiam implementar seu alternador 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 de pesquisa.
Navegação fixa: conforme os usuários rolam, o cabeçalho permanece fixo na parte superior, garantindo que o seletor de idioma esteja sempre acessível.
Otimização móvel: Em dispositivos móveis, o seletor de idioma está incluído no menu hambúrguer para facilitar o acesso sem sobrecarregar a tela pequena.

Este posicionamento estratégico garante que os usuários possam mudar facilmente de idioma a qualquer momento, seja visualizando galerias de projetos, lendo sobre a história da empresa ou verificando informações de contato.

#4 Mantenha a consistência do alternador de idioma em todas as páginas

É essencial manter a aparência e a funcionalidade do seletor de idioma uniformes em todo o 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, criando confiança em seu site multilíngue.

Exemplo:

Considere um site de comércio eletrônico desenvolvido pela Kirby que vende produtos globalmente. Veja como eles podem implementar uma estratégia consistente de alternância de idiomas.

Design uniforme: o seletor de idioma aparece como um menu suspenso denominado “Idioma” no canto superior direito de cada página, incluindo listas de produtos, páginas de produtos individuais e páginas de checkout.
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 visualizar a descrição de um vaso artesanal em inglês e mudar para o francês, verá os mesmos detalhes do produto em francês.
Estrutura do URL: a estrutura do URL muda consistentemente ao mudar de idioma.

Inglês: www.yourmarket.com/products/blue-ceramic-vase

Francês: www.yourmarket.com/fr/produits/vase-ceramique-bleu

Essa experiência consistente em todas as páginas garante que os usuários possam 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 um alternador de idioma no seu site Kirby com Linguise !

Configurar um alternador de idioma no Kirby CMS é um passo crucial para a criação de um site verdadeiramente global e fácil de usar. Ao implementar esse recurso, você abre suas portas digitais para um público internacional diversificado, aumentando potencialmente o engajamento, reduzindo as taxas de rejeição e melhorando o desempenho geral do seu site.

Para agilizar esse processo e garantir resultados ideais, considere usar Linguise para o seu site Kirby CMS. Linguise oferece um alternador de idiomas poderoso e personalizável que se integra perfeitamente ao Kirby CMS, permitindo que você implemente e ajuste facilmente sua estratégia multilíngue. Vamos criar uma conta Linguise integrá-la ao seu site Kirby CMS e personalizar o seletor de idioma para melhorar ainda mais a experiência do usuário.

Como configurar um alternador de idioma no Kirby CMS

Importância de configurar um alternador de idioma no Kirby CMS

Como configurar um alternador de idioma no Kirby CMS

Passo 1: Registre sua conta Linguise

Etapa 2: adicione o domínio do seu site Kirby CMS

Etapa 3: faça upload e conecte o script Linguise

Etapa 4: configurar a reescrita de URL para Kirby CMS

Etapa 5: ativar e personalizar o seletor de idioma

Etapa 6: configurar a tela principal

Passo 7: Defina o design da bandeira

Passo 8: Defina a cor e o tamanho

Etapa 9: configurar o box-shadow

4 dicas para otimizar o alternador de idioma no Kirby CMS

#1 Use um ícone de bandeira de idioma claramente identificável

#2 Exibir nomes de idiomas ao lado de bandeiras

#3 Posicione o botão de troca de idioma com cuidado

#4 Mantenha a consistência do alternador de idioma em todas as páginas

Configure um alternador de idioma no seu site Kirby com Linguise !

Você também pode estar interessado em ler

Mídia social multilíngue: melhores estratégias para alcançar o envolvimento global

Melhores práticas para projetar seletor de idioma

Como criar um site multilíngue Elementor no WordPress

Jurídico

Suporte

Produto