Kā izveidot nolaižamās izvēlnes WordPress formās

Nolaižamās izvēlnes ir veidlapu darba zirgi. Valsts izvēle, kategorijas izvēle, preferenču ranžēšana — ikreiz, kad lietotājiem ir jāizvēlas no iepriekš definēta saraksta, nolaižamās izvēlnes nodrošina to. Tās ietaupa vietu, standartizē datus un vada lietotājus uz derīgām opcijām. Lūk, kā izveidot efektīvas nolaižamās izvēlnes savās WordPress veidlapās.

Kāpēc izmantot nolaižamās izvēlnes?

Priekšrocības salīdzinājumā ar teksta laukiem

• Standartizēti dati: Nav drukas kļūdu vai variāciju
• Vadīta atlase: Lietotāji redz pieejamās opcijas
• Telpas taupīšana: Sakļauts, līdz noklikšķināts
• Piemērots mobilajām ierīcēm: Vietējais atlasītājs tālruņos
• Ātrāka pabeigšana: Klikšķis salīdzinājumā ar veidu

Priekšrocības salīdzinājumā ar radio pogām

• Labāk piemērots gariem sarakstiem: Vairāk nekā 6 iespējas ietilps nelielā telpā
• Tīrāks izskats: Mazāk vizuālas nekārtības
• Ritināms: Apstrādājiet desmitiem iespēju

Kad lietot nolaižamās izvēlnes

• 6+ iespējas (mazāk = apsveriet radiopogas)
• Iepriekš definētas, zināmas opcijas
• Nepieciešama viena izvēle
• Vieta ir ierobežota
• Datu standartizācija ir svarīga

Vienkāršas nolaižamās izvēlnes izveide

1. darbība. Pievienojiet nolaižamo lauku

1. Atveriet savu veidlapu sadaļā A.F.B.
2. Adrese Nolaižamā izvēlne lauka tipos
3. Velciet uz savu veidlapu

2. darbība. Etiķetes konfigurēšana

Etiķete: "Kā jūs par mums uzzinājāt?" Vietturis: "Izvēlieties opciju..." Obligāti: Jā/Nē

3. darbība. Pievienojiet opcijas

Ievadiet katru opciju jaunā rindā:

Google meklēšana Sociālie mediji Draugs vai kolēģis Reklāma Blogs vai raksts Cits

4. darbība: priekšskatīšana un pārbaude

1. Saglabāt veidlapu
2. Priekšskatījums priekšpusē
3. Noklikšķiniet uz nolaižamās izvēlnes, lai pārbaudītu opcijas
4. Iesniegt testa ierakstu

Nolaižamās konfigurācijas opcijas

Pamata iestatījumi

• Etiķete: Jautājums vai aicinājums
• Vietturis: Noklusējuma teksts (piemēram, “Atlasīt…”)
• Obligāti: Jāatlasa, lai iesniegtu
• Palīdzības teksts: Papildu norādījumi

Opciju iestatījumi

• Opciju saraksts: Pieejamās izvēles iespējas
• Noklusējuma atlasītais: Iepriekš atlasīta opcija
• Searchable: Ievadiet, lai filtrētu
• Vairāku opciju atlase: Izvēlieties vairākus

Nolaižamo opciju pievienošana

Vienkāršais saraksts

1. variants 2. variants 3. variants 4. variants

Ar vērtībām, kas atšķiras no etiķetēm

Vienu lietu izvieto, citu uzglabā:

Attēlot: "Amerikas Savienotās Valstis" Vērtība: "ASV" Attēlot: "Apvienotā Karaliste" Vērtība: "AK"

Grupētas opcijas (Optgroups)

--- Ziemeļamerika --- Amerikas Savienotās Valstis Kanāda Meksika --- Eiropa --- Apvienotā Karaliste Vācija Francija

Daudzas opcijas

Gariem sarakstiem apsveriet:

• Alfabētiskā secībā
• Vispirms visizplatītākās iespējas
• Meklēšana iespējota
• Loģiskās grupas

Viettura teksts

Kas ir vietturis?

Teksts, kas tiek parādīts pirms lietotāja izvēles:

[Izvēlieties opciju... ▼] ← Vietturis

