Listy wyboru wielokrotnego: pozwól użytkownikom wybierać wiele opcji

„Zaznacz wszystkie pasujące odpowiedzi”. To jedna z najczęstszych instrukcji w formularzach – a pola wyboru pozwalają ją zrealizować. Listy wielokrotnego wyboru pozwalają użytkownikom wybrać wiele opcji z predefiniowanej listy, co jest idealne w przypadku zainteresowań, preferencji, usług i w każdej sytuacji, gdy jedna odpowiedź nie wystarczy.

W tym przewodniku dowiesz się, jak tworzyć efektywne listy wyboru z wieloma polami wyboru dla formularzy WordPress.

Kiedy używać pól wyboru wielokrotnego

Idealny dla

• Wybór zainteresowań: „Które tematy Cię interesują?”
• Zapytanie serwisowe: „Jakie usługi Cię interesują?”
• Preferencje funkcji: „Jakich funkcji potrzebujesz?”
• Metody kontaktu: „Jak mamy się z Tobą skontaktować?”
• Wymagania dietetyczne: „Jakiekolwiek ograniczenia dietetyczne?”
• Umiejętności/wiedza specjalistyczna: „Wybierz swoje obszary specjalizacji”
• Pytania ankietowe: „Które z nich próbowałeś?”

Cechy charakterystyczne

• Możliwość wielokrotnego wyboru (w przeciwieństwie do przycisków radiowych)
• Możliwość wyboru zerowego (chyba że jest to wymagane)
• Wszystkie opcje widoczne jednocześnie
• Niezależne wybory (wybór jednej opcji nie wpływa na pozostałe)

Pola wyboru wielokrotnego a alternatywy

Tworzenie pól wyboru wielokrotnego wyboru

Krok 1: Dodaj pole wyboru

1. Otwórz formularz w A.F.B.
2. Przeciągnij pole wyboru pole do formularza
3. Kliknij, aby skonfigurować

Krok 2: Napisz swoje pytanie

Przykłady etykiet:

• „Które usługi Cię interesują?”
• „Wybierz swoje preferencje”
• „Jakich funkcji potrzebujesz?”
• „Skąd się o nas dowiedziałeś?”

Tekst pomocy:

• „Zaznacz wszystkie, które mają zastosowanie”
• „Wybierz tyle, ile chcesz”
• „Zaznacz wszystkie istotne opcje”

Krok 3: Dodaj swoje opcje

Wprowadź każdą opcję w nowym wierszu:

Projektowanie stron internetowych Usługi SEO Marketing treści Zarządzanie mediami społecznościowymi Marketing e-mailowy Reklama płatna

Krok 4: Wybierz układ

Układ pionowy

☐ Opcja pierwsza ☐ Opcja druga ☐ Opcja trzecia ☐ Opcja czwarta ☐ Opcja piąta

Najlepszy dla:

• Dłuższe etykiety opcji
• Wyświetlacz przyjazny dla urządzeń mobilnych
• Łatwe skanowanie
• Ponad 5 opcji

Układ poziomy

☐ Opcja A ☐ Opcja B ☐ Opcja C ☐ Opcja D

Najlepszy dla:

• Krótkie etykiety
• 3-4 opcje
• Kompaktowy wyświetlacz

Układ siatki

☐ Opcja pierwsza ☐ Opcja druga ☐ Opcja trzecia ☐ Opcja czwarta ☐ Opcja piąta ☐ Opcja szósta

Najlepszy dla:

• Wiele opcji (6-12)
• Etykiety o podobnej długości
• Efektywne wykorzystanie przestrzeni

Krok 5: Skonfiguruj reguły wyboru

Pole wymagane

• Włącz, jeśli użytkownik musi wybrać co najmniej jedną opcję
• Błąd, jeśli nie wybrano niczego podczas przesyłania

Minimalny wybór

• Ustaw minimalną liczbę wyborów
• „Proszę wybrać co najmniej 2 opcje”

Maksymalna liczba wyborów

• Ogranicz liczbę możliwych do wybrania
• „Wybierz maksymalnie 3 opcje”
• Priorytetyzacja sił

