Kuidas luua rippmenüüsid WordPressi vormides

Rippmenüüd on vormide tööhobused. Riigi valik, kategooria valik, eelistuste järjestamine – alati, kui kasutajad peavad valima eelnevalt määratletud loendist, toimivad rippmenüüd. Need säästavad ruumi, standardiseerivad andmeid ja juhatavad kasutajaid kehtivate valikute juurde. Siit saate teada, kuidas luua oma WordPressi vormides tõhusaid rippmenüüsid.

Miks kasutada rippmenüüsid?

Eelised tekstiväljade ees

• Standardiseeritud andmed: Ei mingeid trükivigu ega variatsioone
• Juhendatud valik: Kasutajad näevad saadaolevaid valikuid
• Ruumisäästlik: Ahendatud kuni klõpsamiseni
• Mobiilisõbralik: Natiivne valija telefonides
• Kiirem valmimine: Klõps vs tüüp

Eelised raadionuppude ees

• Parem pikkade nimekirjade jaoks: 6+ valikut mahub väiksesse ruumi
• Puhas välimus: Vähem visuaalset segadust
• Keritav: Käsitsege kümneid valikuid

Millal rippmenüüsid kasutada

• 6+ valikut (vähem = kaaluge raadionuppe)
• Eelnevalt määratletud, teadaolevad valikud
• Nõutav on üks valik
• Ruumi on piiratud
• Andmete standardiseerimine on oluline

Lihtsa rippmenüü loomine

1. samm: rippmenüü lisamine

1. Ava oma vorm rakenduses A.F.B.
2. leidma Rippmenüü väljatüüpides
3. Lohistage oma vormile

2. samm: sildi seadistamine

Silt: „Kuidas te meist kuulsite?“ Kohatäide: „Valige variant...“ Nõutav: Jah/Ei

3. samm: lisage valikud

Sisesta iga valik uuele reale:

Google'i otsing Sotsiaalmeedia Sõber või kolleeg Reklaam Blogi või artikkel Muu

4. samm: eelvaade ja testimine

1. Salvesta vorm
2. Eelvaade esiküljel
3. Valikute kinnitamiseks klõpsake rippmenüüd
4. Esita testkirjeldus

Rippmenüü konfiguratsioonivalikud

Basic Settings

• Valmistaja: Küsimus või küsimus
• Kohatäide: Vaikimisi tekst (nt „Vali…”)
• nõutav: Esitamiseks tuleb valida
• Abitekst: Lisajuhised

Valikud Seaded

• Valikute loend: Saadaval olevad valikud
• Vaikimisi valitud: Eelvalitud valik
• Otsitav: Filtreerimiseks tippige
• Mitmikvalik: Vali mitu

Rippmenüü valikute lisamine

Lihtne nimekiri

Variant 1 Variant 2 Variant 3 Variant 4

Siltidest erinevate väärtustega

Üks asi kuvatakse, teine ​​hoiustatakse:

Kuva: „Ameerika Ühendriigid” Väärtus: „US” Kuva: „Ühendkuningriik” Väärtus: „UK”

Grupeeritud valikud (Optgroups)

--- Põhja-Ameerika --- Ameerika Ühendriigid Kanada Mehhiko --- Euroopa --- Ühendkuningriik Saksamaa Prantsusmaa

Paljud valikud

Pikkade nimekirjade puhul kaaluge järgmist:

• tähestikulises järjekorras
• Kõige levinumad valikud esimesena
• Otsitav lubatud
• Loogilised rühmitused

Kohatäite tekst

Mis on kohatäide?

Tekst, mis kuvatakse enne, kui kasutaja teeb valiku:

[Vali suvand... ▼] ← Kohatäide

Head kohatäite näited

"Vali oma riik..." "Vali kategooria..." "Vali ajapilu..." "-- Palun vali --" "Vali üks"

Kohatäite parimad tavad

• Hoidke see lühike
• Tee selgeks, et see on viip
• Ära kasuta kehtiva valikuna
• Kaaluge vormingut „– Vali –”

Otsitavad rippmenüüd

Mis on otsitav?

Kasutajad saavad filtreerimisvalikute sisestamiseks sisestada:

[Otsimiseks tippige... ▼] Kasutaja tüüp: "ger" Näitab: Saksamaa, Alžeeria, Niger

Millal otsinguvõimalust lubada

• 20+ valikut
• Riikide/osariikide loendid
• Tootekataloogid
• Suvaline pikk nimekiri

Otsitava lubamine

1. Valige rippmenüü väli
2. Leia valik „Otsitav”
3. Lülita SISSE

Otsitav kasutajakogemus

1. Kasutaja klõpsab rippmenüül 2. Ilmub tekstisisestus 3. Kasutaja tipib osalise vaste 4. Valikute filter reaalajas 5. Kasutaja valib filtreeritud loendist