Labi vietturu piemēri

"Izvēlieties savu valsti..." "Izvēlieties kategoriju..." "Izvēlieties laika intervālu..." "-- Lūdzu, izvēlieties --" "Izvēlieties vienu"

Viettura labākā prakse

• Saglabājiet to īsu
• Skaidri norādiet, ka tas ir aicinājums
• Nelietot kā derīgu opciju
• Apsveriet formātu “– Atlasīt –”

Meklējamas nolaižamās izvēlnes

Kas ir meklējams?

Lietotāji var rakstīt, lai filtrētu opcijas:

[Ierakstiet, lai meklētu... ▼] Lietotāja tips: "ger" Rāda: Vācija, Alžīrija, Nigēra

Kad iespējot meklēšanu

• Vairāk nekā 20 XNUMX iespēju
• Valstu/štatu saraksti
• Produktu katalogi
• Jebkurš garš saraksts

Meklēšanas iespējošana

1. Atlasīt nolaižamo lauku
2. Atrodiet opciju “Meklējams”
3. Pārslēgt IESL

Meklējama lietotāja pieredze

1. Lietotājs noklikšķina uz nolaižamās izvēlnes. 2. Tiek parādīta teksta ievade. 3. Lietotājs ieraksta daļēju atbilstību. 4. Opciju filtrēšana reāllaikā. 5. Lietotājs atlasa no filtrēta saraksta.

Vairāku elementu atlases nolaižamās izvēlnes

Viena atlase pret vairāku atlasi

Viena izvēle: Lietotājs izvēlas VIENU opciju Vairāku opciju izvēle: Lietotājs izvēlas VAIRĀKAS opcijas

Kad lietot vairāku atlasi

• “Atzīmējiet visus atbilstošos”
• Vairākas intereses/preferences
• Vairāku kategoriju atlasīšana
• Kad izvēles rūtiņas aizņemtu pārāk daudz vietas

Vairāku atlases elementu iespējošana

1. Atlasīt nolaižamo lauku
2. Atrodiet “Atļaut vairākas atlases”
3. Pārslēgt IESL

Vairāku atlases elementu izskats

[Tīmekļa dizains, SEO, mārketings ▼] Atlasītie vienumi tiek parādīti kā tagi/čipi

Vairāku elementu atlase ar ierobežojumiem

Apvienot ar min/max atlasi:

"Izvēlieties 2–4 tēmas" Min: 2 Maks: 4

Konfigurācijas piemēri

1. piemērs: Valsts izvēle

Apzīmējums: "Valsts" Vietturis: "Atlasiet savu valsti..." Meklējams: Jā Obligāti: Jā Iespējas: [195+ valstis alfabētiskā secībā]

2. piemērs: Pieprasījuma veids

Etiķete: "Par ko ir jūsu pieprasījums?" Vietturis: "Atlasiet kategoriju..." Obligāti: Jā Iespējas: - Pārdošana - Atbalsts - Norēķini - Partnerība - Prese/Mediji - Cits

3. piemērs: Budžeta diapazons

Etiķete: "Kāds ir jūsu budžets?" Vietturis: "Atlasiet diapazonu..." Obligāti: Nē Opcijas: - Zem 1,000 USD - 1,000 USD - 5,000 USD - 5,000 USD - 10 000 USD - 10 000 USD - 25 000 USD - 25 000 USD+ - Vēl neesmu pārliecināts

4. piemērs: Laika intervāls

Apzīmējums: "Vēlamais tikšanās laiks" Vietturis: "Izvēlieties laiku..." Obligāti: Jā Iespējas: - 9:00 - 10:00 - 11:00 - 1:00 - 2:00 - 3:00 - 4:00

5. piemērs: vairāku interešu atlase

Etiķete: "Interesējošas tēmas" Vietturis: "Atlasīt tēmas..." Vairāku opciju atlase: Jā Meklējams: Jā Opcijas: - Tehnoloģijas - Bizness - Mārketings - Dizains - Izstrāde - Analītika - Drošība - Mākslīgais intelekts/mašīnmācīšanās

6. piemērs: Grupēti pakalpojumi

