Ինչպես ստեղծել ցանկեր WordPress Forms-ում

Ինչպես ստեղծել ցանկեր WordPress Forms-ում

Իջնող ցանկերը ձևաթղթերի աշխատանքի գործիքներ են։ Երկրի ընտրություն, կատեգորիայի ընտրություն, նախընտրությունների դասակարգում. երբ օգտատերերը պետք է ընտրություն կատարեն նախապես սահմանված ցանկից, իջնող ցանկերը օգնում են։ Դրանք խնայում են տարածք, ստանդարտացնում են տվյալները և ուղղորդում օգտատերերին դեպի վավեր տարբերակներ։ Ահա, թե ինչպես ստեղծել արդյունավետ իջնող ցանկեր ձեր WordPress ձևերում։

Ինչո՞ւ օգտագործել ցանկացվող ընտրացանկեր։

Առավելություններ տեքստային դաշտերի նկատմամբ

  • Ստանդարտացված տվյալներ՝ Տեքստում սխալներ կամ տարբերակներ չկան
  • Ուղղորդված ընտրություն. Օգտատերերը տեսնում են հասանելի տարբերակները
  • Տարածքի արդյունավետություն. Ծալված է մինչև սեղմելը
  • Բջջային բարեկամական. Բնական ընտրիչ հեռախոսների վրա
  • Ավելի արագ ավարտում. Սեղմեք ընդդեմ տեսակի

Առավելություններ ռադիո կոճակների նկատմամբ

  • Ավելի լավ է երկար ցուցակների համար. 6+ տարբերակ՝ փոքր տարածքում տեղավորվելու համար
  • Ավելի մաքուր տեսք. Ավելի քիչ տեսողական խառնաշփոթ
  • Գլորելի՝ Կառավարեք տասնյակ տարբերակներ

Ե՞րբ օգտագործել ցանկերի ցանկերը

  • 6+ տարբերակ (ավելի քիչ = դիտարկել ռադիո կոճակները)
  • Նախապես սահմանված, հայտնի տարբերակներ
  • Պահանջվում է մեկ ընտրություն
  • Տեղերը սահմանափակ են
  • Տվյալների ստանդարտացումը կարևոր է

Հիմնական ցանկի ստեղծում

Քայլ 1. Ավելացնել ցանկի դաշտ

  1. Բացեք ձեր ձևը AFB- ն
  2. Գտնել Ցանկ դաշտային տեսակների մեջ
  3. Քաշեք ձեր ձևաթղթի վրա

Քայլ 2. Պիտակի կարգավորում

Պիտակ՝ «Ինչպե՞ս իմացաք մեր մասին»։ Տեղապահ՝ «Ընտրեք տարբերակ...» Պարտադիր՝ Այո/Ոչ

Քայլ 3. Ավելացնել ընտրանքներ

Մուտքագրեք յուրաքանչյուր տարբերակը նոր տողում։

Google որոնում Սոցիալական ցանցեր Ընկեր կամ գործընկեր Գովազդ Բլոգ կամ հոդված Այլ

Քայլ 4. Նախադիտում և փորձարկում

  1. Պահել ձևը
  2. Նախադիտում առջևի մասում
  3. Սեղմեք ցանկը՝ տարբերակները ստուգելու համար
  4. Ներկայացնել թեստի մուտքագրումը

Կազմաձևման ընտրանքներ՝ իջնող ցանկով