Specjalne funkcje pola wyboru

Wybierz wszystkie opcje

Dodaj pole wyboru „Zaznacz wszystko”:

Jak to działa:

• Jedno kliknięcie wybiera wszystkie opcje
• Ponowne kliknięcie powoduje odznaczenie wszystkich
• Wygodne dla długich list

Dobre dla:

• Listy, na których zaznaczenie wszystkich jest powszechne
• „Tak, interesuje mnie wszystko”
• Subskrypcje tematów newslettera

Włącz w ustawieniach: Włącz opcję „Zaznacz wszystkie opcje”

Opcja „Inne” z polem tekstowym

Zezwalaj na wpisy niestandardowe:

☐ Opcja A ☐ Opcja B ☐ Opcja C ☐ Inne: [________________]

Jak to działa:

• „Inne” pojawia się jako ostatnia opcja
• Po zaznaczeniu pojawi się pole tekstowe
• Użytkownik wpisuje swoją własną odpowiedź

Dobre dla:

• Nie można przewidzieć wszystkich możliwych odpowiedzi
• Ankiety i badania
• Odkrywanie nowych opcji

Włącz w ustawieniach: Włącz „Inną opcję”

Opcja „Żadna z powyższych”

Wyraźna rezygnacja:

☐ Opcja A ☐ Opcja B ☐ Opcja C ☐ Żadna z powyższych

Jak to działa:

• Wybranie opcji „Brak” zazwyczaj powoduje odznaczenie innych
• Użytkownik wyraźnie wskazuje „brak zastosowania”
• Inaczej niż pozostawienie pustego pola

Dobre dla:

• Ankiety wymagające jednoznacznej odpowiedzi
• Rozróżnianie „żaden” od „pominiętego”
• Pytania obowiązkowe, w przypadku których żadne nie ma zastosowania

Przykłady pól wyboru wielokrotnego wyboru

Formularz zainteresowania usługami

Nazwa „Jakie usługi Cię interesują?”

Tekst pomocy: „Zaznacz wszystkie, które mają zastosowanie”

Opcje:

• ☐ Projektowanie stron internetowych
• ☐ Tworzenie stron internetowych
• ☐ Optymalizacja SEO
• ☐ Pisanie treści
• ☐ Marketing w mediach społecznościowych
• ☐ Marketing e-mailowy
• ☐ Reklama płatna (PPC)
• ☐ Branding i projektowanie logo

Ustawienia: Wymagane, układ pionowy

Preferencje kontaktu

Nazwa „W jaki sposób wolisz, żebyśmy się z Tobą kontaktowali?”

Opcje:

• ☐ E-mail
• ☐ Rozmowa telefoniczna
• ☐ Wiadomość tekstowa
• ☐ WhatsApp

Ustawienia: Wymagane (przynajmniej jedno), układ poziomy

Wymagania dietetyczne (wydarzenie)

Nazwa „Czy masz jakieś wymagania dietetyczne?”

Opcje:

• ☐ Wegetariańskie
• ☐ Wegańskie
• ☐ Bezglutenowe
• ☐ Bez nabiału
• ☐ Alergia na orzechy
• ☐ Halal
• ☐ Koszerne
• ☐ Inne: [________]
• ☐ Brak

Ustawienia: Opcjonalnie, włączona opcja „Inne”, układ pionowy

Ocena umiejętności (wniosek o pracę)

Nazwa „Wybierz swoje umiejętności techniczne”

Tekst pomocy: „Zaznacz wszystkie, które mają zastosowanie”

Opcje:

• ☐ HTML/CSS
• ☐ JavaScript
• ☐ Reaguj
• ☐ PHP
• ☐ WordPress
• ☐ Python
• ☐ SQL/Bazy danych
• ☐ Git/Kontrola wersji

Ustawienia: Układ siatki (2 kolumny), wymagane minimum 3

Tematy biuletynu

Nazwa „O jakich tematach chciałbyś otrzymywać aktualizacje?”

Opcje:

• ☐ Wiadomości branżowe
• ☐ Aktualizacje produktów
• ☐ Porady i samouczki
• ☐ Studia przypadków
• ☐ Wydarzenia i webinaria
• ☐ Oferty specjalne

Ustawienia: Opcja „Zaznacz wszystko” włączona, opcjonalnie

Ankieta: Skąd się o nas dowiedziałeś?

Nazwa „Skąd się o nas dowiedziałeś?”

Tekst pomocy: „Zaznacz wszystkie, które mają zastosowanie”

Opcje:

• ☐ Wyszukiwarka Google
• ☐ Media społecznościowe (Facebook, Instagram itp.)
• ☐ Przyjaciel lub kolega
• ☐ Reklama internetowa
• ☐ Blog lub artykuł
• ☐ E-mail
• ☐ Targi/wydarzenie
• ☐ Inne: [________]

Ustawienia: Wymagane, opcja „Inne” włączona

Priorytetowanie funkcji

Nazwa „Jakie są Twoje 3 najważniejsze priorytety?”

Tekst pomocy: „Wybierz dokładnie 3 opcje”

Opcje:

• ☐ Prędkość/Wydajność
• ☐ Bezpieczeństwo
• ☐ Łatwość użytkowania
• ☐ Personalizacja
• ☐ Obsługa klienta
• ☐ Cena
• ☐ Opcje integracji
• ☐ Kompatybilność z urządzeniami mobilnymi

Ustawienia: Minimum 3, maksimum 3

Projektowanie efektywnych list opcji

Pisanie dobrych opcji

Być konkretne

Niejasny: „Usługi marketingowe”

Specyficzne: „Marketing w mediach społecznościowych”, „Marketing e-mailowy”, „SEO”

Zachowaj zwięzłość etykiet

Za długie: „Usługi optymalizacji Twojej witryny pod kątem wyszukiwarek”

Lepszy: „Usługi SEO”

Użyj struktury równoległej

Niezgodny:

• Web design
• Potrzebuję pomocy SEO
• Treść

Spójny:

• Web Design
• SEO Services
• Pisanie treści

Zamawiaj logicznie

• Alfabetycznie (dla długich list)
• Według popularności (najczęściej występujące jako pierwsze)
• Według grupowania kategorii
• Według kolejności przepływu pracy

Ile opcji?

Wiadomości weryfikacyjne

Pole wymagane

„Proszę wybrać co najmniej jedną opcję”

Minimum nieosiągnięte

„Proszę wybrać co najmniej [X] opcji”

Maksymalnie przekroczono

„Możesz wybrać maksymalnie [X] opcji”

Wiadomości niestandardowe

Dostosuj do swojego pytania:

• „Proszę nam powiedzieć, jakie usługi Państwa interesują”
• „Wybierz 3 najważniejsze priorytety”
• „Wybierz co najmniej jedną metodę kontaktu”

Najlepsze praktyki

1. Zawsze dodawaj „Zaznacz wszystkie, które mają zastosowanie”

W etykiecie lub tekście pomocy wyraźnie zaznacz, że można dokonać wielokrotnego wyboru.

2. Rozważ opcję „Inne” w przypadku pytań otwartych

Jeśli nie możesz wymienić wszystkich możliwości, dodaj opcję „Inne” z polem tekstowym.

3. Używaj opcji „Brak”, gdy jest to właściwe

W przypadku pytań, na które nie ma prawidłowej odpowiedzi „żaden przypadek”, należy to wyraźnie zaznaczyć.

4. Dopasuj układ do zawartości

• Opcje krótkie → Poziomo lub Siatka
• Opcje długie → Pionowe
• Wiele opcji → Siatka

5. Nie sprawdzaj wstępnie opcji

Pozwól użytkownikom dokonywać własnych wyborów. Wstępne sprawdzanie może:

• Wyniki skośne
• Czuję się manipulantem
• Naruszenie RODO w zakresie zgody na marketing

6. Ustalaj limity, gdy jest to konieczne

Jeśli chcesz ustalić priorytety, ogranicz wybór:

• „Wybierz swoją najlepszą 3” (maksymalnie 3)
• Zmusza do przemyślanych wyborów

7. Opcje powiązane z grupą

W przypadku długich list, zamiast jednej wielkiej listy, rozważ użycie wielu pól wyboru dla każdej kategorii.

Rozważania mobilne

Projekt przyjazny dla dotyku

• Wystarczająco duże cele dotykowe
• Odpowiednia odległość między opcjami
• Kliknięcie etykiety zaznacza pole

Preferowany układ pionowy

Na ekranach urządzeń mobilnych:

• Układy poziome są niezręcznie zawinięte
• Pionowo jest łatwiej czytać
• Przetestuj na rzeczywistych urządzeniach

Rozwiązywanie problemów

Opcje nie są zapisywane

• Upewnij się, że opcje zostały dodane poprawnie
• Sprawdź, czy nie ma pustych linii
• Zapisz formularz i odśwież

Zaznacz wszystko, co nie działa

• Sprawdź, czy funkcja jest włączona
• Sprawdź, czy nie występują konflikty JavaScript
• Wyczyść pamięć podręczną

Układ nie wyświetla się poprawnie

• Sprawdź ustawienia układu
• Motyw CSS może zostać zastąpiony
• Test z domyślnym motywem

Najczęściej zadawane pytania

Ile opcji jest za dużo?

Ponad 12 opcji może być przytłaczające. Rozważ pogrupowanie ich w kategorie, użycie wielu pól wyboru lub przejście na menu rozwijane z wieloma opcjami wyboru.

Czy powinienem używać pól wyboru czy listy rozwijanej z wieloma opcjami wyboru?

Pola wyboru, gdy opcji jest niewiele (3-10) i chcesz, aby wszystkie były widoczne. Lista rozwijana wielokrotnego wyboru, gdy opcji jest wiele, a miejsca jest mało.

Czy mogę ustawić zarówno minimum, jak i maksimum?

Tak. Przykład: „Wybierz od 2 do 5 opcji” z min=2 i maks=5.

Jak sprawić, żeby wymagane było dokładnie 3?

Ustaw wartość minimalną i maksymalną na 3. Użytkownicy muszą wybrać dokładnie 3 opcje.

A co jeśli użytkownicy potrzebują opcji, której nie ma na liście?

Włącz opcję „Inne”, która udostępnia pole tekstowe do wprowadzania niestandardowych wpisów.

Podsumowanie

Tworzenie list wyboru z wieloma polami wyboru:

1. Dodaj pole wyboru – Przeciągnij, aby utworzyć
2. Napisz jasne pytanie – Uwzględnij „zaznacz wszystkie pasujące”
3. Dodaj dobrze napisane opcje – Zwięzły, równoległy, uporządkowany
4. Wybierz odpowiedni układ – Pionowo, poziomo lub siatkowo
5. Konfiguruj reguły wyboru – Wymagane, min./maks., jeśli to konieczne
6. Włącz opcje specjalne – Wybierz wszystko, inne, brak
7. Test na urządzeniu mobilnym – Zapewnienie użyteczności

Wniosek

Listy wyboru z wieloma polami wyboru są niezbędne do gromadzenia wielu preferencji, zainteresowań i wyborów. Dzięki odpowiedniemu projektowi opcji, odpowiednim układom i inteligentnym funkcjom, takim jak „Zaznacz wszystko” i „Inne”, stworzysz przyjazne dla użytkownika pola wyboru, które zbierają potrzebne dane.

Automatyczny kreator formularzy Oferuje w pełni funkcjonalne pola wyboru z układem pionowym, poziomym i siatkowym, opcjami „Zaznacz wszystko”, „Inne” z polem tekstowym, „Żadne z powyższych” oraz minimalnymi/maksymalnymi limitami wyboru. Wszystko, czego potrzebujesz do profesjonalnych pytań wielokrotnego wyboru.

Gotowy na tworzenie formularzy wielokrotnego wyboru? Pobierz Auto Form Builder i pozwól użytkownikom wybrać wszystkie, które mają zastosowanie.