Como Traduzir Formulários de Contacto WordPress (Passo a Passo)

Quer traduzir os seus formulários de contacto do WordPress para outra língua?

As traduções são muito importantes se o seu site serve pessoas de diferentes regiões do mundo onde o inglês pode não ser a sua primeira língua.

A boa notícia é que gerir traduções é muito fácil no WordPress. Lembre-se, não está apenas a traduzir palavras; está também a abrir portas a um público mais vasto. 🌐

Neste artigo, vamos mostrar-lhe como traduzir os seus formulários de contacto do WordPress.

Crie o seu formulário WordPress agora

Como Traduzir os Seus Formulários de Contacto do WordPress

Passo 1: Criar um Formulário de Contacto Simples

Com o WPForms instalado e ativado no seu site, pode prosseguir e começar a criar um formulário para traduzir.

Abra o seu menu de administração do WordPress e vá para WPForms » Adicionar Novo.

Assim que o fizer, será levado para o ecrã de configuração do formulário. Comece por dar um título ao seu formulário.

Depois disso, navegue até à secção de modelos e selecione um entre mais de 2.100+ modelos de formulários WordPress. Selecionaremos o modelo de Formulário de Contacto Simples para os propósitos deste tutorial.

Assim que premir Usar Modelo, o modelo de formulário começará a carregar dentro do construtor de formulários.

Pode adicionar campos adicionais ao seu formulário de contacto arrastando-os do painel esquerdo para o painel direito.

Certifique-se de que pressiona o botão Guardar para guardar as alterações que fez ao seu formulário até este ponto.

Passo 2: Traduzir os Campos do Seu Formulário

Traduzir os campos do seu formulário de contacto é muito fácil de fazer no WPForms, e existem algumas formas de o fazer.

Tradução Automática

A forma mais rápida de traduzir os campos do seu formulário para qualquer idioma é usar o plugin Universally.

Universally é um plugin de tradução com tecnologia de IA que pode traduzir instantaneamente o conteúdo do seu site para mais de 110 idiomas, bastando clicar num botão de seletor de idioma.

Funciona com todo o tipo de conteúdo num site WordPress, incluindo formulários criados com WPForms. Além disso, pode começar a usar o Universally gratuitamente.

O plano gratuito traduz até 2.000 palavras para um idioma num único site, e pode fazer um upgrade para um plano pago mais tarde, se precisar de mais idiomas ou de mais palavras traduzidas.

Para começar, aceda ao site do Universally e clique no botão ‘Começar Gratuitamente’ para se inscrever numa conta.

Após a inscrição, será direcionado para o seu painel do Universally, onde poderá configurar o seu primeiro projeto de tradução.

No seu painel, localize e clique no botão ‘Adicionar Projeto’. Isto abrirá um formulário curto onde irá configurar o seu site no Universally.

Comece por introduzir o domínio do seu site. Em seguida, dê um nome ao seu projeto para que o possa reconhecer facilmente mais tarde.

Depois, selecione o idioma de origem em que o seu conteúdo está escrito e escolha WordPress como a sua plataforma. Assim que tudo estiver preenchido, clique em ‘Seguinte’.

Após a criação do seu projeto, será direcionado para um ecrã de configuração onde poderá ligar tudo ao WordPress em apenas alguns cliques.

Comece por clicar no botão ‘Instalar Plugin’. Uma nova janela abrirá automaticamente, onde simplesmente clicará em ‘Instalar’ e depois em ‘Ativar’ para adicionar o plugin Universally ao seu site WordPress.

Em seguida, clique no botão ‘Ativar’ para ligar a sua chave de API. Outra janela abrirá e ligará o seu site ao Universally por si.

Basta clicar no botão ‘Confirmar e ligar’, e a janela fechar-se-á sozinha.

Com o seu site ligado, pode agora clicar no botão ‘Adicionar Idiomas’ para escolher para que idioma pretende traduzir o seu formulário.

Isto irá levá-lo para uma nova página e apresentar uma lista pendente de mais de 110 idiomas, por isso avance e escolha o que deseja.

Para este tutorial, selecionaremos Espanhol.

Pode adicionar quantos idiomas o seu plano permitir, depois clique em ‘Adicionar Idioma’ para guardar as suas escolhas.

O Universally começará a traduzir o seu site imediatamente, incluindo o formulário de contacto que criou com o WPForms.

Agora, avance e visite a página onde publicou o seu formulário. O Universally adiciona automaticamente um seletor de idioma no canto inferior do seu site, por isso basta clicar nele e escolher Espanhol.

Como pode ver, o Universally traduzirá o rótulo do seu campo de formulário, o texto do botão e os subrótulos no idioma desejado.

No entanto, nenhum plugin de tradução pode traduzir automaticamente validações e mensagens de erro no WPForms.

