Hogyan hozhatsz létre legördülő menüket a WordPress űrlapokban

A legördülő menük az űrlapok munkalovai. Országválasztás, kategóriaválasztás, preferencia-rangsorolás – amikor a felhasználóknak egy előre definiált listából kell választaniuk, a legördülő menük segítenek. Helyet takarítanak meg, szabványosítják az adatokat, és érvényes lehetőségekhez vezetik a felhasználókat. Így hozhatsz létre hatékony legördülő menüket a WordPress űrlapjaidban.

Miért érdemes legördülő menüket használni?

Előnyök a szövegmezőkkel szemben

• Szabványosított adatok: Nincsenek elgépelések vagy variációk
• Irányított kiválasztás: A felhasználók látják az elérhető lehetőségeket
• Helytakarékos: Összecsukva, amíg rá nem kattintanak
• Mobilbarát: Natív választó telefonokon
• Gyorsabb befejezés: Kattintás vs. típus

Előnyök a rádiógombokkal szemben

• Hosszú listákhoz jobb: 6+ lehetőség elfér kis helyen
• Tisztább megjelenés: Kevesebb vizuális rendetlenség
• Görgethető: Több tucatnyi lehetőség kezelése

Mikor használjunk legördülő menüket

• 6+ lehetőség (kevesebb = érdemes megfontolni a választógombokat)
• Előre definiált, ismert opciók
• Egyetlen kiválasztás szükséges
• A hely korlátozott
• Az adatszabványosítás fontos

Alapvető legördülő menü létrehozása

1. lépés: Legördülő mező hozzáadása

1. Nyissa meg az űrlapot itt: A.F.B.
2. Találjon legördülő mezőtípusokban
3. Húzd az űrlapodra

2. lépés: Címke konfigurálása

Címke: „Hogyan hallott rólunk?” Helyőrző: „Válasszon egy lehetőséget…” Kötelező: Igen/Nem

3. lépés: Opciók hozzáadása

Minden opciót új sorban írjon be:

Google Keresés Közösségi média Barát vagy kolléga Hirdetés Blog vagy cikk Egyéb

4. lépés: Előnézet és tesztelés

1. Űrlap mentése
2. Előnézet a frontend-en
3. Kattintson a legördülő menüre a lehetőségek ellenőrzéséhez
4. Teszt bejegyzés beküldése

Legördülő konfigurációs beállítások

Basic Settings

• Címke: Kérdés vagy felszólítás
• Helykitöltő: Alapértelmezett szöveg (pl. „Válasszon…”)
• Kívánt: Ki kell választani a beküldéshez
• Súgó szöveg: További utasítások

Beállítások

• Lehetőségek listája: Elérhető lehetőségek
• Alapértelmezett kiválasztás: Előre kiválasztott opció
• Kereshető: Írjon be a szűréshez
• Többszörös kiválasztás: Válasszon többet

Legördülő menü opciók hozzáadása

Egyszerű lista

1. lehetőség 2. lehetőség 3. lehetőség 4. lehetőség

A címkéktől eltérő értékekkel

Mutass ki egy dolgot, tárolj egy másikat:

Megjelenítés: „Egyesült Államok” Érték: „US” Megjelenítés: „Egyesült Királyság” Érték: „UK”

Csoportosított opciók (Optgroups)

--- Észak-Amerika --- Egyesült Államok Kanada Mexikó --- Európa --- Egyesült Királyság Németország Franciaország

Sok opció

Hosszú listák esetén érdemes figyelembe venni:

• Ábécésorrend
• A leggyakoribb lehetőségek először
• Kereshető engedélyezve
• Logikai csoportosítások

Helyőrző szöveg

Mi a helyőrző?

A szöveg, amely megjelenik, mielőtt a felhasználó kiválaszt egy opciót:

[Válasszon egy lehetőséget... ▼] ← Helyőrző

Jó helykitöltő példák

„Válassza ki az országát...” „Válasszon kategóriát...” „Válasszon idősávot...” „-- Kérjük, válasszon --” „Válasszon egyet”

Helyőrző legjobb gyakorlatok

• Legyen rövid
• Tedd egyértelművé, hogy ez egy felszólítás
• Ne használja érvényes opcióként
• Vegye figyelembe a „– Select –” formátumot

Kereshető legördülő menük

Mi a kereshető?

A felhasználók gépeléssel szűrhetik a beállításokat:

[Gépelje be a keresést... ▼] Felhasználói típusok: „ger” Kiállítások: Németország, Algéria, Niger

Mikor kell engedélyezni a kereshetőséget?

• 20+ lehetőség
• Ország-/államlisták
• Termékkatalógusok
• Bármely hosszú lista

Kereshető engedélyezése

1. Legördülő mező kiválasztása
2. Keresd meg a „Kereshető” opciót
3. Kapcsolja BE

Kereshető felhasználói élmény

1. A felhasználó a legördülő menüre kattint. 2. Megjelenik a szövegbevitel. 3. A felhasználó részleges egyezést ír be. 4. Valós időben szűri a beállításokat. 5. A felhasználó szűrt listából választ.

