Kako kreirati padajuće menije u WordPress obrascima

Padajući meniji su glavni alat za kreiranje obrazaca. Odabir države, odabir kategorije, rangiranje preferencija - kad god korisnici trebaju birati s unaprijed definirane liste, padajući meniji ispunjavaju očekivanja. Oni štede prostor, standardiziraju podatke i vode korisnike do valjanih opcija. Evo kako kreirati efikasne padajuće menije u vašim WordPress obrascima.

Zašto koristiti padajuće menije?

Prednosti u odnosu na tekstualna polja

• Standardizirani podaci: Bez tipografskih grešaka ili varijacija
• Vođeni odabir: Korisnici vide dostupne opcije
• Efikasan u pogledu prostora: Sklopljeno dok se nije kliknulo
• Pogodno za mobilne uređaje: Izvorni birač na telefonima
• Brže završavanje: Klik u odnosu na tip

Prednosti u odnosu na radio dugmad

• Bolje za duge liste: 6+ opcija stane u mali prostor
• Čistiji izgled: Manje vizualnog nereda
• Pomicanje: Obradite desetine opcija

Kada koristiti padajuće menije

• 6+ opcija (manje = razmotrite radio dugmad)
• Unaprijed definirane, poznate opcije
• Potreban je jedan odabir
• Prostor je ograničen
• Standardizacija podataka je važna

Kreiranje osnovnog padajućeg menija

Korak 1: Dodajte padajuće polje

1. Otvorite svoj obrazac u A.F.B.
2. pronaći Ispustiti u vrstama polja
3. Prevucite u obrazac

Korak 2: Konfigurišite oznaku

Oznaka: "Kako ste čuli za nas?" Rezervisano mjesto: "Odaberite opciju..." Obavezno: Da/Ne

Korak 3: Dodajte opcije

Svaku opciju unesite u novi red:

Google pretraga Društveni mediji Prijatelj ili kolega Oglas Blog ili članak Ostalo

Korak 4: Pregled i testiranje

1. Sačuvajte obrazac
2. Pregled na frontendu
3. Kliknite na padajući meni da biste provjerili opcije
4. Pošalji testni unos

Opcije konfiguracije padajućeg menija

Osnovne postavke

• Label: Pitanje ili podsjetnik
• Čuvar mjesta: Zadani tekst (npr. „Odaberi…“)
• Obavezno: Morate odabrati za slanje
• Tekst pomoći: Dodatne upute

Opcije Postavke

• Lista opcija: Dostupni izbori
• Zadano odabrano: Unaprijed odabrana opcija
• Može se pretraživati: Upišite tekst za filtriranje
• Višestruki odabir: Odaberite više

Dodavanje opcija u padajućem meniju

Simple List

Opcija 1 Opcija 2 Opcija 3 Opcija 4

Sa vrijednostima različitim od oznaka

Izložite jednu stvar, sačuvajte drugu:

Prikaz: "Sjedinjene Američke Države" Vrijednost: "SAD" Prikaz: "Ujedinjeno Kraljevstvo" Vrijednost: "UK"

Grupirane opcije (Optgroups)

--- Sjeverna Amerika --- Sjedinjene Američke Države Kanada Meksiko --- Evropa --- Ujedinjeno Kraljevstvo Njemačka Francuska

Mnogo opcija

Za duge liste, razmotrite:

• Abecedni red
• Najčešće opcije prvo
• Omogućeno pretraživanje
• Logička grupiranja

Tekst čuvara mjesta

Šta je rezervirano mjesto?

Tekst koji se prikazuje prije nego što korisnik odabere opciju:

[Odaberite opciju... ▼] ← Rezervirano mjesto

Dobri primjeri rezerviranih mjesta

"Odaberite svoju državu..." "Odaberite kategoriju..." "Odaberite vremenski interval..." "-- Molimo odaberite --" "Odaberite jedno"

Najbolje prakse za rezervirana mjesta

• Neka bude kratko
• Jasno stavite do znanja da je to upit
• Ne koristiti kao valjanu opciju
• Razmotrite format „– Odaberi –“

Padajući meniji koji se mogu pretraživati

Šta je pretraživo?

Korisnici mogu kucati da bi filtrirali opcije:

[Ukucajte za pretragu... ▼] Korisnički tipovi: "ger" Prikazuje: Njemačka, Alžir, Niger

Kada omogućiti pretraživost

• 20+ opcija
• Liste država/saveznih država
• Katalozi proizvoda
• Bilo koja duga lista

Omogućavanje pretraživosti

1. Odaberite padajuće polje
2. Pronađi opciju „Pretraživo“
3. Uključi

Pretraživo korisničko iskustvo

1. Korisnik klikne na padajući meni 2. Pojavljuje se tekstualni unos 3. Korisnik unosi djelomično podudaranje 4. Opcije se filtriraju u stvarnom vremenu 5. Korisnik bira s filtrirane liste

