Jak vytvořit rozbalovací nabídky ve formulářích WordPressu

Rozbalovací nabídky jsou pro formuláře tahounem. Výběr země, výběr kategorie, preferenční pořadí – kdykoli si uživatelé potřebují vybrat z předdefinovaného seznamu, rozbalovací nabídky jim pomohou. Šetří místo, standardizují data a vedou uživatele k platným možnostem. Zde je návod, jak ve formulářích WordPressu vytvořit efektivní rozbalovací nabídky.

Proč používat rozbalovací nabídky?

Výhody oproti textovým polím

• Standardizovaná data: Žádné překlepy ani odchylky
• Řízený výběr: Uživatelé vidí dostupné možnosti
• Prostorově úsporné: Sbaleno do kliknutí
• Vhodné pro mobily: Nativní nástroj pro výběr na telefonech
• Rychlejší dokončení: Kliknutí vs. typ

Výhody oproti přepínacím tlačítkům

• Lepší pro dlouhé seznamy: 6+ možností se vejde do malého prostoru
• Čistší vzhled: Méně vizuálního nepořádku
• Posouvatelné: Zvládněte desítky možností

Kdy použít rozbalovací nabídky

• 6+ možností (méně = zvažte přepínače)
• Předdefinované, známé možnosti
• Vyžadován jeden výběr
• Prostor je omezený
• Standardizace dat je důležitá

Vytvoření základního rozbalovacího seznamu

Krok 1: Přidání rozbalovacího pole

1. Otevřete formulář v A.F.B.
2. Najít Dropdown v typech polí
3. Přetáhněte do formuláře

Krok 2: Konfigurace štítku

Štítek: „Jak jste se o nás dozvěděli?“ Zástupný text: „Vyberte možnost...“ Povinné: Ano/Ne

Krok 3: Přidání možností

Každou možnost zadejte na nový řádek:

Vyhledávání Google Sociální média Přítel nebo kolega Reklama Blog nebo článek Jiné

Krok 4: Náhled a testování

1. Uložit formulář
2. Náhled na frontendu
3. Kliknutím na rozbalovací nabídku ověřte možnosti
4. Odeslat testovací příspěvek

Možnosti konfigurace rozbalovací nabídky

Základní nastavení

• Label: Otázka nebo výzva
• Zástupný symbol: Výchozí text (např. „Vybrat…“)
• Požadovaný: Je nutné vybrat pro odeslání
• Text nápovědy: Další pokyny

Možnosti Nastavení

• Seznam možností: Dostupné možnosti
• Výchozí nastavení: Předvybraná možnost
• prohledávatelný: Zadejte text pro filtrování
• Vícenásobný výběr: Vyberte více

Přidání možností rozbalovací nabídky

Jednoduchý seznam

Možnost 1 Možnost 2 Možnost 3 Možnost 4

S hodnotami odlišnými od popisků

Jednu věc vystavte, druhou uložte:

Zobrazení: „Spojené státy“ Hodnota: „US“ Zobrazení: „Spojené království“ Hodnota: „UK“

Seskupené možnosti (Optgroups)

--- Severní Amerika --- Spojené státy Kanada Mexiko --- Evropa --- Spojené království Německo Francie

Mnoho možností

U dlouhých seznamů zvažte:

• Abecední pořadí
• Nejběžnější možnosti jako první
• Prohledávatelnost povolena
• Logická seskupení

Zástupný text

Co je zástupný symbol?

Text zobrazený předtím, než uživatel vybere možnost:

[Vyberte možnost... ▼] ← Zástupný symbol

Dobré příklady zástupných symbolů

"Vyberte svou zemi..." "Vyberte kategorii..." "Vyberte časový úsek..." "-- Vyberte prosím --" "Vyberte jednu možnost"

Nejlepší postupy pro zástupné symboly

• Mějte to krátký
• Ujasněte, že se jedná o výzvu
• Nepoužívejte jako platnou možnost
• Zvažte formát „– Vyberte –“

Vyhledávatelné rozbalovací nabídky

Co je prohledávatelné?

Uživatelé mohou filtrovat zadáním textu:

[Zadejte text pro vyhledávání... ▼] Typy uživatelů: „ger“ Zobrazuje: Německo, Alžírsko, Niger

Kdy povolit prohledávatelnost

• 20+ možností
• Seznamy zemí/států
• Katalogy produktů
• Jakýkoli dlouhý seznam

Povolení prohledávatelnosti

1. Vyberte rozbalovací pole
2. Najít možnost „Vyhledávatelné“
3. Zapněte

Prohledávatelné uživatelské rozhraní

1. Uživatel klikne na rozbalovací nabídku 2. Zobrazí se textové pole 3. Uživatel zadá částečnou shodu 4. Možnosti se filtrují v reálném čase 5. Uživatel vybere z filtrovaného seznamu

