Kuinka luoda pudotusvalikoita WordPress-lomakkeissa

Alasvetovalikot ovat lomakkeiden työjuhtia. Maan valinta, kategorian valinta, mieltymysten järjestykseen asettaminen – aina kun käyttäjien on valittava ennalta määritetystä luettelosta, alasvetovalikot toimivat. Ne säästävät tilaa, standardoivat tietoja ja ohjaavat käyttäjiä kelvollisiin vaihtoehtoihin. Näin luot tehokkaita alasvetovalikoita WordPress-lomakkeisiisi.

Miksi käyttää alasvetovalikoita?

Edut tekstikenttiin verrattuna

• Standardoitu data: Ei kirjoitusvirheitä tai muunnelmia
• Ohjattu valinta: Käyttäjät näkevät käytettävissä olevat vaihtoehdot
• Tilaa säästävä: Tiivistetty, kunnes napsautettiin
• Mobiiliystävällinen: Natiivivalitsin puhelimissa
• Nopeampi valmistuminen: Klikkaus vs. tyyppi

Edut radiopainikkeisiin verrattuna

• Parempi pitkille listoille: 6+ vaihtoehtoa mahtuu pieneen tilaan
• Siistimpi ulkonäkö: Vähemmän visuaalista sotkua
• Vieritettävä: Käsittele kymmeniä vaihtoehtoja

Milloin käyttää alasvetovalikoita

• 6+ vaihtoehtoa (vähemmän = harkitse valintanappien käyttöä)
• Ennalta määritetyt, tunnetut vaihtoehdot
• Yksi valinta vaaditaan
• Tilaa on rajoitetusti
• Datan standardointi on tärkeää

Peruspudotusvalikon luominen

Vaihe 1: Lisää alasvetovalikko

1. Avaa lomakkeesi A.F.B.
2. Löytää Pudotusvalikosta kenttätyypeissä
3. Vedä lomakkeeseen

Vaihe 2: Määritä otsikko

Tunniste: "Mistä kuulit meistä?" Paikkamerkki: "Valitse vaihtoehto..." Pakollinen: Kyllä/Ei

Vaihe 3: Lisää asetuksia

Kirjoita jokainen vaihtoehto uudelle riville:

Google-haku Sosiaalinen media Ystävä tai kollega Mainos Blogi tai artikkeli Muu

Vaihe 4: Esikatselu ja testaus

1. Tallenna lomake
2. Esikatselu käyttöliittymässä
3. Napsauta alasvetovalikkoa tarkistaaksesi vaihtoehdot
4. Lähetä testimerkintä

Alasvetovalikkoasetukset

Basic Settings

• Levy-yhtiö: Kysymys tai kehote
• Paikanpitäjä: Oletusteksti (esim. ”Valitse…”)
• Edellytetään: Lähetettävä valitsemalla
• Ohjeteksti: Lisäohjeet

Asetukset

• Vaihtoehtoluettelo: Käytettävissä olevat vaihtoehdot
• Oletusarvoisesti valittu: Esivalittu vaihtoehto
• Haettavat: Kirjoita suodattaaksesi
• Monivalinta: Valitse useita

Alasvetovalikoiden lisääminen

Yksinkertainen luettelo

Vaihtoehto 1 Vaihtoehto 2 Vaihtoehto 3 Vaihtoehto 4

Arvot poikkeavat otsikoista

Näytä yksi asia, säilytä toinen:

Näyttö: "Yhdysvallat" Arvo: "US" Näyttö: "Yhdistynyt kuningaskunta" Arvo: "UK"

Ryhmitellyt asetukset (Optgroups)

--- Pohjois-Amerikka --- Yhdysvallat Kanada Meksiko --- Eurooppa --- Yhdistynyt kuningaskunta Saksa Ranska

Monia vaihtoehtoja

Pitkien listojen kohdalla kannattaa ottaa huomioon:

• Aakkosjärjestys
• Yleisimmät vaihtoehdot ensin
• Hakukelpoinen
• Loogiset ryhmittelyt

Paikkamerkkiteksti

Mikä on paikkamerkki?

