Come creare menu a discesa nei moduli di WordPress

I menu a discesa sono strumenti fondamentali per i moduli. Selezione del paese, scelta della categoria, classificazione delle preferenze: ogni volta che gli utenti devono scegliere da un elenco predefinito, i menu a discesa sono la soluzione ideale. Risparmiano spazio, standardizzano i dati e guidano gli utenti verso opzioni valide. Ecco come creare menu a discesa efficaci nei tuoi moduli WordPress.

Perché utilizzare i menu a discesa?

Vantaggi rispetto ai campi di testo

• Dati standardizzati: Nessun errore di battitura o variazione
• Selezione guidata: Gli utenti vedono le opzioni disponibili
• Risparmio di spazio: Ridotto fino al clic
• Compatibile con i dispositivi mobili: Selettore nativo sui telefoni
• Completamento più rapido: Fare clic vs digitare

Vantaggi rispetto ai pulsanti di opzione

• Meglio per elenchi lunghi: 6+ opzioni adatte a piccoli spazi
• Aspetto più pulito: Meno ingombro visivo
• Scorrevole: Gestisci decine di opzioni

Quando utilizzare i menu a discesa

• 6+ opzioni (meno = considera i pulsanti di scelta)
• Opzioni predefinite e note
• È richiesta una sola selezione
• Lo spazio è limitato
• La standardizzazione dei dati è importante

Creazione di un menu a discesa di base

Passaggio 1: aggiungere un campo a discesa

1. Apri il tuo modulo in AFB
2. Trovate Discesa nei tipi di campo
3. Trascina sul tuo modulo

Passaggio 2: configura l'etichetta

Etichetta: "Come hai saputo di noi?" Segnaposto: "Seleziona un'opzione..." Obbligatorio: Sì/No

Passaggio 3: aggiungi opzioni

Inserisci ogni opzione su una nuova riga:

Ricerca Google Social Media Amico o collega Pubblicità Blog o articolo Altro

Fase 4: Anteprima e test

1. Salva modulo
2. Anteprima sul frontend
3. Fare clic sul menu a discesa per verificare le opzioni
4. Invia la voce di prova

Opzioni di configurazione a discesa

Impostazioni di base

• Etichetta: Domanda o suggerimento
• Segnaposto: Testo predefinito (ad esempio, "Seleziona...")
• richiesto: È necessario selezionare per inviare
• Testo di aiuto: Istruzioni aggiuntive

Opzioni Impostazioni

• Elenco delle opzioni: Scelte disponibili
• Selezione predefinita: Opzione preselezionata
• ricercabile: Digitare per filtrare
• Selezione multipla: Scegli più

Aggiunta di opzioni a discesa

Lista semplice

Opzione 1 Opzione 2 Opzione 3 Opzione 4

Con valori diversi dalle etichette

Mostra una cosa, memorizzane un'altra:

Visualizza: "Stati Uniti" Valore: "US" Visualizza: "Regno Unito" Valore: "UK"

Opzioni raggruppate (Optgroups)

--- Nord America --- Stati Uniti Canada Messico --- Europa --- Regno Unito Germania Francia

Molte opzioni

Per elenchi lunghi, considerare:

• Ordine alfabetico
• Le opzioni più comuni prima
• Ricercabile abilitato
• Raggruppamenti logici

Testo segnaposto

Che cosa è Placeholder?

Il testo visualizzato prima che l'utente selezioni un'opzione:

