### [Como Alterar o Indicador de Campo Obrigatório](https://wpforms.com/developers/how-to-change-the-required-field-indicator/)
**Publicado:** 15 de dezembro de 2020
**Autor:** Equipe Editorial
**Resumo:** Este tutorial mostrará como usar um trecho de PHP para alterar o indicador de campo obrigatório de um asterisco para apenas texto.
**Conteúdo:**
Deseja alterar o indicador de campo obrigatório no seu WPForms? Se você gostaria de usar uma string de texto diferente ou até mesmo um símbolo, pode fazer isso facilmente com PHP. Este artigo mostrará como usar PHP para alterar este texto para os campos obrigatórios do seu formulário.
Quando um campo é marcado como obrigatório no WPForms, por padrão, um asterisco vermelho será exibido no final do rótulo do campo, como você pode ver nesta captura de tela abaixo.
## Criação do seu formulário
Para começar, vamos criar um novo formulário e adicionar os campos do nosso formulário. Pelo menos um desses campos precisará ser definido como um campo obrigatório.
Se precisar de ajuda para criar um formulário, [revise esta documentação](https://wpforms.com/docs/creating-first-form/ "Como Criar Seu Primeiro Formulário").
## Personalizando o Indicador de Campo Obrigatório
Em seguida, adicionaremos este trecho ao nosso site.
Se precisar de ajuda para adicionar trechos ao seu site, [consulte este tutorial.](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Como Adicionar PHP ou JavaScript Personalizado para WPForms")
```
/**
* Modificar o indicador de campo obrigatório
*
* @link https://wpforms.com/developers/how-to-change-required-field-indicator/
*/
function wpf_dev_required_indicator( $text ) {
return ' ' . __( '(Obrigatório)', 'wpforms' ) . '';
}
add_filter( 'wpforms_get_field_required_label', 'wpf_dev_required_indicator', 10, 1 );
```
Você apenas alterará o texto **(Obrigatório)** para corresponder ao texto que deseja exibir.
E é isso! Você alterou com sucesso a aparência dos seus campos obrigatórios! Gostaria de estilizar o texto de espaço reservado nos campos do seu formulário? Dê uma olhada em nosso artigo sobre [Como Estilizar o Texto de Espaço Reservado para Campos de Formulário](https://wpforms.com/developers/style-placeholder-text-for-form-fields/ "Como Estilizar o Texto de Espaço Reservado para Campos de Formulário").
## Filtro de Referência
[wpforms\_get\_field\_required\_label](https://wpforms.com/developers/wpforms_get_field_required_label/ "Usando o filtro wpforms_get_field_required_label")
## FAQ
#### P: Como faço apenas para alterar a cor do símbolo de asterisco?
**R:** Para fazer isso, basta adicionar este CSS ao seu site.
Se precisar de ajuda para adicionar CSS ao seu site, [consulte este tutorial.](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "Como Adicionar Estilos CSS Personalizados para WPForms")
```css
.wpforms-form .wpforms-required-label {
color: #1e73be !important;
}
```
Lembre-se apenas de alterar o **\#1e73be** para corresponder à sua própria escolha de cor.
#### P: Por que o trecho não está funcionando para mim?
**R:** Se você limpou o cache do seu site e ainda não está vendo nenhuma alteração, tente alterar a prioridade da sua função. Em um trecho de código, prioridade refere-se à ordem em que as tarefas ou linhas de código precisam ser executadas. Assim como em uma lista de tarefas, algumas tarefas são mais importantes e devem ser feitas antes de outras. Portanto, neste trecho em particular, nossa prioridade é definida como `10`. Se você notar que a alteração não está tendo efeito, tente alterar esse número para um número maior para ver se isso ajuda.
Neste exemplo, estamos definindo o número de prioridade como `20`.
```php
/**
* Modificar o indicador de campo obrigatório
*
* @link https://wpforms.com/developers/how-to-change-required-field-indicator/
*/
function wpf_dev_required_indicator( $text ) {
return ' ' . __( '(Obrigatório)', 'wpforms' ) . '';
}
add_filter( 'wpforms_get_field_required_label', 'wpf_dev_required_indicator', 20, 1 );
```
**Categorias:** Tutoriais, Extensão
**Tags:** CSS, PHP
---