Nola sortu goitibeherako menuak WordPress formularioetan

Nola sortu goitibeherako menuak WordPress formularioetan

Goitibeherako menuak lan-tresnak dira. Herrialdearen hautaketa, kategoriaren aukeraketa, lehentasunen sailkapena... erabiltzaileek aurrez definitutako zerrenda batetik aukeratu behar dutenean, goitibeherako menuek emaitza ematen dute. Lekua aurrezten dute, datuak estandarizatzen dituzte eta erabiltzaileak aukera baliodunetara gidatzen dituzte. Hona hemen WordPress formularioetan goitibeherako menu eraginkorrak nola sortu.

Zergatik erabili goitibeherako menuak?

Testu-eremuen aldean abantailak

  • Datu estandarizatuak: Akats ortografikorik edo aldaerarik gabe
  • Hautaketa gidatua: Erabiltzaileek eskuragarri dauden aukerak ikusten dituzte
  • Espazio-eraginkortasuna: Klik egin arte tolestuta
  • Mugikorrentzako errespetua: Telefonoetako hautatzaile natiboa
  • Amaiera azkarragoa: Klik egin vs. idatzi

Irrati-botoien aldean abantailak

  • Hobea zerrenda luzeetarako: 6 aukera baino gehiago sartzen dira espazio txiki batean
  • Itxura garbiagoa: Ikusmen-nahasmendu gutxiago
  • Korritu daiteke: Dozenaka aukera kudeatu

Noiz erabili goitibeherako menuak

  • 6+ aukera (gutxiago = kontuan hartu irrati-botoiak)
  • Aurrez definitutako aukerak, ezagunak
  • Hautapen bakarra beharrezkoa da
  • Lekua mugatua da
  • Datuen estandarizazioa garrantzitsua da

Oinarrizko goitibeherako zerrenda bat sortzea

1. urratsa: Gehitu goitibeherako eremua

  1. Ireki zure formularioa hemen: A.F.B.
  2. Aurki goitibehera eremu motetan.
  3. Arrastatu zure formulariora

2. urratsa: Etiketa konfiguratu

Etiketa: "Nola jakin zenuen gure berri?" Leku-markatzailea: "Aukera bat aukeratu..." Beharrezkoa: Bai/Ez

3. urratsa: Gehitu aukerak

Sartu aukera bakoitza lerro berri batean:

Google Bilaketa Sare Sozialak Laguna edo Lankidea Iragarkia Bloga edo Artikulua Bestelakoa

4. urratsa: Aurreikusi eta probatu

  1. Gorde formularioa
  2. Aurreikuspena frontend-ean
  3. Egin klik goitibeherako menuan aukerak egiaztatzeko
  4. Bidali proba-sarrera

Goitibeherako konfigurazio aukerak

Oinarrizko ezarpenak

  • Label: Galdera edo gonbidapena
  • Leku-markatzailea: Testu lehenetsia (adibidez, “Hautatu…”)
  • Required: Bidaltzeko hautatu behar da
  • Laguntza testua: Argibide gehigarriak

Aukeren ezarpenak

  • Aukeren zerrenda: Aukera eskuragarriak
  • Hautatutako lehenetsia: Aurrez hautatutako aukera
  • Bila daiteke: Idatzi iragazteko
  • Aukera anitzeko: Aukeratu anitz

Goitibeherako aukerak gehitzea

Zerrenda sinplea

1. aukera 2. aukera 3. aukera 4. aukera

Etiketetatik desberdinak diren balioekin

Gauza bat erakutsi, beste bat gorde:

Bistaratzea: "Ameriketako Estatu Batuak" Balioa: "AEB" Bistaratzea: "Erresuma Batua" Balioa: "EB"

Aukera Taldekatuak (Optgroups)

--- Ipar Amerika --- Ameriketako Estatu Batuak Kanada Mexiko --- Europa --- Erresuma Batua Alemania Frantzia

Aukera asko

Zerrenda luzeetarako, kontuan hartu:

  • Ordena alfabetikoa
  • Aukera ohikoenak lehenengo
  • Bilaketa gaituta
  • Taldekatze logikoak

Leku-markaren testua

Zer da leku-markatzailea?

Erabiltzaileak aukera bat hautatu aurretik erakusten den testua:

[Aukera bat aukeratu... ▼] ← Leku-markatzailea

Leku-markatzaileen adibide onak

"Aukeratu zure herrialdea..." "Aukeratu kategoria bat..." "Aukeratu ordu-tarte bat..." "-- Mesedez, hautatu --" "Aukeratu bat"

Leku-markatzaileen jardunbide egokiak

  • Jarrai ezazu labur
  • Argi utzi gonbidapena dela
  • Ez erabili aukera baliozko gisa
  • Kontuan hartu “– Hautatu –” formatua

Bila daitezkeen goitibeherako zerrendak

Zer da bilagarria?

Erabiltzaileek idatz dezakete iragazteko aukerak:

[Idatzi bilatzeko... ▼] Erabiltzaile motak: "ger" Ikuskizunak: Alemania, Aljeria, Niger

Noiz gaitu bilaketa-gaitasuna

  • 20 aukera baino gehiago
  • Herrialde/estatuko zerrendak
  • Produktuen katalogoak
  • Edozein zerrenda luze

Bilaketak gaitzea

  1. Hautatu goitibeherako eremua
  2. Bilatu "Bilatu daiteke" aukera
  3. Aktibatu/aktibatu

Bila daitekeen UX

1. Erabiltzaileak goitibeherako menuan klik egiten du 2. Testua agertzen da 3. Erabiltzaileak bat-etortze partziala idazten du 4. Aukeren iragazkia denbora errealean egiten du 5. Erabiltzaileak iragazitako zerrendatik hautatzen du

Hautapen anitzeko goitibeherako zerrendak

Hautapen bakarra vs. hautapen anitzekoa

Hautapen bakarra: Erabiltzaileak aukera BAKARRA hautatzen du Hautapen anizkoa: Erabiltzaileak aukera ANITZ hautatzen ditu

Noiz erabili hautaketa anitzeko funtzioa

  • "Aukeratu aplikatzen diren guztiak"
  • Hainbat interes/lehentasun
  • Hainbat kategoria hautatzea
  • Kontrol-laukiak leku gehiegi hartzen dutenean

Hautapen anitzeko aukera gaitzea

  1. Hautatu goitibeherako eremua
  2. Bilatu “Hautaketa anitz baimendu”
  3. Aktibatu/aktibatu

Itxura hautapen anitzekoa

[Web Diseinua, SEO, Marketina ▼] Hautatutako elementuak etiketa/txipa gisa erakusten dira

Mugadun hautaketa anitza

Konbinatu gutxieneko/gehieneko hautapenarekin:

"Aukeratu 2-4 gai" Min: 2 Max: 4

Konfigurazio adibideak

1. adibidea: Herrialdearen hautaketa

Etiketa: "Herrialdea" Leku-markatzailea: "Aukeratu zure herrialdea..." Bila daiteke: Bai Beharrezkoa: Bai Aukerak: [195+ herrialde alfabetikoki]

2. adibidea: Kontsulta mota

Etiketa: "Zeri buruzkoa da zure kontsulta?" Leku-markatzailea: "Kategoria aukeratu..." Beharrezkoa: Bai Aukerak: - Salmentak - Laguntza - Fakturazioa - Lankidetza - Prentsa/Komunikabideak - Bestelakoa

3. adibidea: Aurrekontu-tartea

Etiketa: "Zein da zure aurrekontua?" Leku-marka: "Aukeratu tartea..." Beharrezkoa: Ez Aukerak: - 1,000 $ baino gutxiago - 1,000 $ - 5,000 $ - 5,000 $ - 10,000 $ - 10,000 $ - 25,000 $ - 25,000 $+ - Oraindik ez nago ziur

4. adibidea: Denbora-tartea

Etiketa: "Hobetsitako hitzordu ordua" Leku-marka: "Aukeratu ordua..." Beharrezkoa: Bai Aukerak: - 9:00 AM - 10:00 AM - 11:00 AM - 1:00 PM - 2:00 PM - 3:00 PM - 4:00 PM

5. adibidea: Interesak hautatzeko aukera anitzak

Etiketa: "Intereseko gaiak" Leku-markatzailea: "Aukeratu gaiak..." Hautapen anitzekoa: Bai Bila daiteke: Bai Aukerak: - Teknologia - Negozioak - Marketina - Diseinua - Garapena - Analitika - Segurtasuna - AI/ML

