Volete consentire ai vostri utenti di selezionare più opzioni in un campo a discesa? L'aggiunta di un menu a tendina a selezione multipla ai vostri moduli WordPress consente agli utenti di selezionare molte opzioni senza dover utilizzare un campo a caselle di controllo.
Questo tutorial mostra come impostare un campo a discesa a selezione multipla in WPForms.
Come iniziare
Prima di iniziare, è necessario creare un nuovo modulo o modificare un modulo esistente.
Per il nostro esempio, creeremo un modulo di richiesta di informazioni su una società sportiva. Per farlo, inizieremo aprendo il costruttore di moduli.
Quindi, spostarsi nella sezione Campi standard per trovare il campo a discesa. È sufficiente fare clic sul campo per aggiungerlo al modulo, oppure trascinarlo nell'area di anteprima del modulo.
Una volta aggiunto il campo, fare clic su di esso per aprire il pannello delle opzioni del campo.
Quindi, modificheremo l'etichetta di questo campo con la dicitura Seleziona il/i club di cui vuoi sapere di più. Aggiungeremo anche 4 opzioni alla voce Scelte: Nuoto, Tiro con l'arco, Cricket e Danza.
All'interno delle Opzioni di campo, passare alla sezione Avanzate e fare clic su di essa per aprire le impostazioni aggiuntive.
Quindi, selezionare l'opzione Selezione di opzioni multiple per attivarla.
Opzioni di personalizzazione
Sono disponibili due diverse configurazioni di stile per il campo a discesa: Classico o Moderno. Ognuna di queste configura lo stile del campo a discesa in modo leggermente diverso. È possibile modificare lo stile del campo a discesa in Avanzate " Stile.
Stile classico
Lo stile Classico elenca tutte le opzioni all'interno di una casella. Quando si aggiungono più di 4 opzioni al menu a tendina, la casella includerà una barra di scorrimento verticale.
Nota: lo stile Classico mostra sempre almeno quattro righe, anche se non ci sono dati in quelle righe.
Per selezionare più opzioni, tenere premuto il tasto Control (o Comando su Mac) mentre si fa clic. In questo modo si aggiunge un effetto di evidenziazione alle opzioni selezionate.
Stile moderno
Lo stile Moderno mostra una tendina standard. Questa tendina consente di scorrere un elenco di opzioni e di selezionarle, oppure di digitare i termini di ricerca per trovare le opzioni desiderate.
Quando si selezionano più opzioni, ogni opzione viene aggiunta alla barra a discesa.
Configurazione della logica condizionale
La configurazione della logica condizionale con un menu a tendina a selezione multipla consente di mostrare o nascondere i campi se l'utente seleziona più di una scelta.
Ad esempio, nel nostro modulo di richiesta di club sportivi, mostreremo agli utenti un messaggio se selezionano sia Nuoto che Danza dal menu a tendina. Nel messaggio, comunicheremo che questi club si riuniscono in orari contrastanti.
Per configurarlo, aggiungeremo prima un campo HTML al nostro modulo.
Poi, nella sezione Codice, possiamo aggiungere il messaggio "Attenzione! I club che hai scelto si riuniscono in orari contrastanti".
Successivamente, dovremo impostare la logica condizionale in modo che il campo appaia solo quando gli utenti selezionano Nuoto e Danza. A tale scopo, si farà clic sulla sezione Logica intelligente per aprirla e si selezionerà l'opzione Abilita logica condizionale.
Quindi, imposteremo la logica come segue: Mostra questo campo se Seleziona quale club vorresti conoscere meglio è Nuoto e Seleziona quale club vorresti conoscere meglio è Danza.
Questo campo rimarrà ora nascosto a meno che un utente non selezioni sia Nuoto che Danza dal nostro campo a discesa.
Nota: per maggiori dettagli sull'uso dell'operatore AND, consultare la nostra guida sulla Logica condizionale intelligente.
Ecco fatto! Ora potete impostare un campo a discesa a selezione multipla nei vostri WPForm.
Poi, volete aggiungere facilmente un gran numero di opzioni per un campo a discesa, a scelta multipla o a caselle di controllo? Date un'occhiata al nostro tutorial su come aggiungere scelte in blocco per maggiori dettagli!