როგორ შევქმნათ ჩამოსაშლელი მენიუები WordPress Forms-ში

ჩამოსაშლელი მენიუები ფორმების მთავარი სამუშაო ძალაა. ქვეყნის შერჩევა, კატეგორიის არჩევა, უპირატესობების რანჟირება - როდესაც მომხმარებლებს წინასწარ განსაზღვრული სიიდან არჩევანის გაკეთება სჭირდებათ, ჩამოსაშლელი მენიუები გამოდგება. ისინი ზოგავენ ადგილს, ახდენენ მონაცემების სტანდარტიზაციას და მომხმარებლებს ვალიდურ ვარიანტებზე მიუთითებენ. აი, როგორ შექმნათ ეფექტური ჩამოსაშლელი მენიუები თქვენს WordPress ფორმებში.

რატომ გამოვიყენოთ ჩამოსაშლელი მენიუები?

უპირატესობები ტექსტურ ველებთან შედარებით

• სტანდარტიზებული მონაცემები: არანაირი ორთოგრაფიული შეცდომა ან ვარიაცია
• მიმართულების მიხედვით შერჩევა: მომხმარებლები ხედავენ ხელმისაწვდომ ვარიანტებს
• სივრცის ეფექტურობა: დაკლიკებამდე ჩაკეცილი
• მობილური მეგობრული: მშობლიური ამომრჩევი ტელეფონებზე
• უფრო სწრაფი დასრულება: დაწკაპუნება vs ტიპი

უპირატესობები რადიო ღილაკებთან შედარებით

• გრძელი სიებისთვის უკეთესია: 6+ ვარიანტი, რომელიც პატარა სივრცეშიც კი ეტევა
• უფრო სუფთა გარეგნობა: ნაკლები ვიზუალური არეულობა
• გადახვევადი: ათობით ვარიანტის მართვა

როდის გამოვიყენოთ ჩამოსაშლელი სიები

• 6+ ვარიანტი (ნაკლები = განიხილეთ რადიო ღილაკები)
• წინასწარ განსაზღვრული, ცნობილი პარამეტრები
• საჭიროა ერთი არჩევანი
• ფართი შეზღუდულია
• მონაცემთა სტანდარტიზაცია მნიშვნელოვანია

ძირითადი ჩამოსაშლელი სიის შექმნა

ნაბიჯი 1: დაამატეთ ჩამოსაშლელი ველი

1. გახსენით თქვენი ფორმა A.F.B.
2. მოვძებნით Dropdown ველის ტიპებში
3. გადაათრიეთ თქვენს ფორმაზე

ნაბიჯი 2: ეტიკეტის კონფიგურაცია

ლეიბლი: „როგორ შეიტყვეთ ჩვენს შესახებ?“ ჩანაცვლების ველი: „აირჩიეთ ვარიანტი...“ სავალდებულო: კი/არა

ნაბიჯი 3: დაამატეთ პარამეტრები

შეიყვანეთ თითოეული ვარიანტი ახალ ხაზზე:

Google-ის ძიება სოციალური მედია მეგობარი ან კოლეგა რეკლამა ბლოგი ან სტატია სხვა

ნაბიჯი 4: წინასწარი დათვალიერება და ტესტირება

1. ფორმის შენახვა
2. გადახედვა წინა პლანზე
3. დააწკაპუნეთ ჩამოსაშლელ სიაში ვარიანტების დასადასტურებლად
4. ტესტის ჩანაწერის გაგზავნა

ჩამოსაშლელი კონფიგურაციის პარამეტრები

Ძირითადი პარამეტრები

• ჟანრი: კითხვა ან მინიშნება
• ჩანაცვლების ველი: ნაგულისხმევი ტექსტი (მაგ., „აირჩიეთ…“)
• საჭიროა: გასაგზავნად უნდა აირჩიოთ
• დახმარების ტექსტი: დამატებითი ინსტრუქციები

პარამეტრების პარამეტრები

• პარამეტრების სია: ხელმისაწვდომი არჩევანი
• ნაგულისხმევად არჩეულია: წინასწარ შერჩეული ვარიანტი
• ძებნადია: ფილტრისთვის აკრიფეთ
• მრავალჯერადი შერჩევა: აირჩიეთ რამდენიმე

ჩამოსაშლელი სიის პარამეტრების დამატება

მარტივი სია

