Consentire selezioni multiple per un campo a discesa

Vuoi consentire ai tuoi utenti di selezionare più opzioni in un campo a Selezione multipla? L'aggiunta di una selezione multipla a discesa ai tuoi moduli WordPress consente ai tuoi utenti di selezionare molte opzioni senza dover utilizzare un campo Caselle di controllo.

Questa guida ti mostrerà come configurare un campo a Selezione multipla in WPForms.

Prova questa demo del modulo!


Iniziare

Prima di iniziare, dovrai creare un nuovo modulo o modificare un modulo esistente.

Per il nostro esempio, configureremo un modulo di richiesta per club sportivi. Per fare ciò, inizieremo aprendo il generatore di moduli.

Quindi, naviga nella sezione Campi Standard per trovare il campo Selezione multipla. Fai semplicemente clic sul campo per aggiungerlo al modulo, oppure trascinalo nell'area di anteprima del tuo modulo.

Aggiungi un campo a discesa in WPForms

Una volta aggiunto il campo, fai clic su di esso per aprire il pannello Opzioni campo.

Quindi, cambieremo l'Etichetta di questo campo in Seleziona i club di cui desideri saperne di più. Aggiungeremo anche 4 opzioni sotto Scelte: Nuoto, Tiro con l'arco, Cricket e Danza.

Impostazioni Etichetta e Scelte in Multi-Selezione

Dalle Opzioni campo, naviga nella sezione Avanzate e fai clic su di essa per aprire impostazioni aggiuntive.

Quindi, seleziona l'opzione etichettata Selezione multipla per attivarla.

Abilita selezione opzioni multiple

Opzioni di personalizzazione

Sono disponibili due diverse configurazioni di stile per il campo a Selezione multipla: Classico o Moderno. Questi formatteranno lo stile del menu a discesa in modo leggermente diverso. Puoi cambiare lo stile del tuo campo a Selezione multipla sotto Avanzate » Stile.

Opzioni di stile per il campo a discesa

Stile Classico

Lo stile Classico elencherà tutte le tue opzioni all'interno di una casella. Quando vengono aggiunte più di 4 opzioni al menu a discesa, la casella includerà una barra di scorrimento verticale.

Menu a discesa classico multi-selezione

Nota: Lo stile Classico mostrerà sempre almeno quattro righe, anche se non ci sono dati in quelle righe.

Per selezionare più opzioni, tieni premuto il pulsante Control (o Command su Mac) mentre fai clic. Questo aggiungerà un effetto di evidenziazione alle scelte selezionate.

Opzioni selezionate menu a discesa classico

Stile moderno

Lo stile Moderno mostrerà un menu a discesa standard. Questo menu a discesa ti consente di scorrere un elenco di opzioni e selezionare le tue scelte, oppure di digitare termini di ricerca per trovare le scelte che desideri.

Menu a discesa moderno multi-selezione

Quando vengono selezionate più opzioni, ogni opzione verrà aggiunta alla barra a discesa.

Menu moderno a opzioni multiple

Configurare la logica condizionale

La configurazione della logica condizionale con un menu a discesa a selezione multipla ti consentirà di mostrare o nascondere campi se un utente seleziona più di una scelta dal menu a discesa.

Ad esempio, nel nostro modulo di richiesta per club sportivi, mostreremo agli utenti un messaggio se selezionano sia Nuoto che Danza dal menu a discesa. Nel nostro messaggio, faremo loro sapere che questi club si incontrano in orari contrastanti.

Per configurare questo, aggiungeremo prima un campo HTML al nostro modulo.

Aggiungi-campo-HTML

Quindi, nella sezione Codice, possiamo aggiungere il nostro messaggio, "Attenzione! I club che hai scelto si incontrano in orari contrastanti."

Messaggio-HTML

Dopodiché, dovremo impostare la nostra logica condizionale in modo che il campo appaia solo quando gli utenti selezionano Nuoto e Danza. Per fare ciò, faremo clic sulla sezione Logica Intelligente per aprirla, quindi selezioneremo l'opzione Abilita logica condizionale.

Abilita logica condizionale

Quindi, imposteremo la logica in modo che legga: Mostra questo campo se Seleziona Quali Club Saresti Interessato a Conoscere è Nuoto E Seleziona Quali Club Saresti Interessato a Conoscere è Danza.

Regole di logica condizionale

Questo campo rimarrà nascosto a meno che un utente non selezioni sia Nuoto che Danza dal nostro campo a discesa.

Avviso-HTML-Menu-a-discesa-multi-selezione

Nota: Per maggiori dettagli su come utilizzare l'operatore E, consulta la nostra guida sulla logica condizionale intelligente.

Ecco fatto! Ora puoi impostare un campo a discesa a selezione multipla nel tuo WPForms.

Successivamente, desideri aggiungere facilmente un gran numero di opzioni per un campo a discesa, scelta multipla o caselle di controllo? Dai un'occhiata al nostro tutorial su come aggiungere scelte in blocco per maggiori dettagli!

Il miglior plugin per la creazione di moduli drag and drop per WordPress

Facile, veloce e sicuro. Unisciti a oltre 6 milioni di proprietari di siti web che si affidano a WPForms.