Etiķete: "Kāds pakalpojums jums ir nepieciešams?" Iespējas: --- Tīmekļa pakalpojumi --- - Tīmekļa vietņu dizains - Tīmekļa vietņu izstrāde - E-komercija --- Mārketings --- - SEO - PPC - Sociālie mediji --- Atbalsts --- - Uzturēšana - Hostings - Konsultācijas

Noklusējuma atlase

Nav noklusējuma (ieteicams)

[Izvēlieties opciju... ▼]

Lietotājam ir aktīvi jāizvēlas. Vislabāk aizpildāmajiem laukiem.

Iepriekš atlasītais noklusējuma iestatījums

[Amerikas Savienotās Valstis ▼] ← Iepriekš atlasīts

Lietojiet, kad:

• Viena iespēja ir ārkārtīgi izplatīta
• Paātrina veidlapu aizpildīšanu
• Pastāv loģiskā noklusējuma vērtība

Noklusējuma iestatīšana

1. Opciju sarakstā atzīmējiet noklusējuma opciju
2. Vai arī iestatījumos iestatiet “Noklusējuma vērtība”.

Nolaižamā izvēlne pret radiopogām

Izmantot nolaižamo izvēlni, kad

• Vairāk nekā 6 XNUMX iespēju
• Garš saraksts (valstis, štati)
• Vieta ir ierobežota
• Iespējas pēc būtības ir līdzīgas

Izmantot radiopogas, kad

• 2–5 iespējas
• Visām opcijām jābūt redzamām
• Opcijām ir apraksti
• Vizuālā salīdzināšana ir svarīga

Salīdzinājums līdzās

NOLIEKAMĀ IZVĒLE (6+ opcijas, paslēptas, līdz noklikšķina): [Izvēlieties plānu... ▼] RADIO POGAS (2–5 opcijas, visas redzamas): ○ Bezmaksas ○ Pamata (9 USD/mēn.) ○ Pro (29 USD/mēn.) ○ Uzņēmuma versija (Sazinieties ar mums)

Stila nolaižamās izvēlnes

Noklusējuma izskats

Nolaižamās izvēlnes pārmanto formas stilu:

• Apmales krāsa/rādiuss
• Fona krāsa
• Fonta saime/lielums
• Polsterējums

Pielāgotas stila opcijas

• Nolaižamās bultiņas ikona
• Atlasītā vienuma izskats
• Opcijas novietojuma stāvokļi
• Vairāku atlases tagu stils

Mobilais stils

Vietējās mobilo ierīču nolaižamās izvēlnes:

• iOS: Riteņu atlasītājs
• Android: materiālu atlasītājs
• Atbilst OS

Labākā pieredze

1. Loģiski pasūtiet opcijas

• Alfabētiskā secībā: Valstis, nosaukumi
• Skaitliski: Daudzumi, diapazoni
• Biežums: Visbiežāk vispirms
• Hronoloģiski: Laika intervāli, datumi

2. Saglabājiet iespējas kodolīgas

Labi: "Amerikas Savienotās Valstis" Izvairieties no: "Amerikas Savienotās Valstis (ASV)" Labi: "1,000–5,000 ASV dolāru" Izvairieties no: "No tūkstoša līdz pieciem tūkstošiem dolāru"

3. Ja nepieciešams, iekļaujiet arī sadaļu “Cits”

Iespējas: - Google - Facebook - LinkedIn - Drauga ieteikums - Cits ← Noķer nelabvēlīgus gadījumus

4. Izmantojiet aizvietotāju, nevis pirmo opciju

Labi: Vietturis: "Atlasīt..." Opcijas: 1. opcija, 2. opcija, 3. opcija Izvairīties no: Opcijas: "Atlasīt...", 1. opcija, 2. opcija (Pirmajai opcijai nevajadzētu būt uzvednei)

5. Iespējojiet meklēšanu garajos sarakstos

Jebkuram nolaižamajam sarakstam ar 15–20+ opcijām jābūt meklējamam.

6. Apsveriet ielādes veiktspēju

Ļoti gariem sarakstiem (vairāk nekā 1000) var būt nepieciešams:

• Lazi iekraušana
• Servera puses meklēšana
• Sadalīšana apakškategorijās

Bieži sastopami nolaižamās izvēlnes lietošanas gadījumi

Kontaktlēcas Veidlapas

- Nodaļa (Pārdošana, Atbalsts, Rēķini) - Pieprasījuma veids (Jautājums, Atsauksme, Sūdzība) - Kā Jūs par mums uzzinājāt

Reģistrācijas veidlapas

- Valsts - Štats/Province - Nozare - Uzņēmuma lielums - Amata nosaukums/loma

Pasūtījuma veidlapas

- Produktu izvēle - Daudzums - Izmēru/krāsu varianti - Piegādes metode

Aptaujas veidlapas

- Vērtēšanas skalas (1–10) - Biežums (Nekad līdz Vienmēr) - Piekrišana (Pilnībā nepiekrītu līdz Pilnībā piekrītu)

Rezervācijas veidlapas

- Pakalpojuma veids - Vēlamais datums - Laika intervāls - Ilgums

Problēmu novēršana

Nolaižamajā izvēlnē netiek rādītas opcijas

• Pārbaudiet, vai opcijas ir saglabātas
• Pārbaudiet, vai opciju saraksts ir tukšs
• Notīrīt kešatmiņu un atsvaidzināt

Meklēšana nedarbojas

• Pārliecinieties, vai meklēšana ir iespējota
• Pārbaudiet JavaScript kļūdas
• Tests citā pārlūkprogrammā

Vairāku atlases elementu gadījumā netiek saglabātas visas atlases.

• Pārbaudiet, vai ir iespējota vairāku opciju atlase
• Pārbaudiet veidlapu iesniegšanas apstrādi
• Pārbaude ar mazāku izvēļu skaitu

Mobilo ierīču atlasītājs netiek rādīts

• Pielāgots stils var aizstāt vietējo
• Tests uz faktiskās mobilās ierīces
• Pārbaudiet JavaScript konfliktus

Pieejamība

Tastatūras navigācija

• Fokusa nolaižamajā izvēlnē var pārvietoties ar tabulēšanas taustiņu.
• Bulttaustiņi navigācijai
• Ievadiet/atstarpes taustiņš, lai atlasītu
• Ievadiet pirmo burtu, lai pārietu

Ekrāna lasītāji

• Etiķete ir pareizi saistīta
• Izziņotās iespējas
• Izvēle apstiprināta

Labākā pieredze

• Skaidras, aprakstošas ​​etiķetes
• Loģiskā opciju secība
• Izvairieties no viettura kā vienīgās instrukcijas

Kopsavilkums

Nolaižamo izvēļņu izveide:

1. Pievienot nolaižamo lauku – Velciet, lai veidotu
2. Iestatīt etiķeti – Skaidrs jautājums/uzdevums
3. Pievienot vietturi – Teksts “Atlasīt…”
4. Ievadiet opcijas – Pa vienam katrā rindā
5. Iespējot meklēšanu – Gariem sarakstiem
6. Iespējot vairāku elementu atlasi – Ja nepieciešamas vairākas izvēles iespējas
7. Nepieciešams komplekts – Pamatojoties uz veidlapas vajadzībām
8. Rūpīgi pārbaudiet – Visas iespējas, visas ierīces

Secinājumi

Nolaižamās izvēlnes efektīvi apstrādā opciju atlasi veidlapās. Tās ietaupa vietu, standartizē datus un labi darbojas dažādās ierīcēs. Īsiem sarakstiem apsveriet radiopogas. Gariem sarakstiem iespējojiet meklēšanu. Vairākām atlasēm izmantojiet vairāku opciju atlases režīmu. Pareiza konfigurācija padara nolaižamās izvēlnes par jaudīgiem ievades laukiem, kas uzlabo gan lietotāja pieredzi, gan datu kvalitāti.

Automātiska veidlapu veidotāja ietver pilnvērtīgus nolaižamos laukus ar meklēšanas režīmu, vairāku elementu atlases opciju un pielāgotu stilu. Izveidojiet profesionālas atlases izvēlnes dažu minūšu laikā.

Vai esat gatavs pievienot nolaižamās izvēlnes? Lejupielādēt automātisko veidlapu veidotāju un sāciet veidot veidlapas, izmantojot nolaižamās izvēlnes, jau šodien.