Aggiunta di valori predefiniti per i campi

Volete aggiungere valori predefiniti per i campi del vostro modulo? Avere campi già compilati o preselezionati con l'opzione corrispondente può facilitare la compilazione del modulo da parte degli utenti.

Questo tutorial mostra come impostare i valori predefiniti per i campi dei moduli in WPForms.


Per iniziare, assicuratevi di aver installato e attivato WPForms sul vostro sito. Poi dovrete creare un nuovo modulo o modificarne uno esistente.

Impostazione dei valori predefiniti per i campi di input

È possibile aggiungere un testo predefinito ai seguenti campi di immissione:

  • Testo a riga singola
  • Testo del paragrafo
  • Numeri
  • Nome
  • Email
  • Telefono (licenza base o superiore)
  • Indirizzo (Licenza base o superiore)
  • Sito web/URL (Licenza base o superiore)
  • Password (Licenza base o superiore)
  • Campo nascosto (Licenza base o superiore)

Per iniziare, aggiungere uno qualsiasi dei campi di cui sopra al proprio modulo. Quindi, fare clic sul campo per accedere alle sue opzioni. Aprire quindi la scheda Avanzate e cercare il campo Valore predefinito.

L'opzione Valore predefinito

Nel campo Valore predefinito è possibile aggiungere testo o Smart Tag per precompilare il campo del modulo.

Aggiunta di un valore predefinito utilizzando il testo

È possibile aggiungere un valore predefinito digitando il testo direttamente nel campo Valore predefinito. Nel nostro esempio, aggiungeremo "Richiesta generale" come valore predefinito per il campo Oggetto del nostro modulo di contatto.

Aggiunta di testo come valore predefinito per un campo di testo a riga singola

Quando viene pubblicato sul sito, questo campo viene precompilato con il testo aggiunto esattamente come è stato inserito nelle opzioni del campo.

Un esempio di valore predefinito di testo nel frontend

Aggiunta di un valore predefinito con uno smart tag

Uno Smart Tag è un pezzo di codice che si può usare per inserire nel modulo informazioni specifiche, come i dati della pagina o dell'utente.

In questo esempio, configureremo il valore predefinito di un campo nascosto utilizzando uno Smart Tag. Un campo nascosto non è visibile agli utenti sul frontend, quindi è utile per raccogliere informazioni aggiuntive sull'inserimento in background.

Accanto al campo Valore predefinito, fare clic sull'icona Smart tag per visualizzare un elenco di Smart tag disponibili da inserire.

Aggiunta di uno Smart Tag come valore predefinito per un campo nascosto

Nel nostro esempio, vogliamo conoscere il titolo della pagina in cui è incorporato il modulo. Per farlo, scorrere l'elenco degli Smart Tag e fare clic su Titolo del post/pagina incorporato. In questo modo si aggiungerà lo Smart Tag corrispondente {page_title} al campo Valore predefinito.

Il tag smart {titolo_pagina} nel campo Valore predefinito

Una volta inviato il modulo, potremo visualizzare il titolo della pagina nelle voci del modulo e nelle notifiche.

Visualizzazione del valore predefinito del campo nascosto nella voce

Nota: per visualizzare l'elenco completo degli Smart Tag disponibili, con maggiori dettagli ed esempi, consultare il nostro tutorial su come utilizzare gli Smart Tag in WPForms.

Utilizzo dei valori predefiniti con i campi a scelta multipla, le caselle di controllo e i campi a discesa

È possibile configurare i campi a scelta multipla, a casella di controllo o a discesa in modo che abbiano opzioni preselezionate quando vengono pubblicati sul sito. Il campo Caselle di controllo consente di impostare uno o più valori predefiniti, mentre i campi Scelta multipla e Discesa a discesa consentono di impostare un unico valore predefinito.

In questo esempio, aggiungeremo un campo Caselle di controllo a un modulo di iscrizione per consentire agli utenti di scegliere a quali newsletter e-mail desiderano iscriversi. Per aprire il pannello Opzioni campo, fare clic sul campo nell'area di anteprima del costruttore di moduli.

Successivamente, preselezioneremo le opzioni per questo campo facendo clic sulle caselle di controllo accanto a ciascuna scelta.

Selezione delle scelte predefinite per un campo a caselle di controllo

Quando vengono pubblicate sul frontend, queste opzioni saranno selezionate per impostazione predefinita. Gli utenti potranno deselezionare le voci facendo clic sulle caselle di controllo.

Caselle di controllo preselezionate nel frontend

Aggiunta di un valore predefinito a un campo di scorrimento numerico

È possibile aggiungere un valore predefinito ai campi del cursore numerico per impostare il selettore in un punto specifico della scala.

Prima di impostare il valore predefinito del cursore numerico, assicurarsi di configurare il suo intervallo nel pannello Opzioni campo.

Impostazione dell'intervallo per un campo cursore numerico

Fare quindi clic sulla scheda Avanzate e impostare il valore predefinito. Deve essere un numero che rientra nell'intervallo impostato.

Impostazione del valore predefinito per un cursore numerico

Nel frontend, il selettore sarà impostato sul numero specificato fino a quando un utente non lo sposterà.

Un esempio di cursore numerico sul frontend

Ecco fatto! Ora sapete come impostare i valori predefiniti per i campi del vostro modulo.

Inoltre, desiderate richiedere un formato di input specifico per un campo del modulo? Consultate il nostro tutorial su come usare le maschere di input personalizzate per impostare le regole per i valori che gli utenti possono inserire in un campo.

Il miglior plugin per la creazione di moduli di WordPress con trascinamento e rilascio

Facile, veloce e sicuro. Unitevi agli oltre 6 milioni di proprietari di siti web che si fidano di WPForms.

Per completare questo modulo, abilitare JavaScript nel browser.