Mitme valikuga rippmenüüd

Üksik vs mitu valikut

Üks valik: kasutaja valib ÜHE valiku Mitmik valik: kasutaja valib MITU valikut

Millal mitmikvalikut kasutada

• „Valige kõik sobivad”
• Mitmed huvid/eelistused
• Mitme kategooria valimine
• Kui märkeruudud võtaksid liiga palju ruumi

Mitme valiku lubamine

1. Valige rippmenüü väli
2. Leidke „Luba mitu valikut”
3. Lülita SISSE

Mitme valikuga välimus

[Veebidisain, SEO, turundus ▼] Valitud üksused kuvatakse siltide/kiipidena

Mitmikvalik piirangutega

Kombineeri min/max valikuga:

"Vali 2-4 teemat" Min: 2 Max: 4

Konfiguratsiooni näited

Näide 1: Riigi valik

Silt: „Riik” Kohatäide: „Valige oma riik...” Otsitav: Jah Nõutav: Jah Valikud: [195+ riiki tähestikulises järjekorras]

Näide 2: Päringu tüüp

Silt: "Mille kohta teie päring on?" Kohatäide: "Valige kategooria..." Nõutav: Jah Valikud: - Müük - Tugi - Arveldus - Partnerlus - Pressiteated/meedia - Muu

Näide 3: Eelarvevahemik

Silt: "Milline on teie eelarve?" Kohatäide: "Valige vahemik..." Nõutav: Ei Valikud: - Alla 1,000 $ - 1,000 $ - 5,000 $ - 5,000 $ - 10 000 $ - 10 000 $ - 25 000 $ - 25 000 $+ - Pole veel kindel

Näide 4: Ajapilu

Silt: „Eelistatud kohtumise aeg” Kohatäide: „Valige aeg...” Nõutav: Jah Valikud: – 9:00–10:00–11:00–1:00–2:00–3:00–4:00

Näide 5: Huvide mitme valikuga

Silt: "Huvipakkuvad teemad" Kohatäide: "Vali teemad..." Mitmikvalik: Jah Otsitav: Jah Valikud: - Tehnoloogia - Äri - Turundus - Disain - Arendus - Analüüs - Turvalisus - Tehisintellekt/masinaõpe

Näide 6: Grupeeritud teenused

Silt: "Millist teenust vajate?" Valikud: --- Veebiteenused --- - Veebidisain - Veebiarendus - E-kaubandus --- Turundus --- - SEO - PPC - Sotsiaalmeedia --- Tugi --- - Hooldus - Majutus - Konsultatsioon

Vaikimisi valik

Vaikimisi pole (soovitatav)

[Vali suvand... ▼]

Kasutaja peab ise valima. Parim kohustuslike väljade jaoks.

Eelvalitud vaikesäte

[Ameerika Ühendriigid ▼] ← Eelvalitud

Kasutage siis, kui:

• Üks variant on ülekaalukalt levinud
• Kiirendab vormide täitmist
• Loogiline vaikeväärtus on olemas

Vaikimisi seadistamine

1. Valikuloendis märkige vaikesuvand
2. Või määrake seadetes „Vaikimisi väärtus”.

Rippmenüü vs raadionupud

Kasuta rippmenüüd, kui

• 6+ valikut
• Pikk nimekiri (riigid, osariigid)
• Ruumi on piiratud
• Valikud on oma olemuselt sarnased

Kasutage raadionuppe, kui

• 2-5 võimalust
• Kõik valikud peaksid olema nähtavad
• Valikutel on kirjeldused
• Visuaalne võrdlus on oluline

Kõrvuti võrdlemine

RIPPMENÜÜ (6+ valikut, peidetud kuni klõpsamiseni): [Vali pakett... ▼] RAADIO NUPUD (2–5 valikut, kõik nähtavad): ○ Tasuta ○ Põhipakett (9 dollarit kuus) ○ Pro (29 dollarit kuus) ○ Ettevõtte pakett (võta meiega ühendust)

Stiili rippmenüüd

Vaikimisi välimus

Rippmenüüd pärivad vormi stiili:

• Äärise värv/raadius
• Tausta värv
• Fondipere/suurus
• polster

Kohandatud stiilivalikud

• Rippmenüü nooleikoon
• Valitud elemendi välimus
• Valikute hõljumisolekud
• Mitme valikuga siltide stiil

Mobiilne stiil

Natiivsed mobiilirakenduste rippmenüüd:

• iOS: ratasvalija
• Android: materjalivalija
• Kooskõlas operatsioonisüsteemiga

Best Practices

1. Järjesta valikud loogiliselt

