Lead split

Jak wygląda

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

widget-docs-lead-split

Do czego służy

Sekcja lead: nagłówek z akcentem, karta kontaktu i biała karta z formularzem dynamicznym (embedded FormWidget).

Co ustawisz w panelu

Te pola zobaczysz przy edycji widżetu na stronie:

• Nagłówek (wymagane)

  Nagłówek sekcji. Fragment wyróżnij znacznikami **…** — np. **Albo nie.**

• Podtytuł

  Krótki tekst pod nagłówkiem

• Kolor tła sekcji (kolor)

  Kolor tła sekcji – wybierz z palety szablonu

• Kolor akcentu (kolor)

  Kolor wyróżnienia w nagłówku oraz ikon kontaktu

• Kolor tekstu (kolor)

  Kolor tekstu w lewej kolumnie

• Imię i nazwisko kontaktu
• Stanowisko kontaktu
• Telefon kontaktu
• E-mail kontaktu
• Logo marki

  Logo w stopce lewej kolumny

• Tagline marki

  Krótki opis obok logo

• Nazwa formularza (wymagane)

  Unikalna nazwa formularza (identyfikator w adminie i API)

• 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.