6. adibidea: Zerbitzu multzokatuak

Etiketa: "Zein zerbitzu behar duzu?" Aukerak: --- Web zerbitzuak --- - Webguneen diseinua - Webguneen garapena - Merkataritza elektronikoa --- Marketina --- - SEO - PPC - Sare sozialak --- Laguntza --- - Mantentze-lanak - Ostatua - Aholkularitza

Hautapen lehenetsia

Lehenetsi gabe (gomendatua)

[Aukera bat aukeratu... ▼]

Erabiltzaileak aktiboki aukeratu behar du. Beharrezko eremuetarako egokiena.

Aurrez hautatutako lehenetsia

[Ameriketako Estatu Batuak ▼] ← Aurrez hautatua

Erabili noiz:

  • Aukera bat oso ohikoa da
  • Inprimakia betetzea bizkortzen du
  • Lehenetsi logikoa badago

Ezarpen lehenetsia

  1. Aukeren zerrendan, markatu lehenetsitako aukera
  2. Edo ezarri “Balio lehenetsia” ezarpenetan

Goitibeherako menua vs irrati-botoiak

Erabili goitibeherako zerrenda noiz

  • 6 aukera baino gehiago
  • Zerrenda luzea (herrialdeak, estatuak)
  • Lekua mugatua da
  • Aukerak antzeko izaerakoak dira

Erabili irrati-botoiak noiz

  • 2-5 aukera
  • Aukera guztiak ikusgai egon beharko lirateke
  • Aukerek deskribapenak dituzte
  • Konparazio bisuala garrantzitsua da

Aldez Aldeko Konparazioa

GOITIBETZE-MENUA (6 aukera baino gehiago, klik egin arte ezkutatuta): [Aukeratu plan bat... ▼] AURRERA-BOTOIAK (2-5 aukera, guztiak ikusgai): ○ Doakoa ○ Oinarrizkoa (9 $/hilean) ○ Profesionala (29 $/hilean) ○ Enpresa (Jarri gurekin harremanetan)

Estiloen goitibeherako menuak

Itxura lehenetsia

Goitibeherako menuek formularioen estiloa heredatzen dute:

  • Ertzaren kolorea/erradioa
  • Atzeko planoaren kolorea
  • Letra-tipoaren familia/tamaina
  • padding

Estilo pertsonalizatuaren aukerak

  • Goitibeherako gezi ikonoa
  • Hautatutako elementuaren itxura
  • Aukeraren gainetik pasatzean dauden egoerak
  • Hautapen anitzeko etiketa estiloa

Mugikorretarako estiloa

Mugikorrerako goitibeherako zerrenda natiboak:

  • iOS: Gurpil-hautatzailea
  • Android: Material hautatzailea
  • Sistema eragilearekin bat dator

JARDUNBIDE EGOKIAK

1. Aukerak logikoki eskatu

  • Alfabetikoki: Herrialdeak, izenak
  • Zenbakizkoa: Kantitateak, tarteak
  • Maiztasuna: Ohikoena lehenengoa.
  • Kronologikoa: Ordutegiak, datak

2. Aukerak labur mantendu

Ona: "Estatu Batuak" Saihestu: "Ameriketako Estatu Batuak (AEB)" Ona: "1,000 $ - 5,000 $" Saihestu: "Mila eta bost mila dolar artean"

3. Sartu “Bestelakoak” dagokionean

Aukerak: - Google - Facebook - LinkedIn - Lagunen erreferentzia - Bestelakoak ← Kasu txarrei aurre egiten die

4. Erabili leku-markatzailea, ez lehenengo aukera

Ona: Leku-markatzailea: "Hautatu..." Aukerak: 1. aukera, 2. aukera, 3. aukera Saihestu: Aukerak: "Hautatu...", 1. aukera, 2. aukera (Lehenengo aukerak ez luke gonbita izan behar)

5. Gaitu zerrenda luzeen bilaketa

15-20 aukera baino gehiago dituen edozein goitibeherako zerrenda bilatu ahal izan beharko litzateke.

6. Kontuan hartu kargatzeko errendimendua

Zerrenda oso luzeek (1000+) honako hauek behar izan ditzakete:

  • Lazy loading
  • Zerbitzariaren aldeko bilaketa
  • Azpikategorietan banatzea

