Come creare elenchi a discesa condizionali in WordPress Forms
Scopri come creare elenchi a discesa condizionali in WordPress utilizzando Form Formidabili. Un metodo semplice, privo di codice e privo di query.
Alla ricerca di un modo per creare elenchi a discesa condizionali nei moduli in cui le opzioni in un menu a discesa dipendono dalle selezioni effettuate da una persona nei precedenti menu a discesa?
Ad esempio, un modulo rivenditore auto in cui un utente seleziona prima l’anno della propria auto, quindi la marca, quindi il modello da un elenco di opzioni che si applicano solo all’anno/marca che hanno già selezionato. Potresti anche aver sentito questi tipi di moduli indicati come chained select.
Questa funzionalità è molto utile quando si creano moduli per gestire preventivi, preventivi, pagamenti, ecc. È ottimo anche per gli utenti finali perché non dovranno filtrare tonnellate di opzioni irrilevanti.
Con Form Formidabili, è possibile impostare elenchi a discesa condizionali direttamente da un’interfaccia user-friendly-non c’è bisogno di pasticciare con query complesse o soluzioni di codice personalizzato.
Continua a leggere per una guida passo-passo su come creare drop-down dipendenti in WordPress con form formidabili.
Come creare elenchi a discesa condizionali con form formidabili
Prima di scavare nel dettagliato tutorial passo-passo, passiamo attraverso uno sguardo di alto livello su come i moduli a discesa a cascata funzionano con Form Formidabili.
- Crea un “modulo dati” per ospitare tutti i dati che popoleranno i menu a discesa a cascata. Gli utenti finali non interagiranno direttamente con questo modulo: è solo lì per contenere i dati.
- Compila il tuo “modulo dati” con i dati di cui ha bisogno aggiungendo voci. Se si dispone di una tonnellata di dati, è possibile risparmiare tempo importando un CSV, piuttosto che cercare di inserire manualmente tutti i dati.
- Crea un secondo “modulo utente finale”. Questa è la forma con cui i tuoi visitatori umani interagiranno.
- Aggiungi campi di ricerca al “modulo utente finale” in modo che possa estrarre i dati dal “modulo dati” come necessario per popolare i menu a discesa.
Esaminiamo più in dettaglio
Per questo esempio, useremo un esempio di industria automobilistica con tre campi a discesa condizionali. L’ordine andrà così:
- Utente seleziona l’anno della loro auto
- Utente seleziona il fare dell’auto rende disponibili in quell’anno
- Utente seleziona il modello specifico della propria auto in base all’anno/make che hanno selezionato
Creare il “Modulo Dati”
Per iniziare, creare una nuova forma di agire come il “modulo dati”. Anche in questo caso, i tuoi utenti finali non interagiranno direttamente con questo modulo, ma il “modulo utente finale” che crei in seguito estrarrà i suoi dati dalle voci di questo modulo.
Quindi, aggiungere un campo di testo per ogni elenco a discesa che si desidera includere nel modulo dell’utente finale. Per il nostro esempio, sarebbero tre campi di testo per:
- Anno
- Fare
- Modello
Quindi, salvare il modulo.
Importa i dati come voci del modulo
Successivamente, è necessario compilare il “modulo dati” con le opzioni che si desidera visualizzare nei menu a discesa a cascata.
Per fare ciò, aggiungerai ogni pezzo di dati come voce del modulo.
Se si dispone di un set di dati di grandi dimensioni, il metodo più semplice è importare un file CSV. Ad esempio, il nostro set di dati automobilistici ha oltre 7.000 righe – non è qualcosa che vuoi fare manualmente!
Se non si dispone di molti dati, è anche possibile aggiungere manualmente le voci dalla scheda Voci del modulo dati.
Per importare un CSV in Form Formidabili, assicurati innanzitutto che le intestazioni nel tuo CSV corrispondano ai campi di testo nel tuo “modulo dati”.
In Excel, puoi vedere come il nostro esempio CSV ha tre colonne, ognuna delle quali corrisponde ai campi di testo che abbiamo creato nel passaggio precedente:
una Volta che avete il vostro file CSV pronto…
- Andare a Formidabile → Importa/Esporta
- Utilizzare il pulsante Scegli File per selezionare il file CSV
- Inserisci il CSV delimitatore (questa è quasi sempre una virgola)
- Selezionare il “modulo dati” da Importare Nel Modulo di discesa
- fare Clic su Carica file e importare
Nella schermata successiva, assicurarsi che i dati del file CSV è mappati correttamente i corrispondenti campi di un form. Quindi, fare clic su Importa:
Ora hai i dati necessari per popolare gli elenchi a discesa condizionali:
Successivamente, è il momento di creare elenchi a discesa dipendenti con cui i visitatori possono interagire.
Crea “Modulo utente finale” e aggiungi campi di ricerca
Quindi, crea un nuovo modulo. Questa sarà la forma che i tuoi visitatori umani vedono.
Una volta che hai il tuo nuovo modulo, aggiungi un campo di ricerca e dagli un nome, ad esempio “Seleziona anno”.
Quindi, trovare le Opzioni di Ricerca impostazioni le Impostazioni del Campo e…
- Selezionare il modulo dati utilizzando il menu di selezione Modulo di discesa
- Selezionare il campo di origine estrarre i dati utilizzando il menu di selezione a discesa del Campo – ad esempio “Anno”
assicurarsi di salvare le modifiche.
Quindi, aggiungere un altro campo di ricerca e configurarlo per il prossimo set di dati. Solo ora, utilizzerai anche il pulsante Guarda un campo di ricerca per rendere questo campo di ricerca dipendente dal campo di ricerca precedente. Questo è ciò che ti consente di visualizzare solo le opzioni che corrispondono al campo precedente e creare quell’effetto” a cascata”:
Assicurati di salvare le modifiche.
Per aggiungere il menu a discesa finale (almeno per il nostro esempio), dovresti aggiungere un altro campo di ricerca. Solo ora, userai l’opzione Guarda un campo di ricerca per renderlo dipendente da entrambi i campi precedenti:
Se si desidera aggiungere altri menu a discesa condizionali al modulo, è possibile ripetere lo stesso modello tutte le volte che è necessario.
E che è – se si visualizza in anteprima il modulo, si dovrebbe vedere che bel effetto a cascata quando si interagisce con il modulo:
Crea il Tuo Primo Condizionale Elenco a Discesa di Oggi
Cascata discesa forme sono un approccio che rende una grande opzione per le forme che coinvolgono le stime dei prezzi, preventivi, pagamenti, posizioni, etc.
Con Form Formidabili, è possibile creare elenchi a discesa condizionali utilizzando tutte le condizioni necessarie, senza scrivere query o codice personalizzati.
Per configurarlo, tutto ciò che devi fare è creare due moduli e utilizzare i campi di ricerca per connettere i due. Per i set di dati di grandi dimensioni, è anche possibile importare un file CSV direttamente da Excel per popolare il modulo dati.
Per creare elenchi a discesa dipendenti con Form Formidabili, è necessario il Formidable Forms Basic plan o superiore.
Se non stai già utilizzando Formidable Forms Pro, scopri tutte le utili funzionalità di form builder per capire perché Formidable Forms è il miglior plugin per WordPress per gli elenchi a discesa condizionali.