ვარიანტი 1 ვარიანტი 2 ვარიანტი 3 ვარიანტი 4

ეტიკეტებისგან განსხვავებული მნიშვნელობებით

ერთი რამის ჩვენება, მეორეს შენახვა:

ჩვენება: „ამერიკის შეერთებული შტატები“ მნიშვნელობა: „აშშ“ ჩვენება: „გაერთიანებული სამეფო“ მნიშვნელობა: „დიდი ბრიტანეთი“

დაჯგუფებული პარამეტრები (Optgroups)

--- ჩრდილოეთ ამერიკა --- ამერიკის შეერთებული შტატები კანადა მექსიკა --- ევროპა --- გაერთიანებული სამეფო გერმანია საფრანგეთი

ბევრი ვარიანტი

გრძელი სიებისთვის, გაითვალისწინეთ:

• ანბანური თანმიმდევრობა
• ყველაზე გავრცელებული ვარიანტები პირველ რიგში
• ძიების ფუნქცია ჩართულია
• ლოგიკური დაჯგუფებები

ადგილის დამჭერის ტექსტი

რა არის ჩანაცვლების ველი?

ტექსტი, რომელიც ნაჩვენებია მომხმარებლის მიერ ვარიანტის არჩევამდე:

[აირჩიეთ ვარიანტი... ▼] ← ჩანაცვლების ველი

კარგი ჩანაცვლების მაგალითები

„აირჩიეთ თქვენი ქვეყანა...“ „აირჩიეთ კატეგორია...“ „აირჩიეთ დროის მონაკვეთი...“ „-- გთხოვთ, აირჩიოთ --“ „აირჩიეთ ერთი“

ჩანაცვლების საუკეთესო პრაქტიკები

• მოკლედ
• ნათლად მიუთითეთ, რომ ეს მოთხოვნაა
• არ გამოიყენოთ როგორც სწორი ვარიანტი
• გაითვალისწინეთ „– აირჩიეთ –“ ფორმატი

ძიების სიები

რა არის საძიებო?

მომხმარებლებს შეუძლიათ აკრიფონ პარამეტრების გასაფილტრად:

[აკრიფეთ ძებნისთვის... ▼] მომხმარებლის ტიპები: "ger" აჩვენებს: გერმანია, ალჟირი, ნიგერი

როდის უნდა ჩართოთ ძიების ფუნქცია

• 20+ ვარიანტი
• ქვეყნების/შტატების სიები
• პროდუქტების კატალოგები
• ნებისმიერი გრძელი სია

ძიების ჩართვა

1. ჩამოსაშლელი ველის არჩევა
2. იპოვეთ „მოძიებადი“ ვარიანტი
3. ჩართვა

ძიების უნარის მქონე მომხმარებლის გამოცდილება

1. მომხმარებლის მიერ დააწკაპუნების ჩამოსაშლელი სია 2. ტექსტის შეყვანა გამოჩნდება 3. მომხმარებელი აკრეფს ნაწილობრივ დამთხვევას 4. პარამეტრების ფილტრი რეალურ დროში 5. მომხმარებელი ირჩევს გაფილტრული სიიდან

მრავალჯერადი შერჩევის ჩამოსაშლელი სიები

ერთჯერადი vs მრავალჯერადი შერჩევა

ერთჯერადი არჩევა: მომხმარებელი ირჩევს ერთ ვარიანტს; მრავალჯერადი არჩევა: მომხმარებელი ირჩევს მრავალ ვარიანტს.

როდის გამოვიყენოთ მრავალჯერადი შერჩევა

• „აირჩიეთ ყველა შესაბამისი“
• მრავალი ინტერესი/პრეფერენცია
• მრავალი კატეგორიის არჩევა
• როდესაც მოსანიშნი ველები ძალიან ბევრ ადგილს დაიკავებს

მრავალჯერადი შერჩევის ჩართვა

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. ან პარამეტრებში დააყენეთ „ნაგულისხმევი მნიშვნელობა“

ჩამოსაშლელი მენიუ vs რადიო ღილაკები

გამოიყენეთ ჩამოსაშლელი სია, როდესაც

• 6+ ვარიანტი
• გრძელი სია (ქვეყნები, შტატები)
• ფართი შეზღუდულია
• ვარიანტები ბუნებით მსგავსია

