<html lang="it-it" dir="ltr"><head></head><body>### [Come cambiare l'indicatore del campo obbligatorio](https://wpforms.com/developers/how-to-change-the-required-field-indicator/)

**Pubblicato:** 15 dicembre 2020
**Autore:** Team editoriale

**Estratto:** Questo tutorial ti mostrerà come utilizzare uno snippet PHP per cambiare l'indicatore del campo obbligatorio da un asterisco a solo testo. 

**Contenuto:**

Vuoi cambiare l'indicatore del campo obbligatorio sul tuo WPForms? Se desideri utilizzare una stringa di testo diversa o anche un simbolo, puoi farlo facilmente con PHP. Questo articolo ti mostrerà come utilizzare PHP per cambiare questo testo per i campi obbligatori del tuo modulo.

Quando un campo è contrassegnato come obbligatorio in WPForms, per impostazione predefinita, verrà visualizzato un asterisco rosso alla fine dell'etichetta del campo, come puoi vedere in questo screenshot qui sotto.

![L'indicatore del campo obbligatorio è per impostazione predefinita un asterisco rosso](https://wpforms.com/wp-content/uploads/2020/12/wpforms-required-field-default.jpg)

## Creazione del tuo modulo

Per iniziare, creeremo un nuovo modulo e aggiungeremo i nostri campi modulo. Almeno uno di questi campi dovrà essere impostato come campo obbligatorio.

![crea il modulo con almeno un campo obbligatorio](https://wpforms.com/wp-content/uploads/2020/12/wpforms-required-field-form-builder.jpg)

Se hai bisogno di aiuto per creare un modulo, [rivedi questa documentazione](https://wpforms.com/docs/creating-first-form/ "Come creare il tuo primo modulo").

## Personalizzazione dell'indicatore del campo obbligatorio

Successivamente, aggiungeremo questo snippet al nostro sito.

Se hai bisogno di aiuto su come aggiungere snippet al tuo sito, [vedi questo tutorial.](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Come aggiungere PHP o JavaScript personalizzati per WPForms")

```

/**
 * Modifica l'indicatore del campo obbligatorio
 *
 * @link https://wpforms.com/developers/how-to-change-required-field-indicator/
 */

function wpf_dev_required_indicator( $text ) {

	return ' ' . __( '(Obbligatorio)', 'wpforms' ) . '';
}

add_filter( 'wpforms_get_field_required_label', 'wpf_dev_required_indicator', 10, 1 );
```

![Il campo obbligatorio ora mostra il testo anziché l'asterisco](https://wpforms.com/wp-content/uploads/2020/12/wpforms-changing-required-indicator.jpg)

Dovrai solo cambiare il testo **(Obbligatorio)** per corrispondere al testo che desideri visualizzare.

E questo è tutto! Hai cambiato con successo l'aspetto dei tuoi campi obbligatori! Vuoi stilizzare il testo segnaposto sui campi del tuo modulo? Dai un'occhiata al nostro articolo su [Come stilizzare il testo segnaposto per i campi del modulo](https://wpforms.com/developers/style-placeholder-text-for-form-fields/ "Come stilizzare il testo segnaposto per i campi del modulo").

## Filtro di riferimento

[wpforms\_get\_field\_required\_label](https://wpforms.com/developers/wpforms_get_field_required_label/ "Utilizzo del filtro wpforms_get_field_required_label")

## FAQ

#### D: Come faccio solo a cambiare il colore del simbolo dell'asterisco?

**R:** Per fare ciò, aggiungi semplicemente questo CSS al tuo sito.

Se hai bisogno di aiuto su come aggiungere CSS al tuo sito, [vedi questo tutorial.](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "Come aggiungere stili CSS personalizzati per WPForms")

```

.wpforms-form .wpforms-required-label {
    color: #1e73be !important;
}
```

Ricorda solo di cambiare **\#1e73be** per corrispondere alla tua scelta di colore.

#### D: Perché lo snippet non funziona per me?

**R:** Se hai svuotato la cache del tuo sito e non vedi ancora alcuna modifica, prova a cambiare la priorità della tua funzione. In uno snippet di codice, la priorità si riferisce all'ordine in cui i task o le righe di codice devono essere eseguiti. Proprio come in una lista di cose da fare, alcuni task sono più importanti e devono essere eseguiti prima di altri. Quindi, in questo particolare snippet, la nostra priorità è impostata su `10`. Se noti che la modifica non ha effetto, prova a cambiare quel numero con un numero più alto per vedere se questo aiuta.

In questo esempio, impostiamo il numero di priorità su `20`.

```

/**
 * Modifica l'indicatore del campo obbligatorio
 *
 * @link https://wpforms.com/developers/how-to-change-required-field-indicator/
 */

function wpf_dev_required_indicator( $text ) {

	return ' ' . __( '(Obbligatorio)', 'wpforms' ) . '';
}

add_filter( 'wpforms_get_field_required_label', 'wpf_dev_required_indicator', 20, 1 );
```

**Categorie:** Tutorial, Estensione

**Tag:** CSS, PHP

---</body></html>