Vícekrokové formuláře, sloupce a karty

Zjistěte, jak ve WEMASY rozdělit formulář na kroky a uspořádat pole do sloupců, karet a skupin v editoru formulářů.

Koncept

Dlouhé formuláře se vyplňují snáze, když je rozdělíte. Pole Rozložení v editoru formulářů WEMASY umožňují umístit pole vedle sebe do sloupců, seskupit je, rozložit na karty nebo z formuláře udělat kroky s ukazatelem průběhu. Pole rozložení obsahují jiná pole a lze je vkládat do sebe.

Pole rozložení

  • Skupina polí: kontejner pro pole, která patří k sobě, například adresu.
  • Rozložení do sloupců: pole vedle sebe, například jméno a příjmení.
  • Kontejner karet: pole rozložená na karty, mezi kterými návštěvník přepíná kliknutím.
  • Kontejner kroků: vícekrokový formulář se sledováním průběhu a tlačítky Další a Předchozí.

Kategorie Rozložení v postranním panelu polí s položkami Rozložení do sloupců, Kontejner karet a Kontejner kroků

Pole ve sloupcích

  1. Otevřete formulář v Editoru formulářů.
  2. Přetáhněte Rozložení do sloupců z kategorie Rozložení na plochu.
  3. Klikněte na rozložení do sloupců a zvolte Počet sloupců nebo použijte Přidat sloupec a Odebrat sloupec.
  4. Přetáhněte pole do každého sloupce.

Zaškrtněte Povolit zalamování, aby se sloupce na malých obrazovkách přesunuly pod sebe.

Dvě pole formuláře vedle sebe v rozložení do sloupců

Vytvoření vícekrokového formuláře

  1. Přetáhněte Kontejner kroků na plochu.
  2. Kliknutím na kontejner kroků otevřete jeho vlastnosti.
  3. Pro každý potřebný krok klikněte na Přidat krok a každému dejte Název kroku.
  4. Přetáhněte pole každého kroku do tohoto kroku.
  5. Zvolte Umístění ukazatele průběhu: Nahoře nebo Skrytý.
  6. Nastavte navigaci pomocí Povolit horní navigaci a Povolit dolní navigaci a texty Tlačítka Předchozí a Tlačítka Další.
  7. Umístěte Tlačítko Odeslat do posledního kroku.

Vlastnosti kontejneru kroků v editoru formulářů

Použití karet

  1. Přetáhněte Kontejner karet na plochu.
  2. Pro každou kartu klikněte na Přidat kartu a zadejte Název karty.
  3. Přetáhněte pole do každé karty.

Pole Tlačítko může návštěvníka přesunout na krok nebo kartu. Na kartě Pokročilé u tlačítka zvolte akci Přejít na krok nebo Přejít na kartu.

Validace v krocích

Povinná pole a pravidla validace fungují v každém kontejneru. Jejich nastavení najdete v článku Povinná pole a pravidla validace. Před zveřejněním projděte všechny kroky pomocí Náhledu v editoru.

Tip: Dejte snadné otázky do prvního kroku. Návštěvníci, kteří formulář začali vyplňovat, ho častěji dokončí.

Využijte to hned
na vlastním webu.

Začněte zdarma s WEMASY a postavte si web za pár minut.