გამოიყენეთ რადიო ღილაკები, როდესაც

• 2-5 ვარიანტი
• ყველა ვარიანტი ხილული უნდა იყოს
• ვარიანტებს აქვთ აღწერილობები
• ვიზუალური შედარება მნიშვნელოვანია

გვერდიგვერდ შედარება

ჩამოსაშლელი სია (6+ ვარიანტი, დამალულია დაწკაპუნებამდე): [აირჩიეთ გეგმა... ▼] რადიო ღილაკები (2-5 ვარიანტი, ყველა ხილულია): ○ უფასო ○ ძირითადი ($9/თვეში) ○ პრო ($29/თვეში) ○ საწარმო (დაგვიკავშირდით)

სტილის ჩამოსაშლელი სიები

ნაგულისხმევი გარეგნობა

ჩამოსაშლელი სიები ფორმის სტილს მემკვიდრეობით იღებს:

• საზღვრის ფერი/რადიუსი
• ფონის ფერი
• შრიფტის ოჯახი/ზომა
• Padding

მორგებული სტილის ვარიანტები

• ჩამოსაშლელი ისრის ხატულა
• არჩეული ნივთის გარეგნობა
• ოფციის მაუსის გადამრთველის მდგომარეობები
• მრავალჯერადი შერჩევის თეგის სტილი

მობილური სტილი

მშობლიური მობილური მოწყობილობების ჩამოსაშლელი სიები:

• iOS: ბორბლის ამომრჩევი
• Android: მასალის ამომრჩევი
• თავსებადია ოპერაციულ სისტემასთან

საუკეთესო პრაქტიკა

1. ლოგიკურად შეკვეთის ვარიანტები

• ანბანური თანმიმდევრობით: ქვეყნები, სახელები
• რიცხვითი: რაოდენობები, დიაპაზონები
• სიხშირე: ყველაზე გავრცელებული პირველი
• ქრონოლოგიური: დროის მონაკვეთები, თარიღები

2. შეინარჩუნეთ ვარიანტები ლაკონურად

კარგი: „ამერიკის შეერთებული შტატები“ მოერიდეთ: „ამერიკის შეერთებული შტატები (აშშ)“ კარგი: „$1,000 - $5,000“ მოერიდეთ: „ათასიდან ხუთ ათას დოლარამდე“

3. საჭიროების შემთხვევაში, ჩართეთ „სხვა“

ვარიანტები: - Google - Facebook - LinkedIn - მეგობრის რეფერალი - სხვა ← იჭერს საქმეებს

4. გამოიყენეთ ჩანაცვლების ველი და არა პირველი ვარიანტი

კარგი: ჩანაცვლების ველი: „აირჩიეთ...“ ვარიანტები: ვარიანტი 1, ვარიანტი 2, ვარიანტი 3 თავიდან აცილება: ვარიანტები: „აირჩიეთ...“, ვარიანტი 1, ვარიანტი 2 (პირველი ვარიანტი არ უნდა იყოს მოთხოვნა)

5. გრძელი სიების ძიების ჩართვა

ნებისმიერი ჩამოსაშლელი სია 15-20+ ვარიანტით უნდა იყოს მოძიებადი.

6. გაითვალისწინეთ ჩატვირთვის ეფექტურობა

ძალიან გრძელ სიებს (1000+) შეიძლება დასჭირდეთ:

• ზარმაცი დატვირთვა
• სერვერის მხარეს ძიება
• ქვეკატეგორიებად დაყოფა

ჩამოსაშლელი სიის გამოყენების გავრცელებული შემთხვევები

საკონტაქტო ფორმები

- დეპარტამენტი (გაყიდვები, მხარდაჭერა, ანგარიშსწორება) - მოთხოვნის ტიპი (კითხვა, გამოხმაურება, საჩივარი) - როგორ შეიტყვეთ ჩვენს შესახებ

რეგისტრაციის ფორმები

- ქვეყანა - შტატი/პროვინცია - ინდუსტრია - კომპანიის ზომა - თანამდებობის დასახელება/როლი

შეკვეთის ფორმები

- პროდუქტის შერჩევა - რაოდენობა - ზომის/ფერის ვარიანტები - მიწოდების მეთოდი

გამოკითხვის ფორმები

- შეფასების შკალები (1-10) - სიხშირე (არასდროს - ყოველთვის) - თანხმობა (კატეგორიულად არ ვეთანხმები - კატეგორიულად ვეთანხმები)

