Како да креирате паѓачки менија во WordPress формулари

Паѓачките менија се работни коњи за формулари. Избор на земја, избор на категорија, рангирање на преференции - секогаш кога корисниците треба да изберат од претходно дефинирана листа, паѓачките менија го испорачуваат тоа. Тие заштедуваат простор, стандардизираат податоци и ги насочуваат корисниците кон валидни опции. Еве како да креирате ефикасни паѓачки менија во вашите WordPress формулари.

Зошто да користите паѓачки менија?

Предности во однос на текстуалните полиња

• Стандардизирани податоци: Без печатни грешки или варијации
• Водена селекција: Корисниците ги гледаат достапните опции
• Просторно ефикасно: Собрано сè додека не се кликне
• Пријателски за мобилни телефони: Избирач на матични имиња на телефони
• Побрзо завршување: Клик наспроти тип

Предности во однос на радио копчињата

• Подобро за долги листи: 6+ опции се вклопуваат во мал простор
• Почист изглед: Помалку визуелен неред
• Скролливо: Ракувајте со десетици опции

Кога да се користат паѓачки менија

• 6+ опции (помалку = земете ги предвид радио копчињата)
• Претходно дефинирани, познати опции
• Потребен е еден избор
• Просторот е ограничен
• Стандардизацијата на податоците е важна

Креирање основно паѓачко мени

Чекор 1: Додај поле за паѓачко мени

1. Отворете ја вашата форма во А.Ф.Б.
2. Најди Пад во типови на поле
3. Повлечете до вашата форма

Чекор 2: Конфигурирајте ја етикетата

Ознака: „Како дознавте за нас?“ Резервно место: „Изберете опција...“ Задолжително: Да/Не

Чекор 3: Додајте опции

Внесете ја секоја опција во нов ред:

Пребарување на Google Социјални медиуми Пријател или колега Реклама Блог или статија Друго

Чекор 4: Преглед и тестирање

1. Зачувај формулар
2. Преглед на предната страна
3. Кликнете на паѓачкото мени за да ги потврдите опциите
4. Поднесете тест-запис

Паѓачко мени Опции за конфигурација

Основни поставки

• Етикета: Прашање или потсетник
• Резервно место: Стандарден текст (на пр., „Избери…“)
• Потребно: Мора да изберете за поднесување
• Текст за помош: Дополнителни инструкции

Опции Поставки

• Список на опции: Достапни избори
• Стандардно избрано: Претходно избрана опција
• Може да се пребарува: Пишувајте за филтрирање
• Мулти-избери: Изберете повеќе

Додавање опции за паѓачко мени

Едноставна листа

Опција 1 Опција 2 Опција 3 Опција 4

Со вредности различни од етикетите

Прикажи едно, зачувај друго:

Приказ: „Соединети Американски Држави“ Вредност: „САД“ Приказ: „Обединето Кралство“ Вредност: „Велика Британија“

Групирани опции (Optgroups)

--- Северна Америка --- Соединети Американски Држави Канада Мексико --- Европа --- Обединето Кралство Германија Франција

Многу опции

За долги листи, земете го предвид следново:

• Азбучен ред
• Најчестите опции прво
• Пребарувањето е овозможено
• Логички групирања

Текст на место за место

Што е резервирано место?

Текстот прикажан пред корисникот да избере опција:

[Изберете опција... ▼] ← Заменски ознака

Добри примери за задржување на места

„Изберете ја вашата земја...“ „Изберете категорија...“ „Изберете временски термин...“ „-- Ве молиме изберете --“ „Изберете еден“

Најдобри практики за резервирани места

• Скратете го
• Објаснете дека е потсетник
• Не користи како валидна опција
• Размислете за форматот „– Изберете –“

Паѓачки менија што може да се пребаруваат

Што е пребарувачко?

Корисниците можат да пишуваат за да филтрираат опции:

[Внесете за пребарување... ▼] Типови на корисници: "ger" Прикажува: Германија, Алжир, Нигер

Кога да се овозможи пребарување

• 20+ опции
• Листи на земји/држави
• Каталози на производи
• Секоја долга листа

Овозможување на пребарување

1. Изберете паѓачко поле
2. Пронајдете ја опцијата „Пребарливо“
3. Вклучете ВКЛУЧЕНО

Пребарливо корисничко искуство

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: Избирач на материјали
• Во согласност со оперативниот систем

Најдобри практики

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

Пристапност

Навигација на тастатура

• Паѓачко мени со Tab за фокусирање
• Копчиња со стрелки за навигација
• Внесете/Празно место за да изберете
• Внесете ја првата буква за да скокнете

Читачи на екран

• Етикетата е правилно поврзана
• Опциите се објавени
• Изборот е потврден

Најдобри практики

• Јасни, описни етикети
• Логички редослед на опции
• Избегнувајте го резервираното место како единствена инструкција

Резиме

Креирање паѓачки менија:

1. Додај поле за паѓачко мени – Повлечете за да формирате
2. Постави етикета – Јасно прашање/потсетник
3. Додај резервирано место – текст „Избери…“
4. Внесете опции – Еден по линија
5. Овозможи пребарување – За долги листи
6. Овозможи повеќекратен избор – Доколку се потребни повеќе избори
7. Потребен е сет – Врз основа на потребите за формулар
8. Темелно тестирајте – Сите опции, сите уреди

Заклучок

Паѓачките менија ефикасно го обработуваат изборот на опции во формуларите. Тие заштедуваат простор, ги стандардизираат податоците и добро работат на сите уреди. За кратки листи, разгледајте ги радио копчињата. За долги листи, овозможете пребарување. За повеќекратни избори, користете режим на повеќекратен избор. Правилната конфигурација ги прави паѓачките менија моќни полиња за внесување што го подобруваат и корисничкото искуство и квалитетот на податоците.

Автоматски градител на форми Вклучува целосно опремени паѓачки полиња со режим на пребарување, опција за повеќекратен избор и прилагоден стил. Создадете професионални менија за избор за неколку минути.

Подготвени сте да додадете паѓачки менија? Преземи Автоматски креатор на форми и започнете да креирате формулари со паѓачки менија денес.