Volete visualizzare le informazioni nei vostri moduli senza permettere agli utenti di modificarle? Con WPForms, potete rendere qualsiasi campo di sola lettura, in modo che gli utenti possano visualizzare i valori ma non modificarli.
In questa guida vi mostreremo come abilitare l'opzione di sola lettura nel costruttore di moduli.
Abilitazione della sola lettura per un campo
Per iniziare, aprire il modulo nel costruttore e fare clic sul campo che si desidera rendere di sola lettura. Aprire quindi la scheda Avanzate nel pannello Opzioni campo e attivare l'impostazione Sola lettura.
Una volta abilitato, il campo rimarrà visibile nel modulo, ma gli utenti non potranno modificarne il valore.
Casi d'uso per i campi di sola lettura
I campi di sola lettura sono utili in molti scenari diversi, ad esempio:
- Visualizzazione di dati precompilati: Ad esempio, è possibile inserire Smart Tag come
{user_email}o{user_display_name}per mostrare i dettagli dell'account di un utente senza consentirgli di modificare i valori. - Mostrare i totali calcolati: Se il modulo calcola un valore (come i totali degli ordini o i punteggi), è possibile visualizzarlo in un campo di sola lettura.
- Moduli di conferma: Consentono agli utenti di rivedere le informazioni prima dell'invio senza modificarle.
- Restrizioni basate sui ruoli: Combinate la logica condizionale con i campi di sola lettura, in modo che alcuni utenti possano solo visualizzare i dati, mentre altri possono modificarli.
Come appaiono i campi di sola lettura nel frontend
Nel frontend, i campi di sola lettura appaiono in grigio o con uno stile disabilitato, in modo che sia chiaro che non possono essere modificati. Questo stile funziona sia con i temi Classic e Modern, sia con i page builder come Gutenberg e Divi.
Anche se il campo è bloccato, il suo valore viene comunque inviato con l'inserimento del modulo.
Nota: se si desidera gestire i campi di sola lettura in modo programmatico, WPForms fornisce un'API JavaScript con metodi per bloccare, sbloccare e alternare i campi. Per maggiori dettagli, consultare la nostra guida per gli sviluppatori sull'uso dell'API JavaScript per i campi di sola lettura.
Ecco fatto! Ora sapete come impostare i campi in sola lettura in WPForms.
Poi, volete pre-popolare automaticamente i vostri campi? Consultate il nostro tutorial su come aggiungere valori predefiniti ai campi dei moduli.