დაჯავშნის ფორმები

- მომსახურების ტიპი - სასურველი თარიღი - დროის ინტერვალი - ხანგრძლივობა

დიაგნოსტიკა

ჩამოსაშლელი სია არ აჩვენებს ვარიანტებს

• შეამოწმეთ, რომ პარამეტრები შენახულია
• შეამოწმეთ ცარიელი ვარიანტების სია
• ქეშის გასუფთავება და განახლება

ძებნა არ მუშაობს

• დაადასტურეთ, რომ ძიების ფუნქცია ჩართულია
• შეამოწმეთ JavaScript-ის შეცდომები
• ტესტირება სხვადასხვა ბრაუზერში

მრავალჯერადი შერჩევა ყველა არჩევანს არ ინახავს

• დარწმუნდით, რომ მრავალჯერადი შერჩევა ჩართულია
• ფორმის წარდგენის დამუშავების შემოწმება
• ტესტირება ნაკლები არჩევანით

მობილური ამომრჩევი არ ჩანს

• შესაძლოა, მორგებულმა სტილმა მშობლიური სტილი გადაფაროს
• ტესტირება რეალურ მობილურ მოწყობილობაზე
• JavaScript-ის კონფლიქტების შემოწმება

Accessibility

კლავიატურის ნავიგაცია

• ჩამოსაშლელი სია ფოკუსირებისთვის Tab-ით
• ნავიგაციისთვის ისრის ღილაკები
• ასარჩევად შეიყვანეთ/სივრცე
• გადასასვლელად აკრიფეთ პირველი ასო

ეკრანის მკითხველი

• ლეიბლი სწორად არის დაკავშირებული
• გამოცხადებული ვარიანტები
• შერჩევა დადასტურებულია

საუკეთესო პრაქტიკა

• მკაფიო, აღწერილობითი ეტიკეტები
• ლოგიკური ვარიანტების თანმიმდევრობა
• მოერიდეთ ჩანაცვლების ველს, როგორც ერთადერთ ინსტრუქციას.

შემაჯამებელი

ჩამოსაშლელი მენიუს შექმნა:

1. ჩამოსაშლელი ველის დამატება – ფორმაზე გადაიტანეთ
2. ლეიბლის დაყენება – მკაფიო კითხვა/მინიშნება
3. ჩანაცვლების ველის დამატება – ტექსტი „აირჩიეთ…“
4. შეიყვანეთ პარამეტრები - თითო თითო ხაზზე
5. ძიების ჩართვა - გრძელი სიებისთვის
6. მრავალჯერადი შერჩევის ჩართვა - თუ საჭიროა რამდენიმე ვარიანტის არჩევა
7. საჭიროა დაყენება – ფორმის საჭიროებების მიხედვით
8. შეამოწმეთ საფუძვლიანად – ყველა ვარიანტი, ყველა მოწყობილობა

დასკვნა

ჩამოსაშლელი სიები ეფექტურად ამუშავებს ფორმებში ვარიანტების შერჩევას. ისინი ზოგავენ ადგილს, ახდენენ მონაცემების სტანდარტიზაციას და კარგად მუშაობენ სხვადასხვა მოწყობილობებზე. მოკლე სიებისთვის განიხილეთ რადიო ღილაკები. გრძელი სიებისთვის ჩართეთ ძიება. მრავალჯერადი არჩევანისთვის გამოიყენეთ მრავალჯერადი არჩევის რეჟიმი. სწორი კონფიგურაცია ჩამოსაშლელ სიებს ძლიერ შეყვანის ველებად აქცევს, რაც აუმჯობესებს როგორც მომხმარებლის გამოცდილებას, ასევე მონაცემთა ხარისხს.

ავტომატური ფორმების შემქმნელი მოიცავს სრულად ფუნქციონალურ ჩამოსაშლელ ველებს ძიების რეჟიმით, მრავალჯერადი არჩევის ვარიანტით და მორგებული სტილით. შექმენით პროფესიონალური მენიუები წუთებში.

მზად ხართ ჩამოსაშლელი სიების დასამატებლად? ჩამოტვირთეთ ავტომატური ფორმების შემქმნელი და დაიწყეთ ფორმების შექმნა ჩამოსაშლელი მენიუებით დღესვე.