Teksti, joka näkyy ennen kuin käyttäjä valitsee vaihtoehdon:

[Valitse vaihtoehto... ▼] ← Paikkamerkki

Hyviä paikkamerkkiesimerkkejä

"Valitse maasi..." "Valitse kategoria..." "Valitse aikaväli..." "-- Valitse --" "Valitse yksi"

Paikkamerkkien parhaat käytännöt

• Pidä se lyhyt
• Tee selväksi, että kyseessä on kehote
• Älä käytä kelvollisena vaihtoehtona
• Harkitse muotoa ”– Valitse –”

Haettavat alasvetovalikot

Mitä on haettava?

Käyttäjät voivat kirjoittaa suodatusvaihtoehtoja:

[Kirjoita hakeaksesi... ▼] Käyttäjätyypit: "ger" Näyttää: Saksa, Algeria, Niger

Milloin haettava otetaan käyttöön

• 20+ vaihtoehtoa
• Maa-/osavaltioluettelot
• Tuoteluettelot
• Mikä tahansa pitkä lista

Hakukelpoisuuden käyttöönotto

1. Valitse alasvetovalikko
2. Etsi vaihtoehto ”Haettavissa”
3. Kytke PÄÄLLE

Haettava käyttökokemus

1. Käyttäjä napsauttaa alasvetovalikkoa 2. Tekstisyöttö tulee näkyviin 3. Käyttäjä kirjoittaa osittaisen osuman 4. Vaihtoehdot suodatetaan reaaliajassa 5. Käyttäjä valitsee suodatetusta luettelosta

Monivalintapudotusvalikot

Yksittäinen vs. monivalinta

Yksittäinen valinta: Käyttäjä valitsee YHDEN vaihtoehdon Monivalinta: Käyttäjä valitsee USEITA vaihtoehtoja

Milloin käyttää monivalintaa

• "Valitse kaikki sopivat"
• Useita kiinnostuksen kohteita/mieltymyksiä
• Useiden luokkien valitseminen
• Kun valintaruudut vievät liikaa tilaa

Monivalinnan ottaminen käyttöön

1. Valitse alasvetovalikko
2. Etsi kohta ”Salli useita valintoja”
3. Kytke PÄÄLLE

Usean valinnan ulkoasu

[Verkkosivujen suunnittelu, hakukoneoptimointi, markkinointi ▼] Valitut kohteet näytetään tunnisteina/siruina

Monivalinta rajoituksin

Yhdistä min/max-valinnan kanssa:

"Valitse 2–4 aihetta" Min: 2 Max: 4

Konfiguraatiosimerkkejä

Esimerkki 1: Maan valinta

Tunniste: "Maa" Paikkamerkki: "Valitse maasi..." Haettavissa: Kyllä Pakollinen: Kyllä Vaihtoehdot: [yli 195 maata aakkosjärjestyksessä]

Esimerkki 2: Kyselytyyppi

Otsikko: "Mitä tiedustelusi koskee?" Paikkamerkki: "Valitse kategoria..." Pakollinen: Kyllä Vaihtoehdot: - Myynti - Tuki - Laskutus - Yhteistyökumppanit - Lehdistö/Media - Muu

Esimerkki 3: Budjettialue

Otsikko: "Mikä on budjettisi?" Paikkamerkki: "Valitse alue..." Pakollinen: Ei Vaihtoehdot: - Alle 1 000 $ - 1 000 $ - 5 000 $ - 5 000 $ - 10 000 $ - 10 000 $ - 25 000 $ - Yli 25 000 $ - En ole vielä varma

Esimerkki 4: Aikaväli

Tunniste: "Toivottu tapaamisaika" Paikkamerkki: "Valitse aika..." Pakollinen: Kyllä Vaihtoehdot: - 9.00 - 10.00 - 11.00 - 13.00 - 14.00 - 15.00 - 16.00

Esimerkki 5: Usean kiinnostuksen kohteen valinta

Tunniste: "Kiinnostuksen kohteena olevat aiheet" Paikkamerkki: "Valitse aiheet..." Monivalinta: Kyllä Haettavissa: Kyllä Vaihtoehdot: - Teknologia - Liiketoiminta - Markkinointi - Suunnittelu - Kehitys - Analytiikka - Tietoturva - Tekoäly/koneoppiminen