Հիմնական պարամետրեր

  • Պիտակ: Հարց կամ հուշում
  • Տեղապահ՝ Լռելյայն տեքստ (օրինակ՝ «Ընտրել…»)
  • Պահանջվում է ` Պետք է ընտրել՝ ներկայացնելու համար
  • Օգնության տեքստ՝ Լրացուցիչ հրահանգներ

Ընտրանքների կարգավորումներ

  • Ընտրանքների ցանկ՝ Հասանելի ընտրություններ
  • Ընտրված է ըստ լռելյայնի՝ Նախապես ընտրված տարբերակ
  • Որոնելի: Մուտքագրեք՝ զտելու համար
  • Բազմակի ընտրություն՝ Ընտրեք մի քանիսը

Իջնող ցանկի ընտրանքների ավելացում

Պարզ ցուցակ

Ընտրանք 1 Ընտրանք 2 Ընտրանք 3 Ընտրանք 4

Պիտակներից տարբերվող արժեքներով

Ցուցադրել մեկ բան, պահել մեկ այլ բան.

Ցուցադրել՝ «Միացյալ Նահանգներ» Արժեք՝ «ԱՄՆ» Ցուցադրել՝ «Միացյալ Թագավորություն» Արժեք՝ «Մեծ Բրիտանիա»

Խմբավորված տարբերակներ (Optgroups)

--- Հյուսիսային Ամերիկա --- Միացյալ Նահանգներ Կանադա Մեքսիկա --- Եվրոպա --- Միացյալ Թագավորություն Գերմանիա Ֆրանսիա

Շատ ընտրանքներ

Երկար ցուցակների համար հաշվի առեք.

  • Այբբենական կարգով
  • Ամենատարածված տարբերակները նախ
  • Որոնելիությունը միացված է
  • Տրամաբանական խմբավորումներ

Տեղապահի տեքստ

Ի՞նչ է տեղապահը։

Օգտատիրոջ կողմից տարբերակ ընտրելուց առաջ ցուցադրվող տեքստը՝

[Ընտրեք տարբերակ... ▼] ← Տեղապահ

Լավ տեղապահի օրինակներ

"Ընտրեք ձեր երկիրը..." "Ընտրեք կատեգորիա..." "Ընտրեք ժամանակային միջակայք..." "-- Խնդրում ենք ընտրել --" "Ընտրեք մեկը"

Տեղապահի լավագույն փորձը

  • Պահպանեք այն կարճ
  • Հստակեցրեք, որ սա հուշում է
  • Մի՛ օգտագործեք որպես վավեր տարբերակ
  • Դիտարկեք «- Ընտրեք -» ձևաչափը

Որոնելի ցանկեր

Ի՞նչ է որոնելի։

Օգտատերերը կարող են մուտքագրել՝ տարբերակները զտելու համար.

[Մուտքագրեք որոնելու համար... ▼] Օգտատիրոջ տեսակներ՝ "ger" Ցուցադրում է՝ Գերմանիա, Ալժիր, Նիգեր

Ե՞րբ միացնել որոնելիությունը

  • 20+ տարբերակ
  • Երկրների/նահանգների ցուցակներ
  • Ապրանքների կատալոգներ
  • Ցանկացած երկար ցուցակ

Որոնելիի միացում

  1. Ընտրեք ցանկից դուրս եկող դաշտը
  2. Գտեք «Որոնելի» տարբերակը
  3. Միացնել

Որոնելի UX

1. Օգտատերը սեղմում է իջնող ցանկը 2. Հայտնվում է տեքստի մուտքագրումը 3. Օգտատերը մուտքագրում է մասնակի համընկնում 4. Ընտրանքները զտվում են իրական ժամանակում 5. Օգտատերը ընտրում է զտված ցանկից

Բազմակի ընտրության ցանկեր

Մեկ ընդդեմ բազմակի ընտրության

Մեկ ընտրություն. օգտատերն ընտրում է ՄԵԿ տարբերակ։ Բազմակի ընտրություն. օգտատերն ընտրում է ՄԻ ՔԱՆԻ տարբերակ։

Ե՞րբ օգտագործել բազմակի ընտրությունը

  • «Նշեք բոլոր համապատասխանողները»
  • Բազմակի հետաքրքրություններ/նախասիրություններ
  • Ընտրելով բազմաթիվ կատեգորիաներ
  • Երբ նշատուփերը չափազանց շատ տեղ են զբաղեցնում

Բազմակի ընտրության միացում

  1. Ընտրեք ցանկից դուրս եկող դաշտը
  2. Գտեք «Թույլատրել բազմակի ընտրություններ»
  3. Միացնել

Բազմակի ընտրության տեսք

[Վեբ դիզայն, SEO, մարքեթինգ ▼] Ընտրված տարրերը ցուցադրվում են որպես թեգեր/չիպեր

Բազմակի ընտրություն՝ սահմանափակումներով

Միավորել նվազագույն/առավելագույն ընտրության հետ՝

«Ընտրեք 2-4 թեմա» Նվազագույնը՝ 2, առավելագույնը՝ 4

Կարգավորման օրինակներ

Օրինակ 1. Երկրի ընտրություն

Պիտակ՝ «Երկիր» Տեղապահ՝ «Ընտրեք ձեր երկիրը...» Որոնելի՝ Այո Պարտադիր՝ Այո Ընտրանքներ՝ [195+ երկրներ այբբենական կարգով]

Օրինակ 2. Հարցման տեսակը

Պիտակ՝ «Ինչի՞ մասին է ձեր հարցումը»։ Տեղապահ՝ «Ընտրեք կատեգորիա...» Պարտադիր՝ Այո Ընտրանքներ՝ - Վաճառք - Աջակցություն - Հաշիվ-ապրանքագրեր - Գործընկերություն - Մամուլ/ԶԼՄ - Այլ

Օրինակ 3. Բյուջեի միջակայք

Պիտակ՝ «Որքա՞ն է ձեր բյուջեն»: Տեղապահ՝ «Ընտրեք միջակայքը...» Պարտադիր՝ Ոչ Ընտրանքներ՝ - Մինչև $1,000 - $1,000 - $5,000 - $5,000 - $10,000 - $10,000 - $25,000 - $25,000+ - Դեռևս վստահ չեմ

Օրինակ 4. Ժամանակային միջակայք

Պիտակ՝ «Նախընտրելի հանդիպման ժամ» Տեղապահ՝ «Ընտրեք ժամ...» Պարտադիր՝ Այո Ընտրանքներ՝ - 9:00 AM - 10:00 AM - 11:00 AM - 1:00 PM - 2:00 PM - 3:00 PM - 4:00 PM

Օրինակ 5. Հետաքրքրությունների բազմակի ընտրություն

Պիտակ՝ «Հետաքրքրության թեմաներ» Տեղապահ՝ «Ընտրել թեմաներ...» Բազմակի ընտրություն՝ Այո Որոնելի՝ Այո Ընտրանքներ՝ - Տեխնոլոգիա - Բիզնես - Մարքեթինգ - Դիզայն - Մշակում - Վերլուծություն - Անվտանգություն - Արհեստական ​​բանականություն/մեքենայական ուսուցում

Օրինակ 6. Խմբավորված ծառայություններ

Պիտակ՝ «Ի՞նչ ծառայություն է ձեզ անհրաժեշտ»։ Ընտրանքներ՝ --- Վեբ ծառայություններ --- - Կայքի դիզայն - Կայքի մշակում - Էլեկտրոնային առևտուր --- Մարքեթինգ --- - SEO - PPC - Սոցիալական մեդիա --- Աջակցություն --- - Սպասարկում - Հոսթինգ - Խորհրդատվություն

Լռելյայն ընտրություն

Առանց լռելյայնի (խորհուրդ է տրվում)

[Ընտրեք տարբերակ... ▼]

Օգտատերը պետք է ակտիվորեն ընտրի։ Լավագույնը պարտադիր դաշտերի համար։

Նախապես ընտրված լռելյայն

[Միացյալ Նահանգներ ▼] ← Նախապես ընտրված

Օգտագործեք, երբ՝

  • Մեկ տարբերակն առավել տարածված է
  • Արագացնում է ձևի լրացումը
  • Լոգիկական լռելյայն գոյություն ունի

Լռելյայն կարգավորում

  1. Ընտրանքների ցանկում նշեք լռելյայն տարբերակը
  2. Կամ կարգավորումներում սահմանեք «Լռելյայն արժեքը»

Իջնող ցանկ ընդդեմ ռադիո կոճակների

Օգտագործեք ցանկը, երբ

  • 6+ տարբերակ
  • Երկար ցանկ (երկրներ, նահանգներ)
  • Տեղերը սահմանափակ են
  • Ընտրանքները բնույթով նման են

Օգտագործեք ռադիո կոճակներ, երբ

  • 2-5 տարբերակ
  • Բոլոր տարբերակները պետք է տեսանելի լինեն
  • Ընտրանքներն ունեն նկարագրություններ
  • Տեսողական համեմատությունը կարևոր է

Կողք-կողքի համեմատություն

ԸՆԹԱՑՈՂ ՑԱՆԿ (6+ տարբերակ, թաքցված մինչև սեղմելը): [Ընտրեք պլան... ▼] ՌԱԴԻՈ ԿՈՃԱԿՆԵՐ (2-5 տարբերակ, բոլորը տեսանելի են): ○ Անվճար ○ Հիմնական ($9/ամիս) ○ Պրո ($29/ամիս) ○ Ձեռնարկություն (Կապվեք մեզ հետ)

Ոճավորման ցանկեր

Լռելյայն տեսք

Իջնող ցանկերը ժառանգում են ձևի ոճը.

  • Եզրագծի գույնը/շառավիղը
  • Ֆոնի գույնը
  • Տառատեսակի ընտանիք/չափս
  • լիցք

Հատուկ ոճավորման տարբերակներ

  • Իջնող ցանկի սլաքի պատկերակ
  • Ընտրված տարրի տեսքը
  • Ընտրանքի սավառնակի վիճակներ
  • Բազմակի ընտրության պիտակի ոճավորում

Մոբայլ ոճավորում

Բջջային հեռախոսների համար նախատեսված բնօրինակ ցանկեր՝

  • iOS: Անիվային ընտրիչ
  • Android: Նյութերի ընտրիչ
  • Համապատասխանում է OS-ին

Լավագույն փորձեր

1. Պատվերի տարբերակները տրամաբանորեն

  • Այբբենական կարգով՝ Երկրներ, անուններ
  • Թվային: Քանակներ, միջակայքեր
  • Հաճախականություն: Ամենատարածվածը սկզբում
  • Ժամանակագրական: Ժամանակային միջակայքեր, ամսաթվեր

2. Պահեք տարբերակները հակիրճ

Լավ՝ «Միացյալ Նահանգներ» Խուսափել՝ «Ամերիկայի Միացյալ Նահանգներ (ԱՄՆ)» Լավ՝ «$1,000 - $5,000» Խուսափել՝ «Մեկից հինգ հազար դոլարի միջև»

3. Անհրաժեշտության դեպքում ներառեք «Այլ»

Ընտրանքներ՝ - Google - Facebook - LinkedIn - Ընկերոջ ուղղորդում - Այլ ← Առավելագույնը հասցնում է դեպքերի լայն շրջանակ

4. Օգտագործեք տեղապահ, ոչ թե առաջին տարբերակ

Լավ՝ Տեղապահ՝ «Ընտրել...» Ընտրանքներ՝ Ընտրանք 1, Ընտրանք 2, Ընտրանք 3 Խուսափել՝ Ընտրանքներ՝ «Ընտրել...», Ընտրանք 1, Ընտրանք 2 (Առաջին տարբերակը չպետք է հուշում լինի)

5. Միացրեք երկար ցուցակների որոնումը

15-20+ տարբերակներով ցանկացած ցանկ պետք է որոնելի լինի։

6. Հաշվի առեք բեռնման արդյունավետությունը

Չափազանց երկար ցուցակներում (1000+) կարող է անհրաժեշտ լինել.

  • Ծույլ բեռնում
  • Սերվերի կողմից որոնում
  • Ենթակատեգորիաների բաժանում

Հաճախակի օգտագործվող դեպքեր՝ ցանկից դուրս

Կապի ձեւեր

- Բաժին (Վաճառք, Աջակցություն, Հաշիվ-ապրանքագրեր) - Հարցման տեսակ (Հարց, Հետադարձ կապ, Բողոք) - Ինչպե՞ս իմացաք մեր մասին

Գրանցման ձևեր

- Երկիր - Նահանգ/Մարզ - Արդյունաբերություն - Ընկերության չափս - Պաշտոն/դեր

Պատվերի ձևեր

- Ապրանքի ընտրություն - Քանակ - Չափսերի/գույնի տարբերակներ - Առաքման եղանակ

Հարցման ձևեր

- Գնահատման սանդղակներ (1-10) - Հաճախականություն (Երբեք - Միշտ) - Համաձայնություն (Կտրականապես համաձայն չեմ - Լիովին համաձայն եմ)

Պատվիրման ձևեր

- Ծառայության տեսակ - Նախընտրելի ամսաթիվ - Ժամանակային միջակայք - Տևողություն

Troubleshooting

Իջնող ցանկը չի ցուցադրում տարբերակները

  • Ստուգեք, որ տարբերակները պահպանված են
  • Ստուգեք դատարկ ընտրանքների ցանկը
  • Մաքրել քեշը և թարմացնել

Որոնումը չի աշխատում

  • Հաստատեք, որ որոնումը միացված է
  • Ստուգեք JavaScript-ի սխալները
  • Փորձարկում տարբեր զննարկիչում

Բազմակի ընտրությունը չի պահպանում բոլոր ընտրությունները

  • Ստուգեք, որ բազմակի ընտրությունը միացված է
  • Ստուգեք ձևաթղթի ներկայացման գործընթացը
  • Փորձարկում ավելի քիչ ընտրություններով

Բջջային հեռախոսի ընտրիչը չի երևում

  • Հատուկ ոճավորումը կարող է փոխարինել բնօրինակը
  • Փորձարկում իրական բջջային սարքի վրա
  • Ստուգեք JavaScript-ի կոնֆլիկտները

Մատչելիությունը

Ստեղնաշարի նավարկություն

  • Tab-ով կենտրոնանալու համար իջնող ցանկ
  • Սլաքների ստեղներ՝ նավարկելու համար
  • Մուտքագրեք/բացատ ընտրեք
  • Մուտքագրեք առաջին տառը՝ ցատկելու համար

Էկրանի ընթերցիչներ

  • Պիտակը ճիշտ է կապված
  • Հայտարարված տարբերակներ
  • Ընտրությունը հաստատված է

Լավագույն փորձեր

  • Հստակ, նկարագրական պիտակներ
  • Տրամաբանական տարբերակների հերթականություն
  • Խուսափեք տեղապահից որպես միակ հրահանգ

Ամփոփում

Իջնող ընտրացանկերի ստեղծում.

  1. Ավելացնել ցանկի դաշտ - Քաշեք՝ ձևը կազմելու համար
  2. Սահմանել պիտակը - Հստակ հարց/հուշում
  3. Ավելացնել տեղապահ – «Ընտրեք…» տեքստը
  4. Մուտքագրեք տարբերակները - Մեկը մեկ տողում
  5. Միացնել որոնելի - Երկար ցուցակների համար
  6. Միացնել բազմակի ընտրությունը - Եթե անհրաժեշտ է մի քանի տարբերակ
  7. Սահմանել պարտադիր - Ձևի կարիքների հիման վրա
  8. Մանրակրկիտ փորձարկեք - Բոլոր տարբերակները, բոլոր սարքերը

Եզրափակում

Իջնող ցանկերը արդյունավետորեն կարգավորում են տարբերակների ընտրությունը ձևերում: Դրանք խնայում են տարածք, ստանդարտացնում են տվյալները և լավ են աշխատում տարբեր սարքերում: Կարճ ցուցակների համար դիտարկեք ռադիոկոճակները: Երկար ցուցակների համար միացրեք որոնումը: Բազմակի ընտրության համար օգտագործեք բազմակի ընտրության ռեժիմը: Ճիշտ կարգավորումը իջնող ցանկերը դարձնում է հզոր մուտքագրման դաշտեր, որոնք բարելավում են ինչպես օգտագործողի փորձը, այնպես էլ տվյալների որակը:

Ավտոմատ ձևաթղթերի կառուցող Ներառում է լիարժեք իջնող ցանկի դաշտեր՝ որոնման ռեժիմով, բազմակի ընտրության տարբերակով և անհատական ​​ոճավորմամբ: Ստեղծեք պրոֆեսիոնալ ընտրության ցանկեր րոպեների ընթացքում:

Պատրա՞ստ եք ավելացնել ցանկեր։ Ներբեռնեք ավտոմատ ձևաթղթերի կառուցիչը և սկսեք ստեղծել ձևեր իջնող ընտրացանկերի միջոցով այսօր։

Թողնել գրառում

Ձեր էլփոստի հասցեն չի հրապարակվելու. Պահանջվող դաշտերը նշված են աստղանիշով *