Padajući meniji za višestruki odabir

Jedan naspram višestrukog odabira

Pojedinačni odabir: Korisnik bira JEDNU opciju Višestruki odabir: Korisnik bira VIŠE opcija

Kada koristiti višestruki odabir

• "Odaberite sve što se odnosi na vas"
• Višestruki interesi/preferencije
• Odabir više kategorija
• Kada bi kućice za potvrdu zauzimale previše prostora

Omogućavanje višestrukog odabira

1. Odaberite padajuće polje
2. Pronađite "Dozvoli višestruki odabir"
3. Uključi

Izgled s višestrukim odabirom

[Web dizajn, SEO, Marketing ▼] Odabrane stavke prikazane kao oznake/čipovi

Višestruki odabir s ograničenjima

Kombinujte sa odabirom min/maks:

"Odaberite 2-4 teme" Min: 2 Maks: 4

Primjeri konfiguracije

Primjer 1: Odabir države

Oznaka: "Država" Rezervirano mjesto: "Odaberite svoju državu..." Pretraživo: Da Obavezno: Da Opcije: [195+ država po abecednom redu]

Primjer 2: Vrsta upita

Oznaka: "O čemu se radi u vašem upitu?" Rezervirano mjesto: "Odaberite kategoriju..." Obavezno: Da Opcije: - Prodaja - Podrška - Naplata - Partnerstvo - Štampa/Mediji - Ostalo

Primjer 3: Raspon budžeta

Oznaka: "Koliki je vaš budžet?" Rezervirano mjesto: "Odaberite raspon..." Obavezno: Ne Opcije: - Ispod 1,000 USD - 1,000 USD - 5,000 USD - 5,000 USD - 10,000 USD - 10,000 USD - 25,000 USD - 25,000 USD+ - Nisam još siguran/sigurna

Primjer 4: Vremenski interval

Oznaka: "Željeno vrijeme zakazanog termina" Rezervirano mjesto: "Odaberite vrijeme..." Obavezno: Da Opcije: - 9:00 - 10:00 - 11:00 - 1:00 - 2:00 - 3:00 - 4:00

Primjer 5: Višestruki odabir interesa

Oznaka: "Teme od interesa" Rezervirano mjesto: "Odaberi teme..." Višestruki odabir: Da Pretraživo: Da Opcije: - Tehnologija - Poslovanje - Marketing - Dizajn - Razvoj - Analitika - Sigurnost - AI/ML

Primjer 6: Grupirane usluge

Oznaka: "Koja vam usluga treba?" Opcije: --- Web usluge --- - Dizajn web stranica - Razvoj web stranica - E-trgovina --- Marketing --- - SEO - PPC - Društvene mreže --- Podrška --- - Održavanje - Hosting - Konsultantske usluge

Zadani odabir

Bez zadanih postavki (preporučeno)

[Odaberite opciju... ▼]

Korisnik mora aktivno birati. Najbolje za obavezna polja.

Unaprijed odabrano zadano

[Sjedinjene Američke Države ▼] ← Unaprijed odabrano

Koristiti kada:

• Jedna opcija je izuzetno uobičajena
• Ubrzava popunjavanje obrasca
• Postoji logička zadana vrijednost

Zadana postavka

1. Na listi opcija označite podrazumevanu opciju
2. Ili postavite "Zadana vrijednost" u postavkama

Padajući meni u odnosu na radio dugmad

Koristite padajući meni kada

• 6+ opcija
• Duga lista (zemlje, države)
• Prostor je ograničen
• Opcije su slične prirode

Koristite radio dugmad kada

• 2-5 opcija
• Sve opcije bi trebale biti vidljive
• Opcije imaju opise
• Vizuelno poređenje je važno

Usporedno poređenje

PADAJUĆI MENI (6+ opcija, skriveno dok se ne klikne): [Odaberite plan... ▼] RADIO DUGMADI (2-5 opcija, sve vidljive): ○ Besplatno ○ Osnovno (9 USD/mjesečno) ○ Pro (29 USD/mjesečno) ○ Enterprise (Kontaktirajte nas)

Padajući meniji za stiliziranje

Zadani izgled

Padajući meniji nasljeđuju stil obrasca:

• Boja/poluprečnik obruba
• Boja pozadine
• Porodica/veličina fonta
• punjenje

Opcije prilagođenog stiliziranja

• Ikona strelice padajućeg menija
• Izgled odabrane stavke
• Stanja zadržavanja opcije iznad opcije
• Stiliziranje oznaka s višestrukim odabirom

Mobilni stil

Padajući meniji za izvorne mobilne uređaje:

• iOS: Birač na kotačiću
• Android: Alat za odabir materijala
• U skladu sa operativnim sistemom

