Você tem um site criado com Concrete CMS e deseja adicionar um alternador de idioma? Configurar um alternador de idioma simplifica o processo para os usuários alternarem entre idiomas. Essa funcionalidade é especialmente útil para sites com uma base de usuários internacionais, permitindo que os visitantes naveguem pela plataforma em seu idioma preferido.
Para configurar um alternador de idioma em Concrete CMS, os administradores geralmente começam especificando os idiomas que desejam suportar nas configurações do sistema. Em seguida, eles adicionam um menu suspenso ou botão que os usuários podem usar para selecionar seu idioma preferido. Este artigo irá guiá-lo através da implementação de um alternador de idioma em Concrete CMS usando um dos serviços de tradução automática disponíveis.
Importância de configurar um alternador de idioma no Concrete CMS
A necessidade de fornecer conteúdo em vários idiomas está se tornando cada vez mais importante. Um estudo recente da DeepL revelou que 75% dos entrevistados concordaram que o conteúdo localizado aumenta significativamente o engajamento do cliente.
Implementar um alternador de idioma é sobre traduzir conteúdo e criar uma experiência mais personalizada para os visitantes do site. Isso é evidente a partir dos dados que mostram que 96% dos entrevistados observaram um ROI (Retorno sobre o Investimento) positivo a partir de seus esforços de localização de conteúdo.
Com esses dados em mente, implementar um alternador de idioma no Concrete CMS é uma jogada estratégica que não pode ser abandonada. É por isso que este artigo irá discutir como configurar um alternador de idioma no seu site Concrete CMS .
Como configurar um alternador de idioma no Concrete CMS
Agora que entendemos a importância da funcionalidade de mudança de idioma na plataforma multilíngue Concrete CMS , vamos discutir como implementá-la. Concrete CMS tem um sistema de gerenciamento de idiomas integrado que pode ser personalizado para atender às necessidades da sua organização.
Um dos serviços de tradução automática que você pode usar é Linguise. Linguise oferece recursos de troca de idioma fáceis de usar e pode ser integrado a vários CMS populares, incluindo Concrete CMS.
Concrete CMS fornece fácil integração multilíngue, permitindo que os administradores adicionem recursos de troca de idioma aos seus sites rapidamente. Ao utilizar Concrete CMS’s recursos avançados e interface amigável, você pode simplificar a configuração e manutenção de um alternador de idioma em sua plataforma. Aqui estão as etapas para instalar Linguise tradução automática em Concrete CMS e configurar o alternador de idioma.
#1 Registrar domínio Concrete CMS
Comece criando uma conta Linguise gratuita e adicionando o domínio do seu site. Você pode usar um teste gratuito de 30 dias antes de decidir sobre uma assinatura.
Em seguida, você precisará autorizar seu domínio para tradução. Copie o nome do seu domínio, incluindo “https://”, e selecione “Concrete CMS” como sua plataforma. Escolha o idioma de origem e os idiomas de destino para a configuração de tradução automática dentro do Concrete CMS.
#2: Enviar e conectar o script Linguise
Você deve carregar o script de tradução Linguise no servidor onde Concrete CMS está instalado. Baixe o script do link fornecido, descompacte-o e coloque a pasta no diretório raiz da sua instalação Concrete CMS . Certifique-se de que a pasta seja nomeada “linguise.”
Em seguida, insira a chave da API no arquivo Configuration.php no seu servidor. Abra o arquivo e substitua “REPLACE_BY_YOUR_TOKEN” pela sua chave de API, colocando-a entre aspas simples.
#3: Configurar a reescrita de URL do Concrete CMS
No Concrete CMS, a reescrita de URL geralmente é habilitada por padrão. Se não, você pode habilitá-la por meio do seu provedor de hospedagem. Atualize o arquivo .htaccess adicionando código específico após a linha “RewriteEngine on”. Isso configurará URLs específicas para o idioma.
<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)(?:$|/)(.*)$ /concretee/linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME}/index.html !-f
RewriteCond %{REQUEST_FILENAME}/index.php !-f
RewriteRule . /concretee/index.php [L]
</IfModule>
#4: Ative e personalize o alternador de idioma
O link do script JS Linguise deve ser carregado em todas as suas páginas Concrete CMS para exibir o alternador de idioma com bandeiras e URLs alternadas (crucial para SEO). Você pode encontrar o link do script nas configurações de domínio no seu painel Linguise .
Para carregar o script no Concrete CMS, insira o código no arquivo header.php ou dentro da seção <head> do seu site através do painel de administração, navegando até Sistema & Configurações > SEO & Estatísticas.
Em seguida, adicione-o em Códigos de Rastreamento.
Por padrão, o seletor aparece no canto superior direito.
However, your dashboard can customise its appearance using the “Language flags display” feature.
#5: Configurar a exibição principal
To start setting up the language switcher, navigate to the “Settings” > “Language Flags Display” section in the Linguise dashboard. Here, you can adjust several settings.
- Estilo do ícone da bandeira: Escolha entre três estilos de exibição: lado a lado, menu suspenso ou popup.
- Posição: Selecione a localização do alternador de idioma no seu site, garantindo que seja facilmente acessível aos visitantes.
#6: Personalizar o design da bandeira
Depois de configurar a exibição principal, você pode personalizar o design das bandeiras de idioma.
- Exibir nome do idioma: Decida se deseja exibir o nome com base no país ou no idioma, como “Francês” ou “Français.”
- Tipo de bandeira inglesa: Esta opção permite diferenciar entre variações do inglês americano ou britânico e se aplica de forma semelhante ao espanhol, português ou alemão.
- Estilo da bandeira: Selecione a forma do ícone da bandeira, seja redondo ou retangular.
#7: Ajustar cor e tamanho
Em seguida, você pode personalizar a cor e o tamanho das bandeiras.
- Raio da borda da bandeira: Defina o raio em pixels para as bandeiras retangulares.
- Cor do nome do idioma: Escolha a cor do texto padrão para exibir os nomes dos idiomas.
- Cor do idioma no popup: Especifique a cor do texto para os títulos de idioma no popup ou menu suspenso.
- Tamanho da bandeira: Ajuste o tamanho dos ícones de bandeira.
- Cor do nome do idioma ao passar o mouse: Definir a cor do nome do idioma ao passar o mouse.
- Cor do título da linguagem no popup: Defina a cor do título da linguagem no popup ou menu suspenso.
#8: Adicionar uma sombra à caixa da bandeira
: Por fim, você pode personalizar as configurações de sombra da caixa da bandeira.
- A primeira opção adiciona um efeito de sombra às ícones de bandeira exibidas no seu site.
- A segunda opção controla o efeito de sombra quando os usuários passam o mouse sobre as bandeiras de idioma.
Uma vez satisfeito com as configurações, clique “Salvar” para aplicar as alterações. Visite seu site Concrete CMS para confirmar que o alternador de idioma está funcionando conforme o esperado e para visualizar sua aparência.
Você também pode traduzir o site para idiomas adicionais, como alemão.
Melhores práticas para otimizar o alternador de idioma no Concrete CMS
Otimizar o seletor de idioma no Concrete CMS melhora a experiência do usuário em um ambiente multilíngue. Abaixo estão dicas importantes para melhorar o seletor de idioma em sua plataforma.
Usando nomes de idiomas e bandeiras
Combinar nomes de idiomas com ícones de bandeira é uma maneira eficaz de tornar o seletor de idioma mais amigável. Essa abordagem oferece duas pistas visuais, ajudando os usuários a identificar e selecionar rapidamente seu idioma de escolha. O nome do idioma fornece clareza, enquanto a bandeira oferece uma referência visual, facilitando a escolha dos usuários, especialmente quando um idioma é usado em vários países com bandeiras diferentes.
Por exemplo, se o seu site Concrete CMS atende a um público global de comércio eletrônico, combinando “🇺🇸 Inglês,” “🇫🇷 Francês,” e “🇩🇪 Alemão” no seletor de idioma, pode facilitar para os usuários localizarem rapidamente seu idioma preferido, melhorando sua experiência de compra e ajudando-os a navegar pelo site sem esforço.
Ícones de bandeira reconhecíveis
É essencial usar ícones de bandeira claros e de alta qualidade que sejam facilmente reconhecíveis, mesmo em tamanhos menores. Esses ícones ajudam os usuários a identificar seu idioma rapidamente sem precisar ler o texto. Ao escolher ícones culturalmente sensíveis que representam idiomas em vez de países, é importante optar por símbolos neutros para idiomas amplamente falados, como o árabe, em vez de selecionar uma bandeira nacional.
Por exemplo, uma plataforma Concrete CMS projetada para uma agência de viagens global pode usar a bandeira espanhola para espanhol, a bandeira canadense para francês e um ícone de globo para idiomas amplamente falados como inglês. Isso garante que os ícones sejam claros e intuitivos, facilitando que os usuários selecionem seu idioma preferido ao explorar pacotes de viagem.
Seletor de idioma estrategicamente
O seletor de idioma deve ser colocado onde seja facilmente visível e acessível aos usuários sem sobrecarregar a interface. As opções comuns de posicionamento incluem o cabeçalho, rodapé ou menu de navegação principal do site. A consistência na colocação em todas as páginas é crucial para que os usuários possam encontrá-lo em qualquer lugar do site.
Por exemplo, um site Concrete CMS pode posicionar o alternador no canto superior direito do cabeçalho, garantindo que ele permaneça visível enquanto os usuários rolam pelas páginas. Para dispositivos móveis, integrá-lo ao menu hambúrguer mantém a acessibilidade e economiza espaço.
Manter consistência em todas as páginas
It is important to maintain consistency in appearance and functionality. The language switcher should operate the same way on every page, and when users switch languages, they should remain on the same page with content translated into the new language. This improves user workflow and makes navigation more intuitive.
Por exemplo, um seletor de idioma suspenso aparece consistentemente nas páginas iniciais, páginas de contato e outras. Isso permitiria que os usuários mudassem de idioma perfeitamente sem perder seu lugar no material.
Conclusão
Configurando um alternador de idioma e implementando tradução automática no Concrete CMS site pode fornecer uma experiência multilíngue perfeita para seus usuários. Seguindo as etapas descritas neste guia, você pode integrar um alternador de idioma e personalizá-lo para atender às necessidades do seu site.
Otimizar efetivamente o seletor de idioma irá melhorar a experiência do usuário e o engajamento. Para começar, cadastre-se para uma Linguise conta, integre-a com o seu Concrete CMS site, e configure o seletor de idioma de acordo com suas preferências. Isso garante que os visitantes possam navegar facilmente pela sua plataforma em seu idioma preferido.