[Seleziona un'opzione... ▼] ← Segnaposto

Buoni esempi di segnaposto

"Seleziona il tuo paese..." "Scegli una categoria..." "Scegli una fascia oraria..." "-- Seleziona --" "Selezionane una"

Buone pratiche per i segnaposto

• Tenerlo corto
• Chiarisci che si tratta di un prompt
• Non utilizzare come opzione valida
• Considera il formato “– Seleziona –”

Menu a discesa ricercabili

Cosa è ricercabile?

Gli utenti possono digitare per filtrare le opzioni:

[Digita per cercare... ▼] Tipi di utente: "ger" Mostra: Germania, Algeria, Niger

Quando abilitare la ricerca

• 20+ opzioni
• Elenchi di paesi/stati
• Cataloghi dei prodotti
• Qualsiasi lunga lista

Abilitazione della ricerca

1. Seleziona il campo a discesa
2. Trova l'opzione "Ricercabile"
3. Attivare

UX ricercabile

1. L'utente clicca sul menu a discesa 2. Viene visualizzato l'input di testo 3. L'utente digita una corrispondenza parziale 4. Le opzioni filtrano in tempo reale 5. L'utente seleziona dall'elenco filtrato

Menu a discesa a selezione multipla

Selezione singola vs multipla

Selezione singola: l'utente sceglie UNA opzione Selezione multipla: l'utente sceglie PIÙ opzioni

Quando utilizzare la selezione multipla

• "Seleziona tutte le opzioni applicabili"
• Interessi/preferenze multiple
• Selezione di più categorie
• Quando le caselle di controllo occupano troppo spazio

Abilitazione della selezione multipla

1. Seleziona il campo a discesa
2. Trova "Consenti selezioni multiple"
3. Attivare

Aspetto multi-selezione

[Web Design, SEO, Marketing ▼] Gli elementi selezionati vengono visualizzati come tag/chip

Selezione multipla con limiti

Combina con la selezione min/max:

"Seleziona 2-4 argomenti" Min: 2 Max: 4

Esempi di configurazione

Esempio 1: Selezione del Paese

Etichetta: "Paese" Segnaposto: "Seleziona il tuo paese..." Ricercabile: Sì Obbligatorio: Sì Opzioni: [195+ paesi in ordine alfabetico]

Esempio 2: Tipo di richiesta

Etichetta: "A cosa riguarda la tua richiesta?" Segnaposto: "Seleziona categoria..." Obbligatorio: Sì Opzioni: - Vendite - Assistenza - Fatturazione - Partnership - Stampa/Media - Altro

Esempio 3: intervallo di budget

Etichetta: "Qual è il tuo budget?" Segnaposto: "Seleziona intervallo..." Obbligatorio: No Opzioni: - Meno di $ 1,000 - $ 1,000 - $ 5,000 - $ 5,000 - $ 10,000 - $ 10,000 - $ 25,000 - $ 25,000+ - Non sono ancora sicuro

Esempio 4: Fascia oraria

Etichetta: "Orario preferito per l'appuntamento" Segnaposto: "Scegli un orario..." Obbligatorio: Sì Opzioni: - 9:00 - 10:00 - 11:00 - 1:00 - 2:00 - 3:00 - 4:00

Esempio 5: Interessi a selezione multipla

Etichetta: "Argomenti di interesse" Segnaposto: "Seleziona argomenti..." Selezione multipla: Sì Ricercabile: Sì Opzioni: - Tecnologia - Business - Marketing - Design - Sviluppo - Analisi - Sicurezza - AI/ML

Esempio 6: Servizi raggruppati

Etichetta: "Di quale servizio hai bisogno?" Opzioni: --- Servizi Web --- - Progettazione siti Web - Sviluppo siti Web - E-commerce --- Marketing --- - SEO - PPC - Social Media --- Supporto --- - Manutenzione - Hosting - Consulenza

Selezione predefinita

Nessun valore predefinito (consigliato)

[Seleziona un'opzione... ▼]

L'utente deve scegliere attivamente. Ideale per i campi obbligatori.

Predefinito preselezionato

[Stati Uniti ▼] ← Preselezionato

Utilizzare quando:

• Un'opzione è estremamente comune
• Accelera il completamento dei moduli
• Esiste un valore predefinito logico

Impostazione predefinita

1. Nell'elenco delle opzioni, contrassegna l'opzione predefinita
2. Oppure imposta "Valore predefinito" nelle impostazioni

Pulsanti a discesa vs pulsanti di opzione

Usa il menu a discesa quando

• 6+ opzioni
• Elenco lungo (paesi, stati)
• Lo spazio è limitato
• Le opzioni sono simili per natura

Utilizzare i pulsanti di opzione quando

• 2-5 opzioni
• Tutte le opzioni dovrebbero essere visibili
• Le opzioni hanno descrizioni
• Il confronto visivo è importante

Confronto affiancato

MENU A TENDINA (6+ opzioni, nascoste finché non si clicca): [Seleziona un piano... ▼] PULSANTI DI RADIO (2-5 opzioni, tutte visibili): ○ Gratuito ○ Base ($9/mese) ○ Pro ($29/mese) ○ Enterprise (Contattaci)

Menu a discesa di stile

Aspetto predefinito

I menu a discesa ereditano lo stile del modulo:

• Colore/raggio del bordo
• Colore di sfondo
• Famiglia/dimensione del carattere
• Imbottitura

Opzioni di stile personalizzate

• Icona freccia a discesa
• Aspetto dell'elemento selezionato
• Stati di passaggio del mouse sulle opzioni
• Stile tag a selezione multipla

Stile mobile

Menu a discesa nativi per dispositivi mobili:

• iOS: selettore ruote
• Android: Selettore di materiali
• Coerente con il sistema operativo

Best Practices

1. Ordinare le opzioni in modo logico

• Alfabetico: Paesi, nomi
• Numerico: Quantità, intervalli
• Frequenza: I più comuni prima
• Cronologico: Fasce orarie, date

2. Mantieni le opzioni concise

Buono: "Stati Uniti" Da evitare: "Stati Uniti d'America (USA)" Buono: "$ 1,000 - $ 5,000" Da evitare: "Tra mille e cinquemila dollari"

3. Includi "Altro" quando appropriato

Opzioni: - Google - Facebook - LinkedIn - Segnalazione di un amico - Altro ← Rileva casi limite

4. Utilizzare il segnaposto, non la prima opzione

Corretto: Segnaposto: "Seleziona..." Opzioni: Opzione 1, Opzione 2, Opzione 3 Da evitare: Opzioni: "Seleziona...", Opzione 1, Opzione 2 (la prima opzione non dovrebbe essere un prompt)

5. Abilita la ricerca per elenchi lunghi

Dovrebbe essere possibile effettuare la ricerca in qualsiasi menu a discesa con 15-20+ opzioni.

6. Considerare le prestazioni di caricamento

Per elenchi estremamente lunghi (oltre 1000) potrebbero essere necessari:

• Caricamento lento
• Ricerca lato server
• Suddivisione in sottocategorie

Casi d'uso comuni dei menu a discesa

Moduli di contatto

- Reparto (Vendite, Supporto, Fatturazione) - Tipo di richiesta (Domanda, Feedback, Reclamo) - Come hai saputo di noi

Moduli di registrazione

- Paese - Stato/Provincia - Settore - Dimensioni dell'azienda - Titolo/ruolo lavorativo

Moduli d'ordine

- Selezione del prodotto - Quantità - Varianti di taglia/colore - Metodo di spedizione

Moduli di indagine

- Scale di valutazione (1-10) - Frequenza (da Mai a Sempre) - Accordo (da Fortemente in disaccordo a Fortemente d'accordo)

Moduli di prenotazione

- Tipo di servizio - Data preferita - Fascia oraria - Durata

Troubleshooting

Il menu a discesa non mostra le opzioni

• Verifica che le opzioni siano state salvate
• Controlla l'elenco delle opzioni vuoto
• Cancella la cache e aggiorna

Ricerca non funzionante

• Conferma che la ricerca è abilitata
• Controlla gli errori JavaScript
• Prova su browser diversi

Selezione multipla che non salva tutte le selezioni

• Verifica che la selezione multipla sia abilitata
• Controllare la gestione dell'invio del modulo
• Prova con meno selezioni

Selettore mobile non visualizzato

• Lo stile personalizzato può sovrascrivere quello nativo
• Test su dispositivo mobile reale
• Verifica i conflitti JavaScript

Accessibilità

Navigazione da tastiera

• Tab per mettere a fuoco il menu a discesa
• Tasti freccia per navigare
• Invio/Spazio per selezionare
• Digita la prima lettera per saltare

Lettori di schermo

• Etichetta correttamente associata
• Opzioni annunciate
• Selezione confermata

Best Practices

• Etichette chiare e descrittive
• Ordine logico delle opzioni
• Evita il segnaposto come unica istruzione

Sintesi

Creazione di menu a discesa:

1. Aggiungi campo a discesa – Trascina per formare
2. Imposta etichetta – Domanda/richiesta chiara
3. Aggiungi segnaposto – Testo “Seleziona…”
4. Inserisci le opzioni – Uno per riga
5. Abilita ricercabile – Per lunghe liste
6. Abilita selezione multipla – Se sono necessarie più scelte
7. Imposta richiesta – In base alle esigenze di forma
8. Testare accuratamente – Tutte le opzioni, tutti i dispositivi

Conclusione

I menu a discesa gestiscono in modo efficiente la selezione delle opzioni nei moduli. Risparmiano spazio, standardizzano i dati e funzionano bene su tutti i dispositivi. Per elenchi brevi, considera i pulsanti di opzione. Per elenchi lunghi, abilita la ricerca. Per selezioni multiple, utilizza la modalità di selezione multipla. La giusta configurazione rende i menu a discesa potenti campi di input che migliorano sia l'esperienza utente che la qualità dei dati.

Generatore automatico di moduli Include campi a discesa completi con modalità di ricerca, opzione di selezione multipla e stile personalizzato. Crea menu di selezione professionali in pochi minuti.

Pronti ad aggiungere i menu a discesa? Scarica Auto Form Builder e inizia subito a creare moduli con menu a discesa.