Formularze wieloetapowe, kolumny i zakładki

Długie formularze łatwiej wypełnić, gdy się je podzieli. Pola Układ w kreatorze formularzy WEMASY pozwalają ułożyć pola obok siebie w kolumnach, zgrupować je, rozłożyć na zakładki albo zamienić formularz w kroki z paskiem postępu. Pola układu zawierają inne pola i można je umieszczać jedne w drugich.

Pola układu

• Grupa pól: kontener na pola, które do siebie pasują, na przykład adres.
• Układ kolumn: pola obok siebie, na przykład imię i nazwisko.
• Kontener zakładek: pola rozłożone na zakładki, między którymi klika odwiedzający.
• Kontener kroków: formularz wieloetapowy ze śledzeniem postępu oraz przyciskami dalej i wstecz.

Umieść pola w kolumnach

1. Otwórz formularz w Kreatorze formularzy.
2. Przeciągnij Układ kolumn z kategorii Układ na płótno.
3. Kliknij układ kolumn i wybierz Liczbę kolumn albo użyj Dodaj kolumnę i Usuń kolumnę.
4. Przeciągnij pole do każdej kolumny.

Zaznacz Włącz zawijanie flex, aby na małych ekranach kolumny przesuwały się pod siebie.

Zbuduj formularz wieloetapowy

1. Przeciągnij Kontener kroków na płótno.
2. Kliknij kontener kroków, aby otworzyć jego właściwości.
3. Kliknij Dodaj krok dla każdego potrzebnego kroku i nadaj każdemu Tytuł kroku.
4. Przeciągnij pola każdego kroku do tego kroku.
5. Wybierz Położenie paska postępu: Góra albo Ukryty.
6. Ustaw nawigację opcjami Włącz nawigację u góry i Włącz nawigację na dole oraz teksty przycisków Przycisk Wstecz i Przycisk Dalej.
7. Umieść Przycisk wysyłania w ostatnim kroku.

Użyj zakładek

1. Przeciągnij Kontener zakładek na płótno.
2. Kliknij Dodaj zakładkę dla każdej zakładki i wpisz Tytuł zakładki.
3. Przeciągnij pola do każdej zakładki.

Pole Przycisk może przenieść odwiedzającego do kroku lub zakładki. W zakładce Zaawansowane przycisku wybierz akcję Przejdź do kroku albo Przejdź do zakładki.

Walidacja w krokach

Pola wymagane i reguły walidacji działają w każdym kontenerze. Przeczytaj Pola wymagane i reguły walidacji, aby je ustawić. Użyj Podglądu w kreatorze, aby przejść przez wszystkie kroki przed publikacją.

Wskazówka: umieść łatwe pytania w pierwszym kroku. Odwiedzający, którzy zaczęli formularz, chętniej go dokończą.