Esimerkki 6: Ryhmitellyt palvelut

Otsikko: "Mitä palvelua tarvitset?" Vaihtoehdot: --- Verkkopalvelut --- - Verkkosivujen suunnittelu - Verkkosivujen kehitys - Verkkokauppa --- Markkinointi --- - Hakukoneoptimointi - Maksuton mainonta - Sosiaalinen media --- Tuki --- - Ylläpito - Hosting - Konsultointi

Oletusvalinta

Ei oletusarvoa (suositus)

[Valitse vaihtoehto... ▼]

Käyttäjän on itse valittava. Paras pakollisille kentille.

Esivalittu oletusarvo

[Yhdysvallat ▼] ← Esivalittu

Käytä, kun:

• Yksi vaihtoehto on erittäin yleinen
• Nopeuttaa lomakkeiden täyttöä
• Looginen oletusarvo on olemassa

Oletusasetus

1. Merkitse oletusvaihtoehto vaihtoehtoluettelossa
2. Tai aseta asetuksista "Oletusarvo".

Alasvetovalikko vs. valintanapit

Käytä alasvetovalikkoa, kun

• 6+ vaihtoehtoa
• Pitkä lista (maat, osavaltiot)
• Tilaa on rajoitetusti
• Vaihtoehdot ovat luonteeltaan samankaltaisia

Käytä radiopainikkeita, kun

• 2–5 vaihtoehtoa
• Kaikkien vaihtoehtojen pitäisi olla näkyvissä
• Vaihtoehdoilla on kuvaukset
• Visuaalinen vertailu on tärkeää

Vierekkäinen vertailu

ALUSVALIKKO (yli 6 vaihtoehtoa, piilossa kunnes napsautat): [Valitse paketti... ▼] VALINTAPAINIKKEET (2–5 vaihtoehtoa, kaikki näkyvissä): ○ Ilmainen ○ Perus (9 dollaria/kk) ○ Pro (29 dollaria/kk) ○ Yritys (Ota yhteyttä)

Tyylien alasvetovalikot

Oletusulkoasu

Alasvetovalikot perivät lomakkeen tyylin:

• Reunuksen väri/säde
• Taustaväri
• Fonttiperhe/koko
• täyte

Mukautetut muotoiluvaihtoehdot

• Alasvetovalikon nuolikuvake
• Valitun kohteen ulkonäkö
• Vaihtoehtojen leijumistilat
• Usean valinnan tagin muotoilu

Mobiilityyli

Natiivit mobiilialasvetovalikot:

• iOS: Rullavalitsin
• Android: Materiaalivalitsin
• Yhdenmukainen käyttöjärjestelmän kanssa

Esimerkkikäytäntöjä

1. Järjestä vaihtoehdot loogisesti

• Aakkosjärjestyksessä: Maat, nimet
• Numeerinen: Määrät, vaihteluvälit
• Taajuus: Yleisin ensin
• Kronologinen: Aikavälit, päivämäärät

2. Pidä vaihtoehdot ytimekkäinä

Hyvä: "Yhdysvallat" Vältä: "Yhdysvallat (USA)" Hyvä: "1 000–5 000 dollaria" Vältä: "Tuhannen ja viidentuhannen dollarin välillä"

3. Sisällytä "Muu" tarvittaessa

Vaihtoehdot: - Google - Facebook - LinkedIn - Ystävän suositus - Muu ← Havaitsee reunatapaukset

4. Käytä paikkamerkkiä, älä ensimmäistä vaihtoehtoa

Hyvä: Paikkamerkki: "Valitse..." Vaihtoehdot: Vaihtoehto 1, Vaihtoehto 2, Vaihtoehto 3 Vältä: Vaihtoehdot: "Valitse...", Vaihtoehto 1, Vaihtoehto 2 (Ensimmäisen vaihtoehdon ei pitäisi olla kehote)

5. Ota pitkien listojen haku käyttöön

Kaikkien yli 15–20 vaihtoehtoa sisältävien alasvetovalikoiden tulisi olla haettavissa.