• Tähestikuline järjekord: Riigid, nimed
• Numbriline: Kogused, vahemikud
• Sagedus: Kõige levinum esimesena
• Kronoloogiline: Ajavahemikud, kuupäevad

2. Hoidke valikud lühikesed

Hea: „Ameerika Ühendriigid” Väldi: „Ameerika Ühendriigid (USA)” Hea: „1,000–5,000 dollarit” Väldi: „Tuhande ja viie tuhande dollari vahel”

3. Vajadusel lisage ka „Muu”

Valikud: - Google - Facebook - LinkedIn - Sõbra soovitus - Muu ← Tuvastab äärepealsed juhtumid

4. Kasutage kohatäidet, mitte esimest valikut

Hea: Kohatäide: "Vali..." Valikud: Valik 1, Valik 2, Valik 3 Väldi: Valikud: "Vali...", Valik 1, Valik 2 (Esimene valik ei tohiks olla viip)

5. Luba pikkade loendite otsing

Kõik rippmenüüd, milles on 15–20+ valikut, peaksid olema otsitavad.

6. Kaaluge laadimisjõudlust

Äärmiselt pikkade nimekirjade (1000+) võib vaja minna:

• Laulev laadimine
• Serveripoolne otsing
• Alamkategooriatesse jagamine

Levinud rippmenüü kasutusjuhud

Kontakt vormid

- Osakond (müük, tugi, arveldus) - Päringu tüüp (küsimus, tagasiside, kaebus) - Kuidas te meie kohta kuulsite

Registreerimisvormid

- Riik - Maakond/Provints - Tööstusharu - Ettevõtte suurus - Ametikoht/roll

Tellimisvormid

- Toote valik - Kogus - Suuruse/värvi variandid - Saatmisviis

Küsitlusvormid

- Hinnanguskaalad (1–10) - Sagedus (mitte kunagi kuni alati) - Nõustumine (täiesti ei ole nõus kuni täielikult nõus)

Broneerimisvormid

- Teenuse tüüp - Eelistatud kuupäev - Ajavahemik - Kestus

Probleemid

Rippmenüü ei kuva valikuid

• Kontrollige, kas valikud on salvestatud
• Kontrolli tühja valikute loendit
• Tühjenda vahemälu ja värskenda

Otsing ei tööta

• Veenduge, et otsitav on lubatud
• JavaScripti vigade kontrollimine
• Testi teises brauseris

Mitme valiku korral kõiki valikuid ei salvestata

• Veenduge, et mitmikvalik oleks lubatud
• Kontrollige vormi esitamise käitlemist
• Testi vähemate valikutega

Mobiilivalija ei ilmu

• Kohandatud stiil võib tühistada natiivse
• Testi päris mobiilseadmes
• JavaScripti konfliktide kontrollimine

kättesaadavus

Klaviatuuril navigeerimine

• Tab-klahviga rippmenüüsse sisenemiseks
• Nooleklahvid navigeerimiseks
• Valimiseks vajutage sisestusklahvi/tühikuklahvi
• Hüppamiseks sisesta esimene täht

Ekraanilugerid

• Silt on õigesti seotud
• Valikud avalikustatud
• Valik kinnitatud

Best Practices

• Selged ja kirjeldavad sildid
• Loogiline valikute järjekord
• Vältige kohatäidet ainsa juhisena

kokkuvõte

Rippmenüüde loomine:

1. Lisa rippmenüü väli – Lohistage vormi saamiseks
2. Määra silt – Selge küsimus/ülesanne
3. Lisa kohatäide – Tekst „Vali…”
4. Sisesta valikud – Üks rea kohta
5. Luba otsitav – Pikkade nimekirjade puhul
6. Luba mitmikvalik – Kui on vaja mitut valikut
7. Nõutav komplekt – Vormi vajaduste põhjal
8. Testige põhjalikult – Kõik valikud, kõik seadmed

Järeldus

Rippmenüüd haldavad vormidel valikute tegemist tõhusalt. Need säästavad ruumi, standardiseerivad andmeid ja toimivad hästi erinevates seadmetes. Lühikeste loendite puhul kaaluge raadionuppude kasutamist. Pikkade loendite puhul lubage otsing. Mitme valiku korral kasutage mitmikvaliku režiimi. Õige konfiguratsioon muudab rippmenüüd võimsateks sisestusväljadeks, mis parandavad nii kasutuskogemust kui ka andmete kvaliteeti.

Automaatne vormide koostaja Sisaldab täisfunktsionaalseid rippmenüüsid otsingurežiimi, mitmikvaliku ja kohandatud stiiliga. Looge professionaalseid valikumenüüsid minutitega.

Kas olete valmis rippmenüüsid lisama? Laadige alla automaatne vormide koostaja ja hakake juba täna rippmenüüde abil vorme looma.