Como alterar os subtítulos do campo Senha

Deseja personalizar os subrótulos associados aos seus campos de senha? Com apenas algumas linhas de código PHP, você pode adaptar facilmente esses rótulos para que se alinhem melhor aos seus requisitos.

Os campos de senha geralmente incluem subcampos abaixo deles, especialmente quando a opção Ativar confirmação de senha está ativada. Esse recurso garante que os usuários confirmem suas senhas digitando-as duas vezes. No entanto, os subtítulos padrão nem sempre correspondem perfeitamente à mensagem ou à marca desejada.

Por padrão, os subtítulos no campo Senha aparecem abaixo do campo de formulário

Neste tutorial, mostraremos a você como usar o PHP para alterar o texto desses subtítulos.

Criando o formulário

Primeiro, começaremos criando nosso formulário e adicionando nossos campos de formulário. Também adicionaremos o campo de formulário Password e habilitaremos a opção Enable Password Confirmataion.

adicione o campo Password e clique em Enable Password Confirmation (Ativar confirmação de senha)

Se precisar de ajuda para criar seu formulário, consulte esta documentação.

Alterar as subcamadas de senha

Para alterar o texto que aparece abaixo do campo de formulário Password, precisamos adicionar este snippet ao nosso site.

Se precisar de ajuda sobre como adicionar snippets ao seu site, consulte este tutorial.

/**
 * Change the sublabels for the Password field.
 *
 * @link https://wpforms.com/developers/how-to-change-the-password-field-sublabels/
 */

function wpf_dev_password_field_properties( $properties, $field, $form_data ) {
      
    // Change sublabel values on the primary password field
    $properties[ 'inputs' ][ 'primary' ][ 'sublabel' ][ 'value' ] = __( 'Please enter a password that you will use to sign on to your account.', 'your-text-domain' );
	
	// Change the sublabel values on the secondary password field
    $properties[ 'inputs' ][ 'secondary' ][ 'sublabel' ][ 'value' ] = __( 'Please re-enter that password again just for confirmation.', 'your-text-domain' );
  
    return $properties;
}
add_filter( 'wpforms_field_properties_password' , 'wpf_dev_password_field_properties', 10, 3 );

Sub-rótulos do campo de senha após o snippet de código ter sido adicionado ao seu site

E isso é tudo o que você precisa para alterar os subtítulos. Gostaria de fazer login automaticamente nos usuários depois que eles concluírem o processo de registro? Dê uma olhada no nosso tutorial sobre Como fazer o login automático de usuários após o registro.

Filtro de referência

wpforms_field_properties

PERGUNTAS FREQUENTES

P: Posso alterá-los para apenas um formulário?

R: Com certeza, se você quiser alterar esses subtítulos apenas para um formulário específico, use esse snippet e lembre-se de atualizar o ID do formulário 123 para corresponder ao seu próprio ID do formulário. Se precisar de ajuda para encontrar o ID do formulário, consulte este guia útil.

/**
 * Change the sublabels for the Password field.
 *
 * @link https://wpforms.com/developers/how-to-change-the-password-field-sublabels/
 */

function wpf_dev_password_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 on the primary password field
    $properties[ 'inputs' ][ 'primary' ][ 'sublabel' ][ 'value' ] = __( 'Please enter a password that you will use to sign on to your account.', 'your-text-domain' );
	
	// Change the sublabel values on the secondary password field
    $properties[ 'inputs' ][ 'secondary' ][ 'sublabel' ][ 'value' ] = __( 'Please re-enter that password again just for confirmation.', 'your-text-domain' );
  
    return $properties;
}
add_filter( 'wpforms_field_properties_password' , 'wpf_dev_password_field_properties', 10, 3 );

Como você pode ver no snippet, tudo o que precisamos fazer é adicionar a verificação do ID do formulário com if ( absint( $form_data[ 'id' ] ) !== 123 ) { return $properties; } Se você não tiver um formulário, o restante do snippet permanecerá exatamente igual ao exemplo com todos os formulários.