Você tem um site criado com Concrete CMS e deseja adicionar um seletor de idioma? Configurar um seletor de idioma simplifica o processo para os usuários mudarem entre idiomas. Essa funcionalidade é especialmente útil para sites com uma base de usuários internacional, permitindo que os visitantes naveguem pela plataforma em seu idioma preferido.
Para configurar um seletor de idioma no 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 seletor 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 é traduzir o conteúdo e criar uma experiência mais personalizada para os visitantes do site. Isso fica 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 do recurso de mudança de idioma na plataforma multilíngue Concrete CMS , vamos discutir como implementá-lo. 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 é . oferece recursos de alternância de idioma fáceis de usar e pode ser integrado a vários CMS populares, incluindo
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 os recursos avançados e a interface amigável da Concrete CMS’s, 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 gratuita da Linguise 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 configuração de tradução automática dentro da Concrete CMS.
#2: Faça o upload e conecte o script Linguise
Você deve carregar o script de tradução Linguise para o servidor onde o Concrete CMS está instalado. Baixe o script a partir do link fornecido, descompacte-o e coloque a pasta no diretório raiz da sua instalação do Concrete CMS . Certifique-se de que a pasta seja nomeada “linguise.”
Em seguida, insira a chave da API Linguise no arquivo Configuration.php no seu servidor. Abra o arquivo e substitua “REPLACE_BY_YOUR_TOKEN” pela sua chave de API, colocando-a dentro das aspas simples.
#3: Configure a reescrita de URL do Concrete CMS
No Concrete CMS, a reescrita de URL geralmente é habilitada por padrão. Se não estiver, 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 por 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: Habilite e personalize o seletor de idioma
O link do script JS Linguise deve ser carregado em todas as suas páginas do 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 do 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 sob Códigos de Rastreamento.
Por padrão, o seletor aparece no canto superior direito.
No entanto, seu painel de controle pode personalizar sua aparência usando o recurso “Exibição de bandeiras de idioma”.
#5: Configurar a exibição principal
Para começar a configurar o seletor de idioma, navegue até a seção “Configurações” > “Exibição de Bandeiras de Idioma” no painel do Linguise. Aqui, você pode ajustar várias configurações.
- Estilo do ícone da bandeira: Escolha entre três estilos de exibição: lado a lado, menu suspenso ou pop-up.
- Posição: Selecione a localização do seletor 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 padrão do texto para exibir os nomes dos idiomas.
- Cor do idioma no pop-up: Especifique a cor do texto para os títulos de idiomas no pop-up ou menu suspenso.
- Tamanho da bandeira: Ajuste o tamanho dos ícones de bandeira.
- Cor do nome do idioma ao passar o mouse: Defina a cor do nome do idioma ao passar o mouse.
- Cor do título do idioma no popup ao passar o mouse: Defina a cor do título do idioma no popup ou dropdown ao passar o mouse.
#8: Adicionar sombra à caixa da bandeira
Por fim, você pode personalizar as configurações de sombra da caixa de bandeira.
- A primeira opção adiciona um efeito de sombra aos ícones de bandeira exibidos no 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 satisfeito com as configurações, clique “Salvar” para aplicar as alterações. Visite seu site Concrete CMS
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 alternador 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 alternador de idioma em sua plataforma.
Usando nomes de idiomas e bandeiras
Combinar nomes de idiomas com ícones de bandeiras é uma maneira eficaz de tornar o seu alternador de idiomas mais amigável. Essa abordagem oferece duas pistas visuais, ajudando os usuários a identificar e selecionar rapidamente o seu idioma de escolha. O nome do idioma fornece clareza, enquanto a bandeira oferece uma referência visual, tornando mais fácil para os usuários escolherem, 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, combinar “🇺🇸 English,” “🇫🇷 Français,” e “🇩🇪 Deutsch” no alternador de idiomas pode tornar mais fácil para os usuários localizarem rapidamente o seu idioma preferido, melhorando a 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. Quando necessário, é importante escolher ícones culturalmente sensíveis que representem idiomas em vez de países. Por exemplo, usar um símbolo neutro para um idioma amplamente falado, como o árabe, pode ser mais apropriado do que 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 o inglês. Isso garante que os ícones sejam claros e intuitivos, facilitando para os usuários selecionarem seu idioma preferido enquanto exploram pacotes de viagem.
Alternador de idioma estrategicamente
O alternador de idioma deve ser colocado onde seja facilmente visível e acessível aos usuários sem sobrecarregar a interface. Opções comuns de posicionamento incluem o cabeçalho do site, rodapé ou menu de navegação principal. A consistência no posicionamento 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 poderia 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
É importante manter a consistência na aparência e funcionalidade. O alternador de idioma deve funcionar da mesma maneira em todas as páginas e, quando os usuários mudam de idioma, eles devem permanecer na mesma página com o conteúdo traduzido para o novo idioma. Isso melhora o fluxo de trabalho do usuário e torna a navegação mais intuitiva.
Por exemplo, um seletor de idioma suspenso aparece de forma consistente em páginas iniciais, páginas de contato e outras. Isso permitiria que os usuários mudassem de idioma sem problemas e sem perder seu lugar no material.
Conclusão
Configurar um seletor de idioma e implementar tradução automática no Concrete CMS site pode proporcionar uma experiência multilíngue perfeita para os seus usuários. Seguindo as etapas descritas neste guia, você pode integrar um seletor 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 com base nas suas preferências. Isso garante que os visitantes possam navegar facilmente pela sua plataforma no idioma de sua preferência.