Portanto, terá de traduzir as mensagens de validação manualmente, como mostrado no passo 3.

Além disso, tenha em atenção que o plano gratuito do Universally está limitado a 2.000 palavras traduzidas. Se precisar de traduzir mais palavras do que isso, terá de adquirir um plano pago, que começa em $7,50 por mês.

Se esta não for a melhor opção para si, mostrar-lhe-emos como traduzir os seus formulários de contacto gratuitamente e manualmente.

Traduções Manuais de Formulários

É muito fácil traduzir os seus formulários manualmente no WPForms. Para alterar os rótulos de qualquer campo do formulário, tudo o que tem de fazer é clicar no campo do formulário no editor de formulários e substituir o rótulo predefinido pelo idioma para o qual deseja traduzir o seu formulário.

Se precisar de ajuda com a tradução, pode usar ferramentas de tradução online como o Google Translate para o ajudar.

Após traduzir os rótulos do seu formulário, precisa de fazer algo em relação aos sub-rótulos do Nome (os rótulos por baixo dos campos do formulário como "Primeiro" e "Último"). Embora não possa editar os sub-rótulos do Nome no WPForms, existe uma forma de contornar isto.

Clique num campo cujo sub-rótulo pretende alterar para aceder às suas Opções de Campo no painel esquerdo. Em seguida, clique no separador Avançadas.

Embora não possamos traduzir sub-rótulos, ainda podemos usar marcadores de posição personalizados em vez de sub-rótulos.

Insira as suas traduções nos campos de marcador de posição.

Em seguida, desloque-se para baixo e clique no botão de alternância Ocultar Sub-rótulos.

Deverá também traduzir o texto do botão Enviar e o nome do formulário (se originalmente usou um nome em inglês para o seu formulário).

Para o fazer, vá a Definições » Geral dentro do construtor de formulários.

No painel direito, basta introduzir a sua tradução na caixa de texto Nome do Formulário.

Desloque-se para baixo e repita os mesmos passos para as caixas de texto Texto do Botão Enviar e Processamento do Botão Enviar.

Excelente! Traduziu agora todos os rótulos e texto dentro do seu formulário. Prossiga e prima Guardar e avance para o próximo passo.

Passo 3: Traduzir as Mensagens de Validação do Seu Formulário

Uma mensagem de validação é um texto que aparece quando um campo obrigatório do formulário é deixado em branco, ou quando alguém insere dados incorretos num campo do formulário.

Para traduzir as mensagens de validação do seu formulário de contacto, saia do seu construtor de formulários e navegue até WPForms » Definições no seu painel WordPress. Em seguida, clique no separador Validação.

A partir daí, tudo o que precisa de fazer é alterar as mensagens de validação atuais (em inglês por defeito) para o idioma para o qual está a traduzir os seus formulários de contacto.

Quando terminar, prima Guardar Definições.

Agora, se for verificar o seu formulário inserindo entradas incorretas ou omitindo um campo obrigatório, verá as mensagens de validação traduzidas a aparecer.

E pronto! Agora sabe como traduzir os seus formulários de contacto WordPress.

Embora os passos acima devam ser suficientes para a maioria dos sites, existem certos casos especiais em que pode precisar de usar algum código PHP para traduzir certos campos especiais.

Mostraremos alguns destes na próxima secção para que possa simplesmente copiar e colar trechos de código, mesmo que nunca tenha usado nenhum código antes.

Bónus: Opções Avançadas de Tradução

Antes de entrarmos nos detalhes de diferentes cenários especiais, vamos primeiro explicar como pode inserir trechos de código personalizados no seu site WordPress da forma mais fácil possível.

Para fazer isto, precisará de um plugin chamado WPCode. Instale este plugin no seu site.

Após instalar o plugin, passe o cursor sobre Code Snippets na barra lateral de administração do WP e clique em Adicionar Snippet.

Em seguida, prima o botão Usar Snippet em Adicionar o Seu Código Personalizado (Novo Snippet)

Isto abrirá a janela do editor de código.

No topo, pode dar um nome ao seu snippet para o ajudar a referenciá-lo mais tarde. No meio, tem o editor de código, onde pode escrever o seu próprio código ou copiar e colar de outra fonte.

No canto superior direito, pode selecionar o tipo de código dependendo da natureza do seu código. Para estes cenários, usaremos códigos PHP, por isso selecione PHP Snippet no menu suspenso.

Excelente. Agora, vamos analisar alguns cenários comuns em que pode precisar de usar código PHP para traduzir certas partes do seu formulário.

Traduzir Mensagens de Validação para Múltiplos Idiomas

