Hoe maak je voorwaardelijke vervolgkeuzelijsten in WordPress formulieren
leer hoe maak je voorwaardelijke vervolgkeuzelijsten in WordPress met behulp van formidabele formulieren. Een eenvoudige, code-vrije, query-vrije methode.
op zoek naar een manier om voorwaardelijke vervolgkeuzelijsten te maken in formulieren waarbij de opties in een vervolgkeuzelijst afhankelijk zijn van de selecties die een persoon in de vorige vervolgkeuzelijsten heeft gemaakt?
bijvoorbeeld, een auto dealer formulier waar een gebruiker eerst selecteert het jaar van hun auto, dan het merk, dan het model uit een lijst van opties die alleen van toepassing zijn op het jaar/maken dat ze al geselecteerd. Je hebt misschien ook gehoord van deze vormen aangeduid als geketend select.
deze functionaliteit is super handig wanneer u formulieren maakt om prijsschattingen, offertes, betalingen, enz.af te handelen. Het is ook geweldig voor eindgebruikers, omdat ze niet hoeft te filteren door ton van irrelevante opties.
met formidabele formulieren kunt u voorwaardelijke vervolgkeuzelijsten instellen vanaf een gebruiksvriendelijke interface-U hoeft niet te knoeien met complexe query ‘ s of aangepaste code-oplossingen.
Lees verder voor een stap-voor-stap handleiding over het maken van afhankelijke drop-downs in WordPress met formidabele formulieren.
Hoe maak je voorwaardelijke vervolgkeuzelijsten met formidabele formulieren
voordat je in de gedetailleerde stap-voor-stap handleiding gaat graven, gaan we op hoog niveau kijken hoe cascading vervolgkeuzelijsten werken met formidabele formulieren.
- Maak een “data form” aan om alle gegevens te bevatten die uw cascading drop-downs zullen bevolken. Eindgebruikers zullen niet direct communiceren met dit formulier – het is er gewoon om de gegevens vast te houden.
- Vul uw “gegevensformulier” in met de gegevens die het nodig heeft door ingangen toe te voegen. Als u veel gegevens hebt, kunt u tijd besparen door een CSV te importeren, in plaats van handmatig al uw gegevens in te voeren.
- Maak een tweede “end user form”aan. Dit is de vorm waarmee jullie menselijke bezoekers zullen interageren.
- voeg opzoekvelden toe aan het” formulier van de eindgebruiker”, zodat het Gegevens uit het” formulier van de gegevens ” kan halen als dat nodig is om de drop-downs te vullen.
laten we het in meer detail doornemen…
in dit voorbeeld zullen we een voorbeeld van de auto-industrie gebruiken met drie voorwaardelijke vervolgkeuzevelden. De bestelling gaat zo.:
- gebruiker selecteert het jaartal van zijn auto
- gebruiker selecteert het merk van zijn auto uit het aanbod in dat jaar
- gebruiker selecteert het specifieke model van zijn auto op basis van het jaar/merk dat hij / zij heeft geselecteerd
Maak het “Data Form”
aan de slag, Maak een nieuw formulier om als uw “data form”te fungeren. Nogmaals, uw eindgebruikers zullen niet direct communiceren met dit formulier, maar de “eindgebruiker formulier” die u later maakt zal de gegevens uit de invoer van dit formulier te trekken.
voeg vervolgens een tekstveld toe voor elke vervolgkeuzelijst die u in uw formulier voor de eindgebruiker wilt opnemen. Voor ons voorbeeld, dat zou drie tekstvelden voor:
- jaar
- merk
- Model
sla dan uw formulier op.
Gegevens importeren als Formulieringangen
vervolgens moet u uw “data form” invullen met de opties die u wilt weergeven in uw trapsgewijze drop-downs.
om dit te doen, voegt u elk stukje gegevens toe als een formulieringang.
als u een grote dataset hebt, is de eenvoudigste methode om een CSV-bestand te importeren. Bijvoorbeeld, onze auto data set heeft meer dan 7.000 rijen-dat is niet iets wat je handmatig wilt doen!
als u niet veel gegevens hebt, kunt u ook handmatig items toevoegen op het tabblad Items van uw gegevensformulier.
om een CSV naar formidabele formulieren te importeren, moet u er eerst voor zorgen dat de kopteksten in uw CSV overeenkomen met de tekstvelden in uw “gegevensformulier”.
in Excel kunt u zien hoe ons voorbeeld CSV drie kolommen heeft, die elk overeenkomen met de tekstvelden die we in de vorige stap hebben gemaakt:
Zodra u uw CSV-bestand klaar…
- Ga naar Formidabele → Importeren/Exporteren van
- Gebruik de knop Bestand Kiezen en selecteer uw CSV-bestand
- Geef het scheidingsteken CSV (dit is bijna altijd een komma)
- Selecteer de “gegevens” van de Invoer In Formulier drop-down
- Klik op bestand Uploaden en importeren
in het volgende scherm, zorg ervoor dat de gegevens uit het CSV-bestand correct is toegewezen aan de overeenkomstige velden in uw formulier. Klik vervolgens op Importeren:
nu hebt u de gegevens die u nodig hebt om uw voorwaardelijke vervolgkeuzelijsten te vullen:
Vervolgens is het tijd om afhankelijke vervolgkeuzelijsten te maken waarmee uw bezoekers kunnen communiceren.
Create “End User Form” and Add Lookup Fields
Next, create a new form. Dit zal de vorm zijn die jullie menselijke bezoekers zien.
zodra u uw nieuwe formulier hebt, voegt u een opzoekveld toe en geeft u het een naam – bijvoorbeeld “jaar selecteren”.
Zoek vervolgens de Instellingen voor Opzoekopties in het veld Instellingen en…
- Selecteer uw gegevensformulier met behulp van de Select Form drop-down
- Selecteer het bronveld om gegevens uit te trekken met behulp van de select Field drop-down-bijv. “jaar”
zorg ervoor dat u uw wijzigingen opslaat.
voeg dan nog een opzoekveld toe en configureer het voor de volgende set gegevens. Alleen nu, u zult ook gebruik maken van de Watch a Lookup veld knop om dit opzoekveld afhankelijk van het vorige opzoekveld te maken. Dit is wat u toelaat om alleen opties die overeenkomen met het vorige veld weer te geven en maak dat” cascading ” effect:
zorg ervoor dat u uw wijzigingen opslaat.
om de laatste drop-down toe te voegen (tenminste voor ons voorbeeld), voegt u een ander opzoekveld toe. Alleen nu, je zult de Watch a Lookup veld optie gebruiken om het afhankelijk te maken van beide van de vorige velden:
Als u meer voorwaardelijke dropdowns aan uw formulier wilt toevoegen, kunt u hetzelfde patroon zo vaak herhalen als nodig is.
en dat is het – als u een voorbeeld van uw formulier, moet u dat mooie cascading effect zien wanneer u interactie met uw formulier:
maak uw eerste voorwaardelijke vervolgkeuzelijst vandaag
Cascading dropdowns vormen zijn een populaire aanpak die een geweldige optie maakt voor formulieren met prijsschattingen, offertes, betalingen, Locaties, enz.
met formidabele formulieren kunt u voorwaardelijke vervolgkeuzelijsten maken met zoveel voorwaarden als nodig is, zonder aangepaste query ‘ s of code te schrijven.
om het op te zetten, hoeft u alleen maar twee formulieren te maken en opzoekvelden te gebruiken om de twee te verbinden. Voor grote datasets kunt u zelfs een CSV-bestand rechtstreeks vanuit Excel importeren om uw gegevensformulier in te vullen.
om afhankelijke vervolgkeuzelijsten met formidabele formulieren te maken, hebt u het Formidable Forms Basic-plan of hoger nodig.
als u nog geen Formidable Forms Pro gebruikt, leer dan over alle handige form builder-functies om te begrijpen waarom Formidable Forms de beste WordPress form plugin is voor voorwaardelijke vervolgkeuzelijsten.