Többszörös kiválasztású legördülő menük

Egyetlen vagy többszörös kiválasztás

Egyetlen választás: A felhasználó EGY lehetőséget választ Többszörös választás: A felhasználó TÖBB lehetőséget választ

Mikor használjunk többszörös kijelölés funkciót

• „Jelölje be az összes megfelelőt”
• Több érdeklődési kör/preferencia
• Több kategória kiválasztása
• Amikor a jelölőnégyzetek túl sok helyet foglalnának el

Többszörös kijelölés engedélyezése

1. Legördülő mező kiválasztása
2. Keresd meg a „Többszörös kijelölés engedélyezése” lehetőséget.
3. Kapcsolja BE

Többszörös kiválasztású megjelenés

[Webdesign, SEO, Marketing ▼] A kiválasztott elemek címkékként/chipekként jelennek meg

Többszörös kiválasztás korlátozásokkal

Kombináció min/max választással:

"Válasszon 2-4 témát" Min: 2 Max: 4

Konfigurációs példák

1. példa: Országválasztás

Címke: „Ország” Helyőrző: „Válassza ki az országát…” Kereshető: Igen Kötelező: Igen Beállítások: [195+ ország ábécé sorrendben]

2. példa: Lekérdezés típusa

Címke: „Miről érdeklődik?” Helyőrző: „Válasszon kategóriát...” Kötelező: Igen Opciók: - Értékesítés - Támogatás - Számlázás - Partnerség - Sajtó/Média - Egyéb

3. példa: Költségkeret-tartomány

Címke: „Mi a költségvetése?” Helyőrző: „Válasszon tartományt...” Kötelező: Nem Opciók: - 1,000 dollár alatt - 1,000 dollár - 5,000 dollár - 5,000 dollár - 10 000 dollár - 10 000 dollár - 25 000 dollár - 25 000 dollár felett - Még nem biztos

4. példa: Idősáv

Címke: „Előnyben részesített időpont” Helyőrző: „Válasszon időpontot...” Kötelező: Igen Beállítások: - 9:00 - 10:00 - 11:00 - 1:00 - 2:00 - 3:00 - 4:00

5. példa: Többszörös érdeklődési körök kiválasztása

Címke: „Érdeklődésre számot tartó témák” Helyőrző: „Témák kiválasztása...” Többszörös kiválasztás: Igen Kereshető: Igen Beállítások: - Technológia - Üzlet - Marketing - Design - Fejlesztés - Analitika - Biztonság - MI/ML

6. példa: Csoportosított szolgáltatások

Címke: "Melyik szolgáltatásra van szüksége?" Lehetőségek: --- Webszolgáltatások --- - Weboldaltervezés - Weboldalfejlesztés - E-kereskedelem --- Marketing --- - SEO - PPC - Közösségi média --- Támogatás --- - Karbantartás - Tárhely - Tanácsadás

Alapértelmezett kijelölés

Nincs alapértelmezett érték (ajánlott)

[Válasszon egy lehetőséget... ▼]

A felhasználónak aktívan kell választania. A kötelező mezők kitöltéséhez a legjobb.

Előre kiválasztott alapértelmezett

[Egyesült Államok ▼] ← Előre kiválasztott

Használja, amikor:

• Az egyik lehetőség rendkívül gyakori
• Felgyorsítja az űrlap kitöltését
• Logikai alapértelmezett érték létezik

Alapértelmezett beállítás

1. Az opciók listájában jelölje be az alapértelmezett opciót
2. Vagy állítsd be az „Alapértelmezett érték” lehetőséget a beállításokban.

Legördülő menü vs. választógombok

Legördülő menü használata, amikor

• 6+ lehetőség
• Hosszú lista (országok, államok)
• A hely korlátozott
• Az opciók természetükben hasonlóak

Használja a rádiógombokat, amikor

• 2-5 lehetőség
• Minden opciónak láthatónak kell lennie
• A lehetőségekhez tartozik leírás
• A vizuális összehasonlítás fontos

Egymás melletti összehasonlítás

LEGÖRDÜLŐ MENÜ (6+ lehetőség, kattintásig rejtve): [Válasszon egy csomagot... ▼] RADIO GOMBOK (2-5 lehetőség, mindegyik látható): ○ Ingyenes ○ Alap (9 USD/hó) ○ Pro (29 USD/hó) ○ Vállalati (Kapcsolatfelvétel)

Stílus legördülő menük

Alapértelmezett megjelenés

A legördülő menük öröklik az űrlapstílust:

• Szegély színe/sugara
• Háttér színe
• Betűcsalád/méret
• Bélés

Egyedi stílusbeállítások

• Legördülő nyíl ikon
• Kiválasztott elem megjelenése
• Opció lebegési állapotai
• Többszörös kijelölésű címke formázása

Mobil Stílus

Natív mobil legördülő menük:

• iOS: Kerekes választó
• Android: Anyagválasztó
• Az operációs rendszerrel összhangban

Best Practices