6. Harkitse lataussuorituskykyä

Erittäin pitkissä listoissa (yli 1000) saatetaan tarvita:

• Laiska lastaus
• Palvelinpuolen haku
• Alakategorioihin jaottelu

Yleisiä alasvetovalikon käyttötapauksia

Yhteystiedot Lomakkeet

- Osasto (myynti, tuki, laskutus) - Tiedustelun tyyppi (kysymys, palaute, valitus) - Mistä kuulit meistä

Ilmoittautumislomakkeet

- Maa - Osavaltio/maakunta - Toimiala - Yrityksen koko - Työnimike/rooli

Tilauslomakkeet

- Tuotevalinta - Määrä - Koko-/värivaihtoehdot - Toimitustapa

Kyselylomakkeet

- Arviointiasteikot (1–10) - Tiheys (Ei koskaan - Aina) - Samaa mieltä (Täysin eri mieltä - Täysin samaa mieltä)

Varauslomakkeet

- Palvelutyyppi - Toivottu päivämäärä - Aikaväli - Kesto

Ongelmien karttoittaminen

Alasvetovalikko ei näytä vaihtoehtoja

• Varmista, että asetukset on tallennettu
• Tarkista tyhjä vaihtoehtoluettelo
• Tyhjennä välimuisti ja päivitä

Haku ei toimi

• Varmista, että haettava on käytössä
• Tarkista JavaScript-virheet
• Testaa eri selaimessa

Monivalinta ei tallenna kaikkia valintoja

• Varmista, että monivalinta on käytössä
• Tarkista lomakkeen lähetysten käsittely
• Testaa vähemmillä valinnoilla

Mobiilivalitsin ei näy

• Mukautettu tyyli voi ohittaa natiivin
• Testaa oikealla mobiililaitteella
• Tarkista JavaScript-ristiriidat

Käytettävyys:

Näppäimistön navigointi

• Avattavaan valikkoon siirry sarkainnuksella
• Nuolinäppäimet navigointiin
• Enter/välilyönti valitaksesi
• Kirjoita ensimmäinen kirjain hypätäksesi

Näytönlukijat

• Tarra liitetty oikein
• Optiot julkistettu
• Valinta vahvistettu

Esimerkkikäytäntöjä

• Selkeät, kuvaavat etiketit
• Looginen vaihtoehtojen järjestys
• Vältä paikkamerkkiä ainoana ohjeena

Yhteenveto

Alasvetovalikoiden luominen:

1. Lisää alasvetovalikko – Vedä lomakkeelle
2. Aseta otsikko – Selkeä kysymys/kehote
3. Lisää paikkamerkki – Teksti ”Valitse…”
4. Anna asetukset – Yksi riviä kohden
5. Ota haettava käyttöön – Pitkille listoille
6. Ota käyttöön monivalinta – Jos tarvitaan useita vaihtoehtoja
7. Pakollinen asetus – Lomaketarpeiden mukaan
8. Testaa huolellisesti – Kaikki vaihtoehdot, kaikki laitteet

Yhteenveto

Pudotusvalikot käsittelevät lomakkeiden vaihtoehtojen valinnan tehokkaasti. Ne säästävät tilaa, standardoivat tietoja ja toimivat hyvin eri laitteilla. Lyhyiden luetteloiden kohdalla harkitse valintanappien käyttöä. Pitkien luetteloiden kohdalla ota käyttöön haku. Useiden vaihtoehtojen kohdalla käytä monivalintatilaa. Oikea kokoonpano tekee pudotusvalikoista tehokkaita syöttökenttiä, jotka parantavat sekä käyttökokemusta että tiedon laatua.

Automaattinen lomakkeiden rakentaja sisältää täysin varustetut alasvetokentät, joissa on hakutoiminto, monivalintatoiminto ja mukautettava tyyli. Luo ammattimaisia ​​valikoita muutamassa minuutissa.

Oletko valmis lisäämään alasvetovalikoita? Lataa automaattinen lomakkeiden rakentaja ja aloita lomakkeiden rakentaminen alasvetovalikoilla jo tänään.