Behöver du lägga till ett flervalsfält i WordPress? Flervalsrullgardinsmenyer är ett utmärkt sätt att låta användare välja mer än ett alternativ från en lista.
I den här artikeln kommer vi att visa dig ett snabbt och enkelt sätt att skapa din egen rullgardinsmeny med flera val. Du behöver inte skriva någon kod för att skapa rullgardinsmenyn och lägga till den på din webbplats.
Hur väljer jag flera alternativ i en rullgardinsmeny?
Med WPForms kan du ställa in valfri rullgardinsmeny som en rullgardinsmeny med flera val.
När din besökare klickar på ett listobjekt förblir rullgardinsmenyn öppen så att de kan göra fler val.
Den här rullgardinsmenyn låter dig också söka bland alternativen. Så det är perfekt för långa listor, som en rullgardinslista med länder.
Vi visar dig det enkla sättet att skapa en rullgardinsmeny med flera val själv.
Hur man ställer in ett flervalsfält i WordPress
Låt oss ta en titt på stegen vi kommer att följa i den här handledningen.
- Installera WPForms Plugin
- Skapa ditt formulär
- Lägg till ett flervalsfält i formuläret
- Publicera ditt formulär på din webbplats
Ok, låt oss börja med att installera plugin-programmet vi ska använda.
Steg 1: Installera WPForms Plugin
WPForms är den bästa formbyggaren för WordPress. Det är väldigt enkelt att skapa vilken form som helst för din webbplats med hjälp av dra och släpp-byggaren.
För att börja skapa ditt formulär måste du installera och aktivera WPForms plugin i WordPress. Om du behöver hjälp med detta steg, kolla in den här nybörjarguiden för att installera ett plugin.
Allt redo? Låt oss gå vidare och skapa ditt första formulär.
Steg 2: skapa ditt formulär
Låt oss nu skapa ett grundläggande formulär och lägga till en rullgardinsmeny till det.
I det här exemplet kommer vi att skapa ett volontärformulär med en datumväljare och en rullgardinsmeny.
WPForms har en fantastisk mall för ansökningsformulär för volontärer. Men för det här exemplet använder vi det enkla kontaktformuläret som utgångspunkt.
För att komma igång, öppna din WordPress-instrumentpanel och klicka WPForms » Lägg till ny.
Fortsätt och skriv ett namn för formuläret högst upp. Klicka sedan på mallen Simple Contact Form för att öppna den i din webbläsare.
Nu när mallen är öppen kommer du att se att vi redan har 3 fält:
- namn
- E-post
- Kommentera eller meddelande
Låt oss lägga till ett datumfält så att personen som fyller i formuläret kan välja vilken dag de vill hjälpa till.
Gå först och dra a Datum och tid från vänster sida av formulärbyggaren till höger sida. Klicka sedan en gång på fältet Datum/tid för att öppna inställningarna.
Det finns två grundläggande inställningar som vi kommer att anpassa här:
- Ändra Märka text som passar din form
- Använd rullgardinsmenyn för att ändra den till Datum endast fält.
Scrolla nu ner till Avancerade alternativ och klicka på den för att expandera inställningarna.
Vi vill bara ha volontärer på vardagar, så låt oss klicka Begränsa dagar så att helgerna är nedtonade. För att göra detta, välj helt enkelt måndag till fredag:
OK, det är klart, då kan vi klicka Spara.
Låt oss gå vidare till att lägga till vår rullgardinsmeny med flera val.
Steg 3 – Lägg till ett flervalsfält i formuläret
I det här steget kommer vi att lägga till ett rullgardinsfält och sedan anpassa det för att acceptera flera val.
Låt oss först dra en rullgardinsmeny till formuläret. Klicka sedan på fältet så att inställningarna öppnas till vänster.
Om du vill kan du automatiskt fylla i rullgardinsmenyn från andra delar av WordPress, som dina inlägg eller produkter. Du kan ta reda på hur i den här artikeln om hur du använder dynamiska fältalternativ.
Men om du vill koda listan gör WPForms det enkelt. Den kommer med några användbara förinställda listor för rullgardinsfält. För att påskynda saker och ting lägger vi till en lista över delstater i USA som använder en av förinställningarna.
Först, gå vidare och klicka Lägg till i bulk i rullgardinsmenyn fältinställningar.
Och klicka sedan Visa förinställningar för att öppna alla tillgängliga förinställningslistor.
Låt oss nu klicka stat för att automatiskt få en lista över delstater i USA som vi kan lägga till i rullgardinsmenyn för flera val.
Du kommer att se hela listan över statusar som automatiskt fylls i alternativ låda. Klick Lägg till nya alternativ för att lägga till dem som svarsalternativ.
Har du märkt att rullgardinsmenyn har 3 standardsvar? Glöm inte att klicka på minustecknet bredvid dessa standardalternativ för att ta bort dem.
Okej, det är alla våra svarsalternativ som anges i rullgardinsmenyn.
Allt vi behöver göra nu är att berätta för WPForms att vi vill att detta ska vara ett flervalsfält.
För att göra det, låt oss scrolla ner på vänster sida och expandera Avancerade alternativ.
Låt oss välja Val av flera alternativ i denna avdelning.
Det finns ytterligare en viktig förändring att göra precis nedan.
Låt oss ändra stilen på detta fält till en Modern falla ner.
Undrar du varför vi ändrade detta område till modern stil?
Det finns tre anledningar till varför det här fältet fungerar bäst för en rullgardinsmeny med flera val:
- de Modern Stilfältet visar en rad med en pil för att utöka listan. Därför är den mer kompakt än den klassiska stilen, som alltid visar 4 rader.
- de Modern Stilfältet låter dig klicka på flera ingångar utan att hålla ner några tangenter. Med Klassisk kommer din besökare att behöva hålla ned Ctrl- eller Kommando-tangenten på sitt tangentbord för att välja mer än en post åt gången.
- Och som vi nämnde ovan, den Modern Syle multi-select rullgardinsmenyn har en sökruta, vilket gör det enkelt att snabbt hitta objektet du vill ha.
Okej, så vi har vår rullgardinsmeny inställd som vi vill. Låt oss spara våra framsteg hittills genom att klicka på Spara överst i formulärbyggaren.
Nu kan vi publicera formuläret. Detta är det sista steget och tar bara några minuter.
Steg 4 – Publicera ditt formulär på din webbplats
Nu när vi har fyllt i formuläret är det dags att publicera det på din WordPress-webbplats.
WPForms låter dig publicera dina formulär var du vill. Du kan lägga till dem i:
I det här exemplet, låt oss skapa en ny sida för formuläret.
Klicka på för att komma igång Bädda in överst i formulärbyggaren.
Låt oss nu gå vidare och klicka Skapa ny sida.
Skriv ett namn för din sida och klicka sedan Kom igen.
WordPress kommer att öppna den nya sidan och visa en förhandsgranskning av ditt formulär. Klicka på den blå Posta antingen Uppdatering knappen uppe till höger.
Nu är din multi-select-rullgardinsmeny aktiv och redo att användas.
Och det är! Du lärde dig hur du enkelt skapar en rullgardinsmeny med flera val i WordPress.
Nästa steg: dela upp formuläret i sidor
Om du letar efter sätt att göra ditt formulär mer kompakt, tänk på att dela upp det på flera sidor. Detta kan göra det mycket lättare att arbeta med långa former.
För att lära dig hur du lägger till sidbrytningar i ett formulär, läs vår guide för att skapa ett flerstegsformulär.
Redo att bygga din form? Kom igång idag med det enklaste WordPress-formulärbyggarpluginet. WPForms Pro innehåller många gratis mallar och erbjuder en 14-dagars pengarna-tillbaka-garanti.
Om den här artikeln hjälpte dig, följ oss på Facebook och Twitter för fler gratis WordPress-guider och handledningar.
