Formularz dynamiczny

Jak wygląda

Poniżej żywy podgląd widżetu tak, jak zobaczy go odwiedzający stronę.

Formularz kontaktowy

Prosty formularz z polami tekstowymi i wyborem — zgłoszenia trafiają do panelu.

Wariant z tłem sekcji

Do czego służy

Formularz z polami definiowanymi w konfiguracji. Zgłoszenia zapisywane w panelu administracyjnym.

Co ustawisz w panelu

Te pola zobaczysz przy edycji widżetu na stronie:

• Nazwa formularza (wymagane)

  Unikalna nazwa formularza (identyfikator w adminie i API)

• Tytuł sekcji

  Tytuł sekcji formularza

• Podtytuł sekcji

  Podtytuł sekcji formularza

• Kolor tła (kolor)

  Kolor tła sekcji – wybierz z palety szablonu

• Pola formularza (wymagane, lista)

  Lista pól formularza

  • Klucz pola (wymagane)

    Identyfikator pola (np. email, message)

  • Etykieta (wymagane)

    Etykieta wyświetlana użytkownikowi

  • Etykieta (HTML) (tekst sformatowany)

    Opcjonalnie: etykieta w HTML (dla checkboxa – umożliwia link, np. do polityki prywatności). Gdy ustawiona, używana zamiast Etykieta.

  • Typ pola (wymagane)

    Typ pola formularza

  • Wymagane (tak/nie)

    Czy pole jest wymagane

  • Placeholder

    Tekst zastępczy w polu

  • Szerokość pola

    full = cała szerokość; half = połowa rzędu na desktopie (dwa pola obok siebie)

  • Opcje (dla select) (lista)

    Lista opcji dla pola typu select

  • Walidacja (grupa pól)

    Reguły walidacji (minLength, maxLength, pattern, minimum, maximum). Puste = brak limitu.

• Tekst przycisku wysyłki
• Ikona przycisku wysyłki

  Opcjonalna nazwa ikony Material Icons (np. send)

• Tekst pod przyciskiem

  Opcjonalny tekst pomocniczy wyświetlany pod przyciskiem wysyłki

• Komunikat sukcesu
• Przycisk „wyślij kolejną wiadomość”

  Etykieta przycisku po wysłaniu formularza (pozwala wysłać kolejną wiadomość bez odświeżania strony). Gdy puste – używana jest wartość domyślna.

• Komunikat błędu
• Kotwica (ID)

  Opcjonalna kotwica do linków (np. formularz). Link: /strona#kotwica

• Adaptery (lista)

  Opcjonalna lista adapterów uruchamianych po wysłaniu formularza (np. e-mail – wysyłka kopii na wskazane adresy). Dla typu email w config podaj recipients (string lub tablica adresów e-mail).

  • Typ adaptera (wymagane)

    Identyfikator adaptera, np. email

  • Konfiguracja (wymagane, grupa pól)

    Dla email: recipients (adres lub tablica), message (wprowadzenie), includeFormData (wyślij dane klucz–wartość)

Jak dodać na stronę

1. Otwórz stronę w panelu i przejdź do edycji układu.
2. Dodaj ten widżet w wybranej sekcji.
3. Uzupełnij pola z listy powyżej, zapisz szkic i opublikuj, gdy treść jest gotowa.