Seznamy zaškrtávacích políček s vícenásobným výběrem: Umožněte uživatelům vybrat více možností
„Vyberte vše, co se hodí.“ Je to jeden z nejběžnějších pokynů ve formulářích – a zaškrtávací políčka jsou způsob, jak toho dosáhnout. Seznamy zaškrtávacích políček s možností výběru více možností umožňují uživatelům vybrat si více možností z předdefinovaného seznamu, což je ideální pro zájmy, preference, služby a jakékoli situace, kdy jedna odpověď nestačí.
V této příručce se naučíte, jak vytvářet efektivní seznamy zaškrtávacích políček s možností výběru více možností pro vaše formuláře WordPress.
Kdy použít zaškrtávací políčka s vícenásobným výběrem
Ideální pro
- Výběr zájmů: „Která témata vás zajímají?“
- Dotaz na službu: „O jaké služby máte zájem?“
- Předvolby funkcí: „Jaké funkce potřebujete?“
- Kontaktní metody: „Jak si přejete, abychom vás kontaktovali?“
- Požadavky na stravu: „Nějaká dietní omezení?“
- Dovednosti/odbornost: „Vyberte si oblasti své odbornosti“
- Otázky v průzkumu: „Které z nich jsi vyzkoušel/a?“
Klíčové vlastnosti
- Více možností je povoleno (na rozdíl od přepínačů)
- Nulový výběr možný (pokud není vyžadován)
- Všechny možnosti viditelné najednou
- Nezávislé volby (výběr jedné volby neovlivní ostatní)
Zaškrtávací políčka s vícenásobným výběrem vs. alternativy
| Zaškrtávací políčka | Tlačítka rádia | Rozbalovací nabídka s vícenásobným výběrem |
|---|---|---|
| Více možností výběru | Pouze jeden výběr | Více možností výběru |
| Všechny možnosti viditelné | Všechny možnosti viditelné | Možnosti skryté, dokud se na ně neklikne |
| Nejlepší pro 3–10 možností | Nejlepší pro 2–5 možností | Dobré pro mnoho možností |
| Snadné skenování | Snadné skenování | Kompaktní, ale vyžaduje interakci |
Vytváření zaškrtávacích políček s vícenásobným výběrem
Krok 1: Přidání pole zaškrtávacího políčka
- Otevřete formulář v A.F.B.
- Táhnout Checkbox pole do formuláře
- Kliknutím nakonfigurujete
Krok 2: Napište svou otázku
Příklady štítků:
- „Které služby vás zajímají?“
- „Vyberte si své preference“
- „Jaké funkce potřebujete?“
- „Jak jste se o nás dozvěděli?“
Text nápovědy:
- „Vyberte vše, co se hodí“
- „Vyberte si jich, kolik chcete“
- „Zaškrtněte všechny relevantní možnosti“
Krok 3: Přidejte své možnosti
Každou možnost zadejte na nový řádek:
SEO služby pro webdesign Obsahový marketing Správa sociálních médií E-mailový marketing Placená reklama
Krok 4: Vyberte rozvržení
Vertikální rozložení
☐ Možnost jedna ☐ Možnost dvě ☐ Možnost tři ☐ Možnost čtyři ☐ Možnost pět
Nejlepší pro:
- Delší popisky možností
- Zobrazení optimalizované pro mobilní zařízení
- Snadné skenování
- 5+ možností
Horizontální rozložení
☐ Možnost A ☐ Možnost B ☐ Možnost C ☐ Možnost D
Nejlepší pro:
- Krátké štítky
- 3-4 možnosti
- Kompaktní displej
Layout Grid
☐ Možnost jedna ☐ Možnost dvě ☐ Možnost tři ☐ Možnost čtyři ☐ Možnost pět ☐ Možnost šest
Nejlepší pro:
- Mnoho možností (6–12)
- Štítky podobné délky
- Efektivní využití prostoru
Krok 5: Konfigurace pravidel výběru
Povinné pole
- Povolit, pokud uživatel musí vybrat alespoň jeden
- Chyba, pokud při odeslání není vybrána žádná položka
Minimální výběry
- Nastavte minimální počet možností
- „Vyberte prosím alespoň 2 možnosti“
Maximální výběr
- Omezit počet vybraných položek
- „Vyberte až 3 možnosti“
- Stanovení priorit sil
Speciální funkce zaškrtávacích políček
Možnost Vybrat vše
Přidejte zaškrtávací políčko „Vybrat vše“:
Jak to funguje:
- Jedním kliknutím vyberete všechny možnosti
- Dalším kliknutím se výběr všech zruší.
- Vhodné pro dlouhé seznamy
Vhodné pro:
- Seznamy, kde je běžný výběr všeho
- „Ano, zajímá mě všechno“
- Odběr témat zpravodaje
Povolit v nastavení: Zapnout/vypnout možnost „Vybrat vše“
Možnost „Jiné“ s textovým polem
Povolit vlastní položky:
☐ Možnost A ☐ Možnost B ☐ Možnost C ☐ Jiné: [________________]
Jak to funguje:
- „Jiné“ se zobrazuje jako poslední možnost
- Po zaškrtnutí se zobrazí textové pole
- Uživatel zadá svou vlastní odpověď
Vhodné pro:
- Nelze předvídat všechny možné odpovědi
- Průzkumy a výzkum
- Objevování nových možností
Povolit v nastavení: Zapněte „Další možnost“
Možnost „Žádná z výše uvedených“
Výslovné odhlášení:
☐ Možnost A ☐ Možnost B ☐ Možnost C ☐ Žádná z výše uvedených možností
Jak to funguje:
- Výběrem možnosti „Žádné“ obvykle zrušíte výběr ostatních
- Uživatel výslovně uvede „neplatí“
- Rozdíl od ponechání prázdného
Vhodné pro:
- Průzkumy vyžadující definitivní odpověď
- Rozlišování „žádné“ od „přeskočeno“
- Povinné otázky tam, kde by se žádná z nich nemusela hodit
Příklady zaškrtávacích políček s vícenásobným výběrem
Formulář zájmu o službu
Label: „O jaké služby máte zájem?“
Text nápovědy: „Vyberte vše, co se hodí“
Možnosti:
- ☐ Návrh webových stránek
- ☐ Vývoj webových stránek
- ☐ SEO optimalizace
- ☐ Psaní obsahu
- ☐ Marketing na sociálních sítích
- ☐ E-mailový marketing
- ☐ Placená reklama (PPC)
- ☐ Branding a návrh loga
Nastavení: Povinné, vertikální rozložení
Předvolby kontaktů
Label: „Jak byste raději chtěl/a, abychom vás kontaktovali?“
Možnosti:
- ☐ Telefonní hovor
- ☐ Textová zpráva
Nastavení: Povinné (alespoň jedno), Horizontální rozložení
Dietní požadavky (akce)
Label: „Máte nějaké dietní požadavky?“
Možnosti:
- ☐ Vegetariánské
- ☐ Veganské
- ☐ Bezlepkové
- ☐ Bez mléčných výrobků
- ☐ Alergie na ořechy
- ☐ Halal
- ☐ Košer
- ☐ Jiné: [________]
- ☐ Žádné
Nastavení: Volitelné, povoleno „Jiné“, vertikální rozvržení
Hodnocení dovedností (žádost o zaměstnání)
Label: „Vyberte si své technické dovednosti“
Text nápovědy: „Zaškrtněte vše, co se hodí“
Možnosti:
- ☐ HTML/CSS
- ☐ JavaScript
- ☐ Reagovat
- ☐ PHP
- ☐ WordPress
- ☐ Python
- ☐ SQL/Databáze
- ☐ Git/Správa verzí
Nastavení: Mřížkové rozvržení (2 sloupce), minimálně 3 vyžadovány
Témata newsletteru
Label: „K jakým tématům byste chtěli mít aktuální informace?“
Možnosti:
- ☐ Novinky z oboru
- ☐ Aktualizace produktů
- ☐ Tipy a návody
- ☐ Případové studie
- ☐ Akce a webináře
- ☐ Speciální nabídky
Nastavení: Možnost „Vybrat vše“ povolena, volitelné
Průzkum: Jak jste se o nás dozvěděli?
Label: „Jak jste se o nás dozvěděli?“
Text nápovědy: „Vyberte vše, co se hodí“
Možnosti:
- ☐ Vyhledávání Google
- ☐ Sociální média (Facebook, Instagram atd.)
- ☐ Přítel nebo kolega
- ☐ Online reklama
- ☐ Blog nebo článek
- ☐ Veletrh/akce
- ☐ Jiné: [________]
Nastavení: Povinné, povoleno „Jiné“
Prioritizace funkcí
Label: „Jaké jsou vaše tři hlavní priority?“
Text nápovědy: „Vyberte přesně 3 možnosti“
Možnosti:
- ☐ Rychlost/Výkon
- ☐ Zabezpečení
- ☐ Snadné použití
- ☐ Přizpůsobení
- ☐ Zákaznická podpora
- ☐ Cena
- ☐ Možnosti integrace
- ☐ Mobilní kompatibilita
Nastavení: Minimálně 3, maximálně 3
Návrh efektivních seznamů možností
Psaní dobrých možností
Buď konkrétní
Vágní: „Marketingové služby“
Konkrétní: „Marketing na sociálních sítích“, „E-mailový marketing“, „SEO“
Udržujte štítky stručné
Příliš dlouho: „Služby optimalizace pro vyhledávače pro váš web“
Lepší: „SEO služby“
Použijte paralelní strukturu
Nekonzistentní:
- Web design
- Potřebuji pomoc se SEO
- Obsah
Konzistentní:
- Web Design
- SEO služby
- Psaní obsahu
Logické pořadí
- Abecední (pro dlouhé seznamy)
- Podle oblíbenosti (od nejčastějších)
- Seskupení podle kategorií
- Podle pořadí pracovního postupu
Kolik možností?
| Počítat | Doporučení |
|---|---|
| 2-3 | Zvažte, zda jsou potřeba zaškrtávací políčka |
| 4-7 | Ideální pro zaškrtávací políčka |
| 8-12 | Použijte mřížkové rozvržení, zvažte seskupení |
| 12+ | Zvažte rozbalovací nabídku s výběrem více možností nebo kategorie |
Ověřovací zprávy
Povinné pole
„Vyberte prosím alespoň jednu možnost“
Minimální hodnota nesplněna
„Vyberte prosím alespoň [X] možností“
Maximální překročení
„Můžete vybrat maximálně [X] možností“
Vlastní zprávy
Přizpůsobte se své otázce:
- „Sdělte nám prosím, o jaké služby máte zájem“
- „Vyberte si své 3 hlavní priority“
- „Vyberte alespoň jeden způsob kontaktu“
Doporučené postupy
1. Vždy přidejte „Vyberte vše, co se hodí“
V popisku nebo textu nápovědy jasně uveďte, že je povoleno více možností.
2. U otevřených otázek zvažte možnost „Jiné“
Pokud nemůžete vyjmenovat všechny možnosti, přidejte možnost „Jiné“ s textovým vstupem.
3. V případě potřeby použijte „Žádné“
U otázek, kde žádná z platných odpovědí není platná, uveďte to explicitně.
4. Přizpůsobte rozvržení obsahu
- Krátké možnosti → Vodorovně nebo Mřížka
- Dlouhé možnosti → Vertikální
- Mnoho možností → Mřížka
5. Neprověřujte možnosti předem
Nechte uživatele provádět vlastní výběr. Předběžná kontrola může:
- Zkosené výsledky
- Cítím se manipulativní
- Porušení GDPR ohledně souhlasu s marketingem
6. Stanovte si limity, když je to potřeba
Pokud chcete stanovit priority, omezte výběr:
- „Vyberte si své top 3“ s maximálně 3
- Nutí k promyšleným rozhodnutím
7. Možnosti související se skupinou
U dlouhých seznamů zvažte spíše více políček pro zaškrtnutí podle kategorie než jeden obří seznam.
Mobilní aspekty
Dotykový design
- Dostatečně velké cíle pro klepnutí
- Dostatečné rozestupy mezi možnostmi
- Kliknutím na štítek se zaškrtne políčko
Preferované vertikální rozložení
Na mobilních obrazovkách:
- Horizontální rozvržení se nešikovně zalamuje
- Vertikální zobrazení je snazší na čtení
- Testování na skutečných zařízeních
Odstraňování poruch
Možnosti se neukládají
- Ujistěte se, že jsou možnosti přidány správně
- Zkontrolujte prázdné řádky
- Uložit formulář a obnovit
Vybrat vše nefunguje
- Ověření, zda je funkce povolena
- Kontrola konfliktů JavaScriptu
- Vymazat mezipaměť
Rozvržení se nezobrazuje správně
- Zkontrolujte nastavení rozvržení
- CSS šablony může být přepsáno
- Otestujte s výchozím motivem
Často kladené dotazy
Kolik možností je už příliš mnoho?
Více než 12 možností se stává zahlcujícím. Zvažte seskupení do kategorií, použití více zaškrtávacích políček nebo přepnutí na rozbalovací nabídku s výběrem z více možností.
Mám použít zaškrtávací políčka nebo rozbalovací nabídku s možností výběru více možností?
Zaškrtávací políčka, pokud je možností málo (3–10) a chcete, aby byly všechny viditelné. Rozbalovací nabídka s výběrem více možností, pokud je možností mnoho a prostor je omezený.
Můžu nastavit minimální i maximální hodnotu?
Ano. Příklad: „Vyberte mezi 2 a 5 možnostmi“ s min=2 a max=5.
Jak vytvořím přesně 3 povinné položky?
Nastavte minimum i maximum na 3. Uživatelé musí vybrat přesně 3 možnosti.
Co když uživatelé potřebují možnost, která není uvedena?
Povolte možnost „Jiné“, která poskytuje textové pole pro vlastní položky.
Shrnutí
Vytváření seznamů zaškrtávacích políček s vícenásobným výběrem:
- Přidat zaškrtávací políčko – Přetažením vytvoříte formulář
- Napište jasnou otázku – Uveďte „vyberte vše, co se hodí“
- Přidejte dobře napsané možnosti – Stručné, paralelní, uspořádané
- Vyberte vhodné rozvržení – Vertikální, horizontální nebo mřížkový
- Konfigurace pravidel výběru – Povinné, min./max. v případě potřeby
- Povolit speciální možnosti – Vybrat vše, Jiné, Žádné
- Otestujte na mobilu – Zajištění použitelnosti
Závěr
Seznamy zaškrtávacích políček s možností vícenásobného výběru jsou nezbytné pro shromažďování více preferencí, zájmů a voleb. Díky správnému návrhu možností, vhodnému rozvržení a chytrým funkcím, jako je „Vybrat vše“ a „Jiné“, vytvoříte uživatelsky přívětivá pole pro výběr, která shromažďují potřebná data.
Automatický tvůrce formulářů nabízí plně vybavená zaškrtávací políčka s vertikálním, horizontálním a mřížkovým rozvržením, možnost Vybrat vše, „Jiné“ s textovým polem, „Žádná z výše uvedených možností“ a minimální/maximální limity výběru. Vše, co potřebujete pro profesionální otázky s výběrem více možností.
Jste připraveni vytvářet formuláře s vícenásobným výběrem? Stáhnout automatický nástroj pro tvorbu formulářů a nechte uživatele vybrat vše, co se hodí.