Goitibeherako erabilera kasu ohikoenak

Harremanetarako inprimakiak

- Saila (Salmentak, Laguntza, Fakturazioa) - Kontsulta mota (Galdera, Iritzia, Kexa) - Nola jakin duzu gure berri?

Izena emateko formularioak

- Herrialdea - Estatua/Probintzia - Industria - Enpresaren tamaina - Lanpostua/kargua

Eskaera Inprimakiak

- Produktuen hautaketa - Kantitatea - Tamaina/Kolore aldaerak - Bidalketa metodoa

Inkesta Inprimakiak

- Balorazio eskalak (1-10) - Maiztasuna (Inoiz ez - Beti) - Adostasuna (Erabat desados ​​- Erabat ados)

Erreserba Inprimakiak

- Zerbitzu mota - Nahiago den data - Ordu-tartea - Iraupena

Arazoak

Aukerak ez dira erakusten goitibeherako menuan

  • Egiaztatu aukerak gordeta daudela
  • Aukera zerrenda hutsik dagoen egiaztatu
  • Garbitu cachea eta freskatu

Bilaketa ez dabil

  • Berretsi bilaketa gaituta dagoela
  • Egiaztatu JavaScript akatsak
  • Probatu beste arakatzaile batean

Hautapen anitzak ez ditu hautapen guztiak gordetzen

  • Egiaztatu hautaketa anitzeko aukera gaituta dagoela
  • Egiaztatu formularioaren bidalketaren kudeaketa
  • Probatu hautapen gutxiagorekin

Mugikorreko hautatzailea ez da agertzen

  • Estilo pertsonalizatuak jatorrizko estiloa gainidatzi dezake
  • Benetako gailu mugikorrean probatu
  • Egiaztatu JavaScript gatazkak

Erabilerraztasuna

Teklatuaren nabigazioa

  • Tab fokatzeko goitibeherako menua
  • Nabigatzeko gezi-teklak
  • Sartu/Barrutia hautatzeko
  • Idatzi lehen letra salto egiteko

Pantaila irakurgailuak

  • Etiketa behar bezala lotuta
  • Aukerak iragarrita
  • Hautaketa baieztatuta

JARDUNBIDE EGOKIAK

  • Etiketa argi eta deskribatzaileak
  • Aukera logikoaren ordena
  • Saihestu leku-markatzailea argibide soil gisa

Laburpena

Goitibeherako menuak sortzea:

  1. Gehitu goitibeherako eremua – Arrastatu forma emateko
  2. Ezarri etiketa – Galdera/eskaera argia
  3. Gehitu leku-markatzailea – “Hautatu…” testua
  4. Sartu aukerak – Lerro bakoitzeko bat
  5. Gaitu bilaketa-gaitasuna – Zerrenda luzeetarako
  6. Gaitu hautaketa anitzeko aukera – Aukera bat baino gehiago behar badira
  7. Beharrezkoa da multzoa – Inprimaki beharren arabera
  8. Probatu ondo – Aukera guztiak, gailu guztiak

Ondorioa

Goitibeherako zerrendek modu eraginkorrean kudeatzen dute aukeren hautaketa inprimakietan. Lekua aurrezten dute, datuak estandarizatzen dituzte eta ondo funtzionatzen dute gailu guztietan. Zerrenda laburretarako, kontuan hartu irrati-botoiak. Zerrenda luzeetarako, gaitu bilaketa. Hautapen anitzetarako, erabili hautaketa anitzeko modua. Konfigurazio egokiak goitibeherako zerrendek sarrera-eremu indartsuak bihurtzen ditu, erabiltzailearen esperientzia eta datuen kalitatea hobetuz.

Inprimaki-sortzaile automatikoa Bilaketa modua, hautaketa anitzeko aukera eta estilo pertsonalizatua dituzten goitibeherako eremu osoak ditu. Sortu hautaketa menu profesionalak minutu gutxitan.

Goitibeherako menuak gehitzeko prest? Deskargatu Auto Form Builder eta hasi gaur bertan goitibeherako menuekin formularioak sortzen.

Utzi erantzun bat

Zure helbide elektronikoa ez da argitaratuko. Beharrezko eremuak markatu dira *