Do czego służy widget
Widget formularza pozwala osadzić formularz na dowolnej stronie internetowej — bez potrzeby tworzenia własnego kodu. Wklejasz gotowy skrypt na swoją stronę, a formularz automatycznie się załaduje i będzie zbierał dane od odwiedzających.
Jak wstawić formularz na stronę
- Otwórz formularz w panelu Intum
- W sekcji Skrypt formularza znajdziesz gotowy kod do skopiowania
- Kliknij w pole z kodem — tekst automatycznie się zaznaczy
- Skopiuj kod i wklej go w HTML swojej strony, w miejscu gdzie formularz ma się wyświetlić
Jak wygląda kod
Kod składa się z dwóch elementów:
- Skrypt JavaScript — ładuje silnik formularzy (wystarczy jeden raz na stronie, nawet jeśli masz kilka formularzy)
- Element div — kontener, w którym pojawi się formularz. Zawiera unikalny token identyfikujący Twój formularz
Możesz wstawić wiele formularzy na jednej stronie — każdy z osobnym elementem div.
Jak to działa
Po załadowaniu strony:
- Skrypt szuka na stronie wszystkich kontenerów z formularzami
- Pobiera treść formularza z serwera (na podstawie tokenu)
- Wyświetla formularz z polami, walidacją i przyciskiem wysłania
- Po wypełnieniu i wysłaniu — dane trafiają do systemu, a użytkownik widzi potwierdzenie lub zostaje przekierowany
Personalizacja wyglądu
Formularz ma domyślne style, ale możesz je dostosować:
- Klasa CSS — nadaj własną klasę i styluj formularz w CSS swojej strony
- Style inline — wpisz bezpośrednio style CSS w ustawieniach formularza
- Klasa przycisku — zmień wygląd przycisku wysyłania
- Tekst przycisku — zmień napis na przycisku (domyślnie “Wyślij”)
- Własny JavaScript — dodaj dodatkowy kod JS do formularza
Zwrotka po wysłaniu
Po wypełnieniu formularza użytkownik może:
- Zobaczyć komunikat — treść HTML wyświetlona w miejscu formularza (obsługuje szablony Liquid z danymi z formularza)
- Zostać przekierowany — na podany URL (np. strona z podziękowaniem)
Zabezpieczenia
Widget ma wbudowane zabezpieczenia anti-spam:
- Honeypot — ukryte pole, które boty wypełniają automatycznie
- Kontrola czasu — system sprawdza jak szybko formularz został wypełniony (zbyt szybko = bot)
- Walidacja pól — sprawdzanie wymaganych pól i formatów (email, cyfry)
Okres aktywności
Jeśli formularz ma ustawiony okres aktywności (data od–do), widget automatycznie wyświetli komunikat o nieaktywności formularza poza tym okresem.
Wiele formularzy na jednej stronie
Możesz osadzić kilka formularzy na jednej stronie. Skrypt JavaScript wstawiasz tylko raz, a dla każdego formularza dodajesz osobny element div z właściwym tokenem.
Powiązane
- Formularze — ogólny opis modułu i typy pól
- Zgłoszenia — dane zebrane przez formularze