Rozbalovací nabídky s vícenásobným výběrem

Jednoduchý vs. vícenásobný výběr

Jeden výběr: Uživatel vybere JEDNU možnost Vícenásobný výběr: Uživatel vybere VÍCE možností

Kdy použít vícenásobný výběr

• „Vyberte vše, co se hodí“
• Více zájmů/preferencí
• Výběr více kategorií
• Kdy by zaškrtávací políčka zabírala příliš mnoho místa

Povolení vícenásobného výběru

1. Vyberte rozbalovací pole
2. Najděte možnost „Povolit vícenásobný výběr“
3. Zapněte

Vzhled s vícenásobným výběrem

[Webdesign, SEO, Marketing ▼] Vybrané položky zobrazené jako tagy/čipy

Vícenásobný výběr s omezeními

Kombinace s výběrem min/max:

„Vyberte 2–4 témata“ Min: 2 Max: 4

Příklady konfigurace

Příklad 1: Výběr země

Štítek: „Země“ Zástupný symbol: „Vyberte svou zemi...“ Vyhledávatelné: Ano Povinné: Ano Možnosti: [více než 195 zemí abecedně]

Příklad 2: Typ dotazu

Štítek: „O co se jedná ve vašem dotazu?“ Zástupný text: „Vyberte kategorii...“ Povinné: Ano Možnosti: - Prodej - Podpora - Fakturace - Partnerství - Tisk/Média - Jiné

Příklad 3: Rozsah rozpočtu

Štítek: „Jaký je váš rozpočet?“ Zástupný symbol: „Vyberte rozsah...“ Povinné: Ne Možnosti: - Pod 1 000 USD - 1 000 USD - 5 000 USD - 5 000 USD - 10 000 USD - 10 000 USD - 25 000 USD - 25 000 USD+ - Zatím si nejsem jistý/á

Příklad 4: Časový úsek

Popisek: „Preferovaný čas schůzky“ Zástupný symbol: „Vyberte čas...“ Povinné: Ano Možnosti: - 9:00 - 10:00 - 11:00 - 1:00 - 2:00 - 3:00 - 4:00

Příklad 5: Vícenásobný výběr zájmů

Štítek: „Témata zájmu“ Zástupný symbol: „Vybrat témata...“ Vícenásobný výběr: Ano Vyhledávatelné: Ano Možnosti: - Technologie - Obchod - Marketing - Design - Vývoj - Analytika - Bezpečnost - AI/ML

Příklad 6: Seskupené služby

Štítek: „Kterou službu potřebujete?“ Možnosti: --- Webové služby --- - Tvorba webových stránek - Vývoj webových stránek - E-commerce --- Marketing --- - SEO - PPC - Sociální média --- Podpora --- - Údržba - Hosting - Poradenství

Výchozí výběr

Bez výchozího nastavení (doporučeno)

[Vyberte možnost... ▼]

Uživatel si musí aktivně vybrat. Nejlepší volba pro povinná pole.

Předvolené výchozí nastavení

[Spojené státy ▼] ← Předvybráno

Použijte, když:

• Jedna možnost je naprosto běžná
• Zrychluje vyplňování formulářů
• Existuje logické výchozí nastavení

Výchozí nastavení

1. V seznamu možností označte výchozí možnost
2. Nebo nastavte v nastavení „Výchozí hodnotu“

Rozbalovací nabídka vs. přepínací tlačítka

Použít rozbalovací nabídku, když

• 6+ možností
• Dlouhý seznam (země, státy)
• Prostor je omezený
• Možnosti jsou si podobné povahy

Použijte přepínače, když

• 2-5 možnosti
• Všechny možnosti by měly být viditelné
• Možnosti mají popisy
• Vizuální srovnání je důležité

Srovnání vedle sebe

ROZVÍJECÍ NABÍDKA (6+ možností, skryté do kliknutí): [Vyberte tarif... ▼] PŘEPÍNAČE (2–5 možností, všechny viditelné): ○ Zdarma ○ Základní (9 USD/měsíc) ○ Pro (29 USD/měsíc) ○ Podnik (Kontaktujte nás)

Rozbalovací nabídky pro styling

Výchozí vzhled

Rozbalovací nabídky dědí styl formulářů:

• Barva/poloměr ohraničení
• Barva pozadí
• Rodina/velikost písma
• Vycpávka

Možnosti vlastního stylingu

• Ikona šipky rozbalovací nabídky
• Vzhled vybrané položky
• Stavy při přejetí myší nad možností
• Stylování tagů s vícenásobným výběrem

Mobilní styling

Nativní rozbalovací nabídky pro mobilní zařízení:

• iOS: Výběr pomocí kolečka
• Android: Výběr materiálu
• V souladu s operačním systémem

Doporučené postupy

