### [Cómo cambiar el indicador de campo obligatorio](https://wpforms.com/developers/how-to-change-the-required-field-indicator/)
**Publicado:** 15 de diciembre de 2020
**Autor:** Equipo Editorial
**Extracto:** Este tutorial te mostrará cómo usar un fragmento de PHP para cambiar el indicador de campo obligatorio de un asterisco a solo texto.
**Contenido:**
¿Quieres cambiar el indicador de campo obligatorio en tu WPForms? Si deseas usar una cadena de texto diferente o incluso un símbolo, puedes hacerlo fácilmente con PHP. Este artículo te mostrará cómo usar PHP para cambiar este texto para los campos obligatorios de tu formulario.
Cuando un campo está marcado como obligatorio en WPForms, por defecto, se mostrará un asterisco rojo al final de la etiqueta del campo, como puedes ver en la siguiente captura de pantalla.
## Creación de tu formulario
Para empezar, vamos a crear un nuevo formulario y agregar nuestros campos. Al menos uno de estos campos deberá estar configurado como campo obligatorio.
Si necesitas ayuda para crear un formulario, [revisa esta documentación](https://wpforms.com/docs/creating-first-form/ "Cómo crear tu primer formulario").
## Personalización del indicador de campo obligatorio
A continuación, vamos a agregar este fragmento a nuestro sitio.
Si necesitas ayuda sobre cómo agregar fragmentos a tu sitio, [consulta este tutorial.](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Cómo agregar PHP o JavaScript personalizado para WPForms")
```
/**
* Modificar el indicador de campo obligatorio
*
* @link https://wpforms.com/developers/how-to-change-required-field-indicator/
*/
function wpf_dev_required_indicator( $text ) {
return ' ' . __( '(Obligatorio)', 'wpforms' ) . '';
}
add_filter( 'wpforms_get_field_required_label', 'wpf_dev_required_indicator', 10, 1 );
```
Simplemente cambiarás el texto **(Obligatorio)** para que coincida con el texto que deseas mostrar.
¡Y eso es todo! Has cambiado con éxito la apariencia de tus campos obligatorios. ¿Te gustaría dar estilo al texto de marcador de posición en los campos de tu formulario? Echa un vistazo a nuestro artículo sobre [Cómo dar estilo al texto de marcador de posición para los campos del formulario](https://wpforms.com/developers/style-placeholder-text-for-form-fields/ "Cómo dar estilo al texto de marcador de posición para los campos del formulario").
## Filtro de referencia
[wpforms\_get\_field\_required\_label](https://wpforms.com/developers/wpforms_get_field_required_label/ "Uso del filtro wpforms_get_field_required_label")
## Preguntas frecuentes
#### P: ¿Cómo cambio solo el color del símbolo del asterisco?
**R:** Para hacer esto, simplemente agrega este CSS a tu sitio.
Si necesitas ayuda sobre cómo agregar CSS a tu sitio, [consulta este tutorial.](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "Cómo agregar estilos CSS personalizados para WPForms")
```
.wpforms-form .wpforms-required-label {
color: #1e73be !important;
}
```
Solo recuerda cambiar el **\#1e73be** para que coincida con tu elección de color.
#### P: ¿Por qué no funciona el fragmento para mí?
**R:** Si has borrado la caché de tu sitio y sigues sin ver ningún cambio, intenta cambiar la prioridad de tu función. En un fragmento de código, la prioridad se refiere al orden en que las tareas o líneas de código deben ejecutarse. Al igual que en una lista de tareas pendientes, algunas tareas son más importantes y deben hacerse antes que otras. Por lo tanto, en este fragmento en particular, nuestra prioridad está establecida en `10`. Si notas que el cambio no se aplica, intenta cambiar ese número a un número mayor para ver si esto ayuda.
En este ejemplo, estamos estableciendo el número de prioridad en `20`.
```
/**
* Modificar el indicador de campo obligatorio
*
* @link https://wpforms.com/developers/how-to-change-required-field-indicator/
*/
function wpf_dev_required_indicator( $text ) {
return ' ' . __( '(Obligatorio)', 'wpforms' ) . '';
}
add_filter( 'wpforms_get_field_required_label', 'wpf_dev_required_indicator', 20, 1 );
```
**Categorías:** Tutoriales, Extensión
**Etiquetas:** CSS, PHP
---