Como traduzir os formulários de contato do WordPress (passo a passo)

Deseja traduzir seus formulários de contato do WordPress para outro idioma?

As traduções são realmente importantes se o seu site atender a pessoas de diferentes regiões do mundo, onde o inglês pode não ser o primeiro idioma.

A boa notícia é que lidar com traduções é muito fácil no WordPress. Lembre-se de que você não está apenas traduzindo palavras; também está abrindo portas para um público mais amplo. 🌐

Neste artigo, mostraremos como traduzir seus formulários de contato do WordPress.

Crie seu formulário WordPress agora

Como traduzir seus formulários de contato do WordPress

Etapa 1: Crie um formulário de contato simples

Com o WPForms instalado e ativado em seu site, você pode ir em frente e começar a criar um formulário para traduzir.

Abra o menu de administração do WordPress e vá para WPForms " Add New.

Depois de fazer isso, você será levado à tela de configuração do formulário. Comece dando um título ao seu formulário.

Depois disso, role para baixo até a seção de modelos e selecione um dos mais de 2.000 modelos de formulário do WordPress. Para os fins deste tutorial, selecionaremos o modelo Simple Contact Form.

Assim que você pressionar Usar modelo, o modelo de formulário começará a ser carregado dentro do construtor de formulários.

É possível adicionar outros campos ao formulário de contato arrastando-os do painel esquerdo para o painel direito.

Não se esqueça de pressionar o botão Save (Salvar ) para salvar as alterações feitas no formulário até este ponto.

Etapa 2: Traduza os campos de seu formulário

Traduzir os campos do seu formulário de contato é muito fácil de fazer no WPForms, e há algumas maneiras de fazer isso.

Tradução automática

A maneira mais rápida de traduzir seus campos de formulário para qualquer idioma é usar o plug-in Weglot.

O Weglot é um plug-in pago que pode traduzir instantaneamente o conteúdo do seu site para qualquer idioma, bastando clicar em um botão de alternância de idioma.

Ele funciona com todos os tipos de conteúdo em um site WordPress, incluindo formulários criados com o WPForms. Você pode instalar o Weglot usando as mesmas etapas que seguiu para instalar o WPForms.

Depois de instalar o plug-in, clique em Weglot na barra lateral do menu de administração do WordPress.

Agora você verá a tela de configurações do Weglot.

Para usar os serviços de tradução da Weglot, você precisa criar uma conta na Weglot e usar sua chave de API para conectar sua conta ao WordPress.

Clique no link Weglot em API para criar sua conta Weglot e obter sua chave de API.

Crie sua nova conta inserindo seu endereço de e-mail e senha.

A Weglot lhe enviará um e-mail de confirmação. Clique no link dentro do e-mail e você será redirecionado para o painel do Weglot, onde poderá copiar sua chave de API.

Agora, mude a guia do navegador de volta para a página de configurações do Weglot em seu site WordPress e cole sua chave de API.

Você também precisará selecionar o idioma original do seu site. Em seguida, selecione o(s) idioma(s) de destino, que são os idiomas para os quais você gostaria de traduzir seu conteúdo e formulários.

Em seguida, pressione o botão Save Changes (Salvar alterações ) na parte inferior.

O Weglot exibirá um modal confirmando que seu site agora é multilíngue.

Agora, visite a página em que acabou de publicar o formulário de contato e use as opções de idioma na parte inferior para traduzir o formulário para outro idioma.

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

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

Portanto, você precisará traduzir as mensagens de validação manualmente, conforme mostrado na etapa 3.

Além disso, lembre-se de que o Weglot é um plug-in pago com uma avaliação gratuita de 10 dias. Para continuar usando seus recursos de tradução após 10 dias, você precisará adquirir um plano pago.

Se essa não for a melhor opção para você, mostraremos como traduzir manualmente seus formulários de contato sem custo.

Traduções de formulários manuais

É muito fácil traduzir seus formulários manualmente no WPForms. Para alterar os rótulos de qualquer campo de formulário, basta clicar no campo de formulário no editor de formulários e substituir o rótulo padrão pelo idioma para o qual deseja traduzir o formulário.

Se precisar de ajuda para traduzir, você pode usar ferramentas de tradução on-line, como o Google Translate, para ajudá-lo.

Depois de traduzir os rótulos do formulário, você precisa fazer algo em relação aos subrótulos Name (os rótulos sob os campos do formulário, como "First" e "Last"). Embora você não possa editar os subtítulos Name no WPForms, há uma maneira de contornar isso.

Clique em um campo do qual deseja alterar o subrótulo para acessar suas Opções de campo no painel esquerdo. Em seguida, clique na guia Advanced (Avançado ).

Embora não seja possível traduzir os subtítulos, ainda podemos usar placeholders personalizados em vez de subtítulos.

Insira suas traduções nos campos de espaço reservado.

Em seguida, role para baixo até a parte inferior e clique no botão de alternância Hide Sublabels (Ocultar subtítulos ).

Você também deve traduzir o texto do botão Submit e o nome do formulário (caso tenha usado originalmente um nome em inglês para o formulário).

Para fazer isso, vá para Configurações " Geral no construtor de formulários.