Vamos considerar um site que tem formulários em diferentes idiomas no mesmo site. Embora possa alterar facilmente os rótulos manualmente ou com o plugin Universally, como mostrámos acima, as mensagens de validação não podem ser alteradas para formulários individuais com estes métodos.

Para alterar as mensagens de validação com base no idioma específico selecionado por um utilizador no seu site, precisará de inserir um trecho de código PHP.

Criámos um trecho de código que traduz as suas mensagens de validação de formulário para espanhol ou francês com base no idioma selecionado pelo utilizador.

Siga os passos que mostrámos acima para adicionar um novo snippet usando o WPCode e, em seguida, insira o seguinte snippet no editor de código:

Selecione o método de inserção de código (inserção automática, executar em todo o lado).

Em seguida, volte ao topo e prima o botão de alternância para definir o seu snippet de código como Ativo. Clique no botão Guardar Snippet.

Parabéns! Os seus formulários exibirão agora mensagens de validação no idioma selecionado.

Se pretender adicionar traduções para outros idiomas, necessitará do código de idioma ICL para esse idioma (é 'es' para espanhol e 'fr' para francês). Basta adicionar uma linha de código que comece com:

case '[insira o seu código de idioma]':

Em seguida, utilize os mesmos blocos de código que aparecem no nosso código de exemplo acima, logo após a linha do case.

Adicione as traduções para cada mensagem de validação à direita do sinal de igual dentro de parênteses retos, como abaixo (o tipo específico da mensagem de validação é indicado pelas barras duplas inclinadas):

//número válido
$strings[ 'val_number' ] = '[Insira a sua tradução]'

E repita para cada linha de código.

Testámos este código para os plugins WPML e Polylang. A compatibilidade com outros plugins de tradução de idiomas não é garantida.

Tradução de Subetiquetas do Campo de Confirmação de Email

Se estiver a usar o campo de Confirmação de Email, poderá querer traduzir a subetiqueta para outro idioma.

Como mostrado no exemplo anterior, pode fazer isto com algum código PHP personalizado inserido usando o WPCode.

Aqui está o código de que necessitará:

O texto traduzido para as subetiquetas precisa de ser inserido no lado direito dos sinais de igual nas funções $properties.

Por exemplo, é assim que terá de modificar o código acima para subetiquetas em espanhol para os campos de confirmação de email:

$properties[ 'inputs' ][ 'primary' ][ 'sublabel' ][ 'value' ] = __( 'Introduza o seu endereço de e-mail', 'plugin-domain' );
$properties[ 'inputs' ][ 'secondary' ][ 'sublabel' ][ 'value' ] = __( 'Para confirmar, reintroduza o seu endereço de e-mail aqui', 'plugin-domain' );

O código acima alterará a mensagem de validação para o campo de confirmação de email globalmente nos formulários do seu site. No entanto, também é possível alterá-la apenas para formulários individuais, modificando ligeiramente o código acima.

/**
 * Customize email field properties.
 *
 * @link https://wpforms.com/developers/how-to-change-sublabels-for-the-email-field/
 */

function wpf_dev_email_field_properties( $properties, $field, $form_data ) {

    // Only process this snippet on the form ID 123
    if ( absint( $form_data[ 'id' ] ) !== 123 ) {

        return $properties;
    } 

    // Change sublabel values
    $properties[ 'inputs' ][ 'primary' ][ 'sublabel' ][ 'value' ] = __( 'Enter Your Email', 'plugin-domain' );
    $properties[ 'inputs' ][ 'secondary' ][ 'sublabel' ][ 'value' ] = __( 'To confirm, re-enter your email address here', 'plugin-domain' );

    return $properties;

}

add_filter( 'wpforms_field_properties_email' , 'wpf_dev_email_field_properties', 10, 3 );

Na linha de código if ( absint( $form_data[ 'id' ] ) !== 123 ), simplesmente substitua "123" pelo ID real do formulário que lhe interessa.

Pode localizar o ID do formulário indo a WPForms » Todos os Formulários e olhando para o ID no shortcode do seu formulário desejado.

Outras Opções de Tradução

Se pretender traduzir outros campos específicos e validações associadas apenas a certos tipos de formulários, pode consultar a seguinte documentação para desenvolvedores:

• Tradução de mensagens de validação para o addon de Registo de Utilizador
• Como traduzir o campo de Upload de Ficheiros

Em seguida, Crie Formulários Acordeão

Um design de acordeão é uma forma fantástica de tornar um formulário longo mais fácil de preencher com secções recolhíveis. O nosso guia detalhado sobre criação de formulários de acordeão mostra-lhe todos os passos para criar um formulário de acordeão no WordPress.

Crie o seu formulário WordPress agora

Pronto para criar o seu formulário? Comece hoje com o plugin construtor de formulários WordPress mais fácil. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.

Se este artigo o ajudou, por favor siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.