najbolje prakse

1. Logički poredajte opcije

• Abecedno: Države, imena
• Numerički: Količine, rasponi
• Frekvencija: Najčešći prvi
• hronološki: Vremenski intervali, datumi

2. Neka opcije budu koncizne

Dobro: "Sjedinjene Američke Države" Izbjegavajte: "Sjedinjene Američke Države (SAD)" Dobro: "1,000 - 5,000 dolara" Izbjegavajte: "Između hiljadu i pet hiljada dolara"

3. Uključite „Ostalo“ kada je to prikladno

Opcije: - Google - Facebook - LinkedIn - Preporuka prijatelja - Ostalo ← Uhvata granične slučajeve

4. Koristite rezervirano mjesto, a ne prvu opciju

Dobro: Rezervirano mjesto: "Odaberi..." Opcije: Opcija 1, Opcija 2, Opcija 3 Izbjegavajte: Opcije: "Odaberi...", Opcija 1, Opcija 2 (Prva opcija ne bi trebala biti upit)

5. Omogućite pretragu za duge liste

Svaki padajući meni sa 15-20+ opcija trebao bi biti pretraživ.

6. Razmotrite performanse učitavanja

Za izuzetno duge liste (1000+) možda će biti potrebno:

• Lazy loading
• Pretraga na strani servera
• Podjela na podkategorije

Uobičajeni slučajevi upotrebe padajućih menija

Kontaktni obrazci

- Odjel (Prodaja, Podrška, Naplata) - Vrsta upita (Pitanje, Povratne informacije, Žalba) - Kako ste čuli za nas

Obrasci za registraciju

- Država - Savezna država/Provincija - Industrija - Veličina kompanije - Naziv radnog mjesta/uloga

Obrasci za narudžbe

- Izbor proizvoda - Količina - Varijante veličina/boja - Način dostave

Anketni obrasci

- Skale ocjenjivanja (1-10) - Učestalost (Nikad do Uvijek) - Slaganje (Uopšte se ne slažem do U potpunosti se slažem)

Obrasci za rezervaciju

- Vrsta usluge - Željeni datum - Vremenski interval - Trajanje

Rješavanje problema

Padajući meni ne prikazuje opcije

• Provjerite jesu li opcije sačuvane
• Provjerite ima li prazne liste opcija
• Obriši keš memoriju i osvježi

Pretraga ne radi

• Potvrdite da je pretraga omogućena
• Provjerite JavaScript greške
• Testirajte u drugom pregledniku

Višestruki odabir ne sprema sve odabire

• Provjerite je li omogućen višestruki odabir
• Provjerite rukovanje slanjem obrasca
• Testirajte s manje odabira

Mobilni birač se ne prikazuje

• Prilagođeni stil može nadjačati izvorni format
• Testiranje na stvarnom mobilnom uređaju
• Provjerite JavaScript konflikte

pristupačnost

Navigacija po tastaturi

• Tab za fokusiranje padajućeg menija
• Tipke sa strelicama za navigaciju
• Enter/Razmaknica za odabir
• Upišite prvo slovo za skok

Čitači ekrana

• Oznaka je ispravno povezana
• Najavljene opcije
• Odabir potvrđen

najbolje prakse

• Jasne, opisne oznake
• Logički redoslijed opcija
• Izbjegavajte rezervirano mjesto kao jedinu instrukciju

rezime

Kreiranje padajućih menija:

1. Dodaj padajuće polje – Prevucite u obrazac
2. Postavi oznaku – Jasno pitanje/podsjetnik
3. Dodaj rezervirano mjesto – Tekst „Odaberi…“
4. Unesite opcije – Jedan po liniji
5. Omogući pretraživo – Za duge liste
6. Omogući višestruki odabir – Ako je potrebno više izbora
7. Potrebno je postaviti – Na osnovu potreba forme
8. Testirajte temeljno – Sve opcije, svi uređaji

zaključak

Padajući meniji efikasno obrađuju odabir opcija u obrascima. Oni štede prostor, standardiziraju podatke i dobro funkcionišu na različitim uređajima. Za kratke liste, razmislite o radio dugmadima. Za duge liste, omogućite pretragu. Za višestruke odabire, koristite režim višestrukog odabira. Ispravna konfiguracija čini padajuće menije moćnim poljima za unos koja poboljšavaju i korisničko iskustvo i kvalitet podataka.

Automatski kreator obrazaca Uključuje potpuno opremljena padajuća polja s mogućnošću pretraživanja, opcijom višestrukog odabira i prilagođenim stilom. Kreirajte profesionalne menije za odabir za nekoliko minuta.

Spremni za dodavanje padajućih menija? Preuzmite Auto Form Builder i počnite kreirati obrasce s padajućim menijima već danas.