No painel direito, basta digitar sua tradução na caixa de texto Form Name (Nome do formulário ).

Role para baixo até a parte inferior e repita as mesmas etapas para as caixas de texto Submit Button Text e Submit Button Processing.

Excelente! Agora você já traduziu todos os rótulos e textos do formulário. Pressione Save e passe para a próxima etapa.

Etapa 3: Traduza as mensagens de validação do seu formulário

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

Para traduzir as mensagens de validação do seu formulário de contato, saia do construtor de formulários e navegue até WPForms " Configurações no painel do WordPress. Em seguida, clique na guia Validação.

A partir daí, tudo o que você precisa fazer é alterar as mensagens de validação atuais (em inglês por padrão) para o idioma para o qual você está traduzindo seus formulários de contato.

Quando terminar, pressione Save Settings (Salvar configurações).

Agora, se você for verificar o formulário inserindo os dados errados ou ignorando um campo obrigatório, verá as mensagens de validação traduzidas.

E aí está! Agora você sabe como traduzir seus formulários de contato do WordPress.

Embora as etapas acima devam ser suficientes para a maioria dos sites, há alguns casos especiais em que você pode precisar usar algum código PHP para traduzir determinados campos especiais.

Mostraremos alguns deles na próxima seção para que você 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 você pode inserir trechos de código personalizados em seu site WordPress da maneira mais fácil possível.

Para fazer isso, você precisará de um plug-in chamado WPCode. Instale esse plug-in em seu site.

Depois de instalar o plug-in, passe o cursor do mouse sobre Code Snippets na barra lateral de administração do WP e clique em Add Snippet.

Em seguida, pressione o botão Use Snippet em Add Your Custom Code (New Snippet)

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

Na parte superior, você pode dar um nome ao seu snippet para ajudá-lo a fazer referência a ele posteriormente. Na parte central, há o editor de código, no qual você pode escrever seu próprio código ou copiá-lo e colá-lo de outra fonte.

No canto superior direito, você pode selecionar o tipo de código, dependendo da natureza do código. Para esses cenários, usaremos códigos PHP, portanto, selecione PHP Snippet no menu suspenso.

Excelente. Agora, analisaremos alguns cenários comuns em que você pode precisar usar código PHP para traduzir determinadas partes do formulário.

Tradução de mensagens de validação em vários idiomas

Vamos considerar um site que tenha formulários em diferentes idiomas no mesmo site. Embora você possa alterar facilmente os rótulos manualmente ou com o plug-in Weglot, como mostramos acima, as mensagens de validação não podem ser alteradas para formulários individuais com esses métodos.

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

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

Siga as etapas que mostramos 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 qualquer lugar).

Em seguida, role de volta para a parte superior e pressione o botão de alternância para definir seu snippet de código como Ativo. Clique no botão Save Snippet.

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

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

case '[insert your language code]':

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

Adicione as traduções de cada mensagem de validação à direita do sinal de igual, dentro de colchetes, conforme abaixo (o tipo específico de mensagem de validação é indicado pelas barras duplas):

//valid number
$strings[ 'val_number' ] = '[Enter your translation]'

E repita para cada linha de código.

Testamos esse código para os plug-ins WPML e Polylang. A compatibilidade com plug-ins de tradução de outros idiomas não é garantida.

Tradução de subtítulos de campos de confirmação de e-mail

Se estiver usando o campo Email Confirm, talvez queira traduzir o subrótulo para outro idioma.

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

Aqui está o código de que você precisará:

O texto traduzido para os subtítulos precisa ser inserido no lado direito dos sinais de igual nas funções $properties.

Por exemplo, veja como você precisará modificar o código acima para os subtítulos em espanhol dos campos de confirmação de e-mail:

$properties[ 'inputs' ][ 'primary' ][ 'sublabel' ][ 'value' ] = __( 'Introduce tu correo electrónico', 'plugin-domain' );
$properties[ 'inputs' ][ 'secondary' ][ 'sublabel' ][ 'value' ] = __( 'Para confirmar, vuelva a ingresar su dirección de correo electrónico aquí', 'plugin-domain' );

O código acima alterará a mensagem de validação do campo de confirmação de e-mail globalmente nos formulários de 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 )Se você estiver usando o formulário, basta substituir "123" pelo ID real do formulário em que está interessado.

Você pode localizar o ID do formulário acessando WPForms " All Forms e observando o ID no shortcode do formulário desejado.

Outras opções de tradução

Se você quiser traduzir alguns outros campos específicos e validações associadas apenas a determinados tipos de formulários, consulte os seguintes documentos de desenvolvimento:

• Tradução de mensagens de validação para o complemento Registro de usuário
• Como traduzir o campo Upload de arquivo

Em seguida, crie formulários de acordeão

Um design de acordeão é uma maneira fantástica de tornar um formulário longo mais fácil de preencher com seções dobráveis. Nosso guia detalhado sobre a criação de formulários de acordeão mostra todas as etapas para criar um formulário de acordeão no WordPress.

Crie seu formulário WordPress agora

Pronto para criar seu formulário? Comece hoje mesmo com o plug-in de criação de formulários mais fácil do WordPress. O WPForms Pro inclui vários modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

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