1. Rendelési lehetőségek logikusan

• Betűrendes: Országok, nevek
• Számszerű: Mennyiségek, tartományok
• Frekvencia: Leggyakoribb első
• Időrendi: Időpontok, dátumok

2. Tartsa a lehetőségeket tömören

Jó: „Egyesült Államok” Kerülendő: „Amerikai Egyesült Államok (USA)” Jó: „1,000–5,000 dollár” Kerülendő: „Ezer és ötezer dollár között”

3. Adott esetben tüntesse fel az „Egyéb” szót is

Lehetőségek: - Google - Facebook - LinkedIn - Baráti ajánlás - Egyéb ← Kiemelt eseteket észlel

4. Használjon helyőrzőt, ne az első opciót

Jó: Helyőrző: „Válasszon...” Opciók: 1. opció, 2. opció, 3. opció Kerülendő: Opciók: „Válasszon...”, 1. opció, 2. opció (Az első opció nem lehet prompt)

5. Hosszú listák keresésének engedélyezése

Minden olyan legördülő menünek, amely 15-20+ lehetőséget tartalmaz, kereshetőnek kell lennie.

6. Fontolja meg a teljesítmény betöltését

Rendkívül hosszú listák (1000+) esetén szükség lehet:

• Lusta betöltés
• Szerveroldali keresés
• Alkategóriákba bontás

Gyakori legördülő menü használati esetek

Kapcsolattartási űrlapok

- Osztály (Értékesítés, Támogatás, Számlázás) - Megkeresés típusa (Kérdés, Visszajelzés, Panasz) - Honnan hallott rólunk

Regisztrációs űrlapok

- Ország - Állam/Megye - Iparág - Vállalat mérete - Munkakör/beosztás

Megrendelési űrlapok

- Termékválasztás - Mennyiség - Méret-/színváltozatok - Szállítási mód

Felmérési űrlapok

- Értékelési skálák (1-10) - Gyakoriság (Soha - Mindig) - Egyetértés (Határozottan nem értek egyet - Határozottan egyetértek)

Foglalási űrlapok

- Szolgáltatás típusa - Előnyben részesített dátum - Idősáv - Időtartam

Hibaelhárítás

Legördülő menü nem jeleníti meg a beállításokat

• Ellenőrizze, hogy a beállítások mentve vannak-e
• Üres opciólista ellenőrzése
• Töröld a gyorsítótárat és frissítsd

A keresés nem működik

• Kereshetőség engedélyezésének ellenőrzése
• JavaScript hibák ellenőrzése
• Tesztelés különböző böngészőkben

Többszörös kijelölés mentése nem

• Többszörös kiválasztás engedélyezésének ellenőrzése
• Űrlapbeküldés kezelésének ellenőrzése
• Tesztelés kevesebb választással

Mobiltelefon-választó nem jelenik meg

• Az egyéni stílus felülírhatja a natív
• Tesztelés valódi mobileszközön
• JavaScript-ütközések ellenőrzése

Akadálymentesség

Navigáció a billentyűzeten

• Tabbal lehet fókuszálni a legördülő menüre
• Nyílbillentyűk a navigációhoz
• Enter/szóköz a kiválasztáshoz
• Írd be az első betűt az ugráshoz

Képernyőolvasók

• A címke megfelelően van társítva
• Bejelentett opciók
• Kiválasztás megerősítve

Best Practices

• Világos, leíró címkék
• Logikai opciósorrend
• Kerüld a helykitöltőt, mivel az egyetlen utasítás

Összegzésként

Legördülő menük létrehozása:

1. Legördülő mező hozzáadása – Húzd a formához
2. Címke beállítása – Világos kérdés/felhívás
3. Helyőrző hozzáadása – „Válasszon…” szöveg
4. Beállítások megadása – Soronként egy
5. Kereshetőség engedélyezése – Hosszú listákhoz
6. Többszörös kijelölés engedélyezése – Ha több választási lehetőségre van szükség
7. Kötelező beállítás – Az űrlapigények alapján
8. Tesztelje alaposan – Minden lehetőség, minden eszköz

Összegzés

A legördülő menük hatékonyan kezelik az űrlapokon a lehetőségek kiválasztását. Helyet takarítanak meg, szabványosítják az adatokat, és jól működnek több eszközön is. Rövid listák esetén érdemes megfontolni a választógombok használatát. Hosszú listák esetén engedélyezze a keresést. Több elem kiválasztásához használja a többszörös kiválasztási módot. A megfelelő konfigurációval a legördülő menük hatékony beviteli mezőkké válnak, amelyek javítják mind a felhasználói élményt, mind az adatminőséget.

Automatikus űrlapkészítő Teljes funkcionalitású legördülő mezőket tartalmaz kereshető móddal, többszörös kiválasztási lehetőséggel és egyedi stílussal. Hozzon létre professzionális menüket percek alatt.

Készen áll a legördülő menük hozzáadására? Töltse le az automatikus űrlapkészítőt és kezdje el űrlapok létrehozását legördülő menükkel még ma.