GTranslate no WordPress (Divi): Guia Completo

out 27, 2025 | Dicas Digitais

pt en

GTranslate no WordPress (Divi): Guia Completo

Se você precisa oferecer versões multilíngues do seu site em poucos minutos, o plugin GTranslate é uma das soluções mais rápidas e simples de usar no WordPress. Ele funciona perfeitamente com o Divi, permite exibir bandeirinhas ou menus de idioma em qualquer lugar e tem uma versão gratuita bem útil. Neste guia, vou mostrar como usar os principais recursos, seus benefícios e algumas dicas para evitar armadilhas.

 

Este artigo não é patrocinado nem contém links de afiliado. O GTranslate não possui programa de parceria — compartilho aqui apenas uma solução que considero útil e fácil de aplicar no WordPress, especialmente com o Divi.

Benefícios da versão free/grátis

O que você ganha sem pagar

  • Instalação rápida: basta ativar o plugin, selecionar os idiomas e ele já começa a funcionar.
  • Tradução automática: todo o conteúdo é traduzido em segundos usando a API do Google.
  • Flags e dropdowns: você pode mostrar as bandeiras dos idiomas ou uma lista suspensa no menu.
  • Compatibilidade com Divi: os shortcodes podem ser usados em qualquer Code Module.
  • Leveza: não cria cópias das páginas nem sobrecarrega o banco de dados.

Vantagens da versão paga:

  • Indexação nos mecanismos de busca

  • URLs amigáveis para SEO (SEF URLs)

  • Traduções neurais de nível humano

  • Edição manual das traduções

  • Serviço de pós-edição automática e traduções profissionais

  • Tradução de metadados (palavras-chave, descrição da página, etc.)

  • Tradução de URLs e slugs

  • Hospedagem por idioma (domínios personalizados como example.fr, example.es)

  • Atualizações contínuas e automáticas

  • Aumento do tráfego internacional e da receita do AdSense

  • Funciona na China

  • Suporte prioritário via chat ao vivo

SEO: o que a versão free não faz

A versão gratuita funciona apenas via JavaScript, então não cria páginas separadas por idioma. O Google e outros buscadores enxergam apenas a versão original. Para SEO multilíngue real (cada idioma indexado com sua URL própria), é necessário contratar o plano pago.

Limitação: editar palavras ou frases específicas

O que a versão free não faz

Uma das limitações mais conhecidas é que o plugin GTranslate gratuito não permite editar a tradução de uma palavra ou frase. Isso significa que, se uma marca ou um termo técnico sair errado, você não consegue corrigir pelo painel.

Como contornar com HTML

Existe um truque simples: usar a classe notranslate para proteger textos que não devem ser traduzidos. Veja exemplos:

Proteger uma palavra:

<span class="notranslate">Divi Builder</span>

Proteger uma frase inteira:

<div class="notranslate">CTA: Get a Free Quote</div>

Assim, você garante que nomes próprios, botões de CTA e termos técnicos não sejam alterados automaticamente.

Como exibir bandeirinhas onde você quiser (usando o widget ou shortcode)

O plugin Gtranslate oferece um painel onde você pode configurar as cores que melhor combinam com seu projeto ou usar shortcodes para posicionar o dropdown widget ou ícones soltos em qualquer área do site.

Depois de configurar os shortcodes e ajustar o estilo, o resultado no front-end do site fica assim:

 

Bandeirinhas no dropdown widget:

Bandeirinhas soltas:

Para indicar o idioma desejado quando usar o shortcode,  basta substituir o código de duas letras referente ao país ou idioma. Por exemplo, no meu blog eu uso "pt" para português e "en" para inglês. O widget do plugin GTranslate exibe automaticamente uma lista de países, facilitando a escolha correta de cada idioma.

Usabilidade e design no Divi:

 

Onde colocar as bandeiras

 

  • No Header ou Footer via Theme Builder.
  • Dentro de posts/páginas em qualquer lugar via Code Module.
  • Evite usar Text Module (pode forçar as flags para a vertical). Prefira o Code Module

Problema comum: bandeiras em coluna

  1. Verifique se todos os shortcodes estão na mesma linha.
  2. Use
    <div class="lang-flags">...</div>

    no Code Module.

  3. Adicione o CSS mínimo
    .lang-flags { display:inline-flex; }

Mudança automática para o idioma do navegador (Auto Switch to Browser Language)

O que é

Esse recurso detecta o idioma configurado no navegador do visitante e mostra o site automaticamente traduzido para essa língua.

 

Quando ativar

  • Se o público é majoritariamente internacional (por exemplo, seu site está em português mas a maior parte do tráfego vem dos EUA).
  • Em lojas virtuais ou landing pages globais, onde conveniência é mais importante que manter a versão original.

    Quando evitar

    • Se o público é bilíngue ou local, podendo preferir o idioma original.
    • Se você deseja que a página principal sempre seja exibida em português por padrão.

    Onde ativar

    1. Entre no painel WordPress.
    2. Vá em Settings > GTranslate.
    3. Ative a opção Auto switch to browser language.
    4. Salve as alterações.

    Passo a passo rápido

      1. Instale o plugin GTranslate.
      2. Escolha os idiomas em Settings > GTranslate.
      3. Adicione os shortcodes em um Code Module no Divi.
      4. Opcional: ative Auto switch to browser language se for adequado ao seu público.

    Use <div class="notranslate">...</div> para proteger trechos maiores.

     

    Boas práticas

    • Use notranslate em termos técnicos, nomes de marca e CTAs.
    • Revise páginas estratégicas (home, serviços, checkout) para evitar traduções incorretas.
    • Se o projeto precisar de SEO internacional, compare o plugin GTranslate Pro com alternativas como Polylang ou WPML.

    FAQ rápido

    Como mudo o espaçamento entre bandeiras?

    No CSS embutido, ajuste o valor de gap. Ex.: gap: 12px;.

    Posso ter versões diferentes para desktop e mobile?

    Sim. No Divi, basta duplicar a Section ou o Module e usar Advanced > Visibility para controlar onde cada versão aparece.

    Como impedir que o plugin traduza um parágrafo?

    Use <div class="notranslate">...</div> para proteger trechos maiores.

     Conclusão

    O plugin GTranslate é uma ferramenta prática para quem quer oferecer acesso rápido ao conteúdo em outros idiomas sem complicação. A versão gratuita resolve para quem só precisa de leitura básica em vários idiomas, enquanto a versão Pro é indicada para sites que dependem de SEO e presença internacional. Teste as opções no Divi, use shortcodes para personalizar a posição das bandeirinhas e não esqueça de revisar páginas estratégicas para garantir que a experiência do visitante seja a melhor possível.

    "Aprendendo. Compartilhando. Criando.".

    Veruska Schäfer

    Continua comigo? Olha o que mais tem por aqui ...

    0
    Adoraria saber sua opinião, comente.x
    Protected by CleanTalk Anti-Spam