1. Logické uspořádání možností

• Abecední: Země, jména
• Číselné: Množství, rozsahy
• Frekvence: Nejčastější jako první
• Chronologický: Časové úseky, data

2. Udržujte možnosti stručné

Dobré: „Spojené státy“. Vyhněte se: „Spojené státy americké (USA)“. Dobré: „1 000–5 000 USD“. Vyhněte se: „Mezi tisícem a pěti tisíci dolarů“.

3. V případě potřeby uveďte i „Jiné“

Možnosti: - Google - Facebook - LinkedIn - Doporučení od přátel - Jiné ← Zachycuje okrajové případy

4. Použijte zástupný symbol, ne první možnost

Dobré: Zástupný symbol: „Vybrat...“ Možnosti: Možnost 1, Možnost 2, Možnost 3 Nepoužívejte: Možnosti: „Vybrat...“, Možnost 1, Možnost 2 (První možnost by neměla být výzvou)

5. Povolte vyhledávání v dlouhých seznamech

Jakýkoli rozbalovací seznam s 15–20 a více možnostmi by měl být prohledatelný.

6. Zvažte výkon načítání

Extrémně dlouhé seznamy (1000+) mohou vyžadovat:

• Lazy zatížení
• Vyhledávání na straně serveru
• Rozdělení do podkategorií

Běžné případy použití rozbalovacích nabídek

Kontaktní formuláře

- Oddělení (prodej, podpora, fakturace) - Typ dotazu (dotaz, zpětná vazba, stížnost) - Jak jste se o nás dozvěděli

Registrační formuláře

- Země - Stát/provincie - Odvětví - Velikost společnosti - Pracovní pozice/pozice

Objednávkové formuláře

- Výběr produktu - Množství - Varianty velikostí/barev - Způsob dopravy

Formuláře průzkumu

- Hodnotící stupnice (1-10) - Četnost (nikdy až vždy) - Souhlas (rozhodně nesouhlasím až rozhodně souhlasím)

Rezervační formuláře

- Typ služby - Preferované datum - Časový úsek - Trvání

Odstraňování poruch

Rozbalovací nabídka nezobrazuje možnosti

• Ověření uložených možností
• Zkontrolujte prázdný seznam možností
• Vymazat mezipaměť a obnovit

Nefunguje vyhledávání

• Potvrďte, že je povoleno vyhledávání
• Zkontrolujte chyby JavaScriptu
• Otestujte v jiném prohlížeči

Vícenásobný výběr neukládá všechny výběry

• Ověřte, zda je povolen vícenásobný výběr
• Zkontrolujte zpracování odeslaného formuláře
• Test s menším počtem výběrů

Mobilní nástroj pro výběr se nezobrazuje

• Vlastní styl může přepsat nativní
• Test na skutečném mobilním zařízení
• Kontrola konfliktů JavaScriptu

Přístupnost

Klávesová navigace

• Tab pro zaostření v rozbalovací nabídce
• Šipky pro navigaci
• Enter/mezerník pro výběr
• Napište první písmeno pro skok

Čtečky obrazovky

• Správně přiřazený štítek
• Oznámené možnosti
• Výběr potvrzen

Doporučené postupy

• Jasné a popisné štítky
• Logické pořadí možností
• Vyhněte se zástupnému symbolu jako jediné instrukci

Shrnutí

Vytváření rozbalovacích nabídek:

1. Přidat rozbalovací pole – Přetažením vytvoříte formulář
2. Nastavit štítek – Jasná otázka/výzva
3. Přidat zástupný symbol – Text „Vybrat…“
4. Zadejte možnosti – Jeden na řádek
5. Povolit vyhledávání – Pro dlouhé seznamy
6. Povolit vícenásobný výběr – Pokud je potřeba více možností
7. Požadovaná sada – Na základě potřeb formuláře
8. Důkladně otestujte – Všechny možnosti, všechna zařízení

Závěr

Rozbalovací nabídky efektivně zvládají výběr možností ve formulářích. Šetří místo, standardizují data a fungují dobře napříč zařízeními. Pro krátké seznamy zvažte přepínače. Pro dlouhé seznamy povolte vyhledávání. Pro vícenásobný výběr použijte režim vícenásobného výběru. Správná konfigurace dělá z rozbalovacích nabídek výkonná vstupní pole, která zlepšují jak uživatelský zážitek, tak kvalitu dat.

Automatický tvůrce formulářů Zahrnuje plně funkční rozbalovací pole s možností vyhledávání, možností vícenásobného výběru a vlastním stylem. Vytvořte si profesionální výběrové nabídky během několika minut.

Jste připraveni přidat rozbalovací nabídky? Stáhnout automatický nástroj pro tvorbu formulářů a začněte vytvářet formuláře s rozbalovacími nabídkami ještě dnes.