Niestandardowe formularze

Niestandardowe formularze pozwalają budować własne, wielokrokowe formularze i używać ich zamiast wbudowanego formularza Lead Collection lub Human Contact Form. Ty wybierasz pola, wiadomość z podziękowaniem i przycisk wysyłania, a następnie przypisujesz formularz do sekcji, w której ma się wyświetlać.

Gdzie znaleźć formularze

Wybierz swojego chatbota i przejdź do Settings > Forms (Ustawienia > Formularze). Na tej stronie wyświetlana jest lista Twoich zapisanych formularzy niestandardowych. Jeśli jeszcze żadnego nie utworzyłeś, zobaczysz komunikat "No custom forms yet" (Brak formularzy niestandardowych) wraz z przyciskiem Create your first form (Utwórz swój pierwszy formularz). Formularze niestandardowe są dostępne jako funkcja premium - jeśli Twój plan ich nie obejmuje, pojawi się monit o zmianę planu.

Tworzenie formularza

Kliknij New form (Nowy formularz) - lub Create your first form, gdy lista jest jeszcze pusta - aby otworzyć kreator formularzy.

Zbuduj formularz

Kreator zawiera wszystko, czego potrzebujesz do skonfigurowania formularza na jednym ekranie, z podglądem na żywo po prawej stronie. W przypadku pizzerii możesz na przykład zbierać dane kontaktowe w pierwszym kroku, a preferencje dotyczące zamówienia w drugim.

• Nazwa formularza (Form name) - nazwa wewnętrzna, dzięki której łatwo zidentyfikujesz formularz na listach rozwijanych w przyszłości.
• Wiadomość z podziękowaniem (Thank-you message) - tekst potwierdzenia wyświetlany po przesłaniu formularza przez użytkownika.
• Przycisk wysyłania (Submit button) - ustaw treść przycisku, wybierz opcjonalną ikonę oraz jego kolor.
• Zakładki Buduj (Build) i Własny CSS (Custom CSS) - twórz pola wizualnie lub przejdź do zakładki Własny CSS (Custom CSS), aby dodać własne style.

Dodaj pola

W zakładce Buduj (Build) nadaj krokowi opcjonalny tytuł, a następnie kliknij przycisk z typem pola, aby je dodać. Formularz obsługuje do 10 kroków, łącznie do 50 pól oraz maksymalnie 3 pola przesyłania plików (File upload). Pola wyboru obsługują do 100 opcji każde.

• Imię i nazwisko (Name) - pole jednowierszowe na imię i nazwisko odwiedzającego.
• E-mail (Email) - zbiera adres e-mail, z walidacją poprawności formatu e-mail.
• Numer telefonu (Phone number) - zbiera numer telefonu.
• Data (Date) - narzędzie wyboru daty.
• Godzina (Time) - narzędzie wyboru godziny.
• Przesyłanie pliku (File upload) - pozwala odwiedzającemu załączyć i przesłać plik (szczegóły poniżej).
• Krótka odpowiedź (Short answer) - jednowierszowe pole na dowolny tekst.
• Długa odpowiedź (Long answer) - większe pole wielowierszowe na dłuższe wypowiedzi.
• Pole wyboru (Checkbox) - pojedyncze pole zaznaczenia, na przykład do akceptacji regulaminu.
• Lista rozwijana (Dropdown) - menu, w którym odwiedzający wybiera jedną opcję z listy.
• Pojedynczy wybór (Single choice) - zestaw opcji, z których odwiedzający wybiera dokładnie jedną.
• Wielokrotny wybór (Multiple choice) - zestaw opcji, w którym odwiedzający może zaznaczyć kilka naraz.

Każde pole posiada Etykietę (Label) (widoczną dla odwiedzającego) oraz Nazwę (Name) (wewnętrzny klucz używany w eksportach i powiadomieniach). Możesz oznaczyć pole jako Wymagane (Required), ustawić jego Szerokość (Width), aby pola mieściły się obok siebie, a także przeciągać pola, aby zmienić ich kolejność. Pola typu Lista rozwijana (Dropdown), Pojedynczy wybór (Single choice) i Wielokrotny wybór (Multiple choice) przyjmują również listę opcji - po jednej w wierszu.

Dodaj kroki

W przypadku dłuższych formularzy podziel pola na kroki zamiast umieszczać je na jednym długim ekranie. Kliknij Dodaj krok (Add step), a następnie dodaj do niego pola. Przeciąganie pozwala zmieniać kolejność pól w ramach danego kroku. Każdy krok to osobna karta z opcjonalnym tytułem.

Odwiedzający widzą każdy krok jako osobny ekran na czacie i przechodzą między nimi za pomocą przycisków Dalej (Next) i Wstecz (Previous), które pojawiają się automatycznie, gdy formularz ma więcej niż jeden krok. Gdy formularz jest wielokrokowy, kreator pozwala także dostosować treść, ikonę i kolor przycisków Dalej i Wstecz.

Nadaj każdemu krokowi krótki, zorientowany na działanie tytuł (na przykład "Twoje dane", a następnie "Twoje zapytanie"), aby odwiedzający zawsze wiedzieli, w którym miejscu formularza się znajdują.

Pola przesyłania plików

Pole Przesyłanie pliku (File upload) pozwala odwiedzającemu załączyć plik do zgłoszenia. Dla każdego pola pliku możesz ustawić:

• Dozwolone rozszerzenia (Accepted extensions) - listę rozdzieloną przecinkami, na przykład pdf, png, jpg. Akceptowane są wyłącznie pliki z tymi rozszerzeniami.
• Maksymalny rozmiar (Max size) - maksymalny rozmiar pliku w MB, do 10 MB.

Przesyłane pliki są weryfikowane w momencie wysyłania: rozszerzenie musi znajdować się na Twojej liście dozwolonych formatów, plik musi mieścić się w limicie rozmiaru, a jego rzeczywista zawartość musi odpowiadać zadeklarowanemu typowi.

Podgląd na żywo

Panel Podgląd na żywo (Live preview) po prawej stronie pokazuje formularz dokładnie tak, jak zobaczą go odwiedzający, aktualizując się na bieżąco w miarę dodawania pól, kroków i modyfikowania wyglądu.

Gdy formularz będzie gotowy, kliknij Zapisz (Save). Formularz pojawi się na Twojej liście w zakładce Ustawienia > Formularze (Settings > Forms).

Użyj formularza niestandardowego

Zapisany formularz niestandardowy nie pojawia się odwiedzającym sam z siebie. Przypisz go do sekcji:

• Settings > Lead Collection (Ustawienia > Zbieranie leadów) - otwórz menu rozwijane Form shown to the visitor (Formularz wyświetlany odwiedzającemu) i wybierz swój formularz niestandardowy zamiast formularza wbudowanego.
• Settings > Human Contact Form (Ustawienia > Formularz kontaktu z człowiekiem) - otwórz menu rozwijane Form shown to the visitor (Formularz wyświetlany odwiedzającemu) i wybierz swój formularz niestandardowy zamiast formularza wbudowanego.

Odwiedzający zobaczy wtedy Twój formularz niestandardowy w każdym miejscu, w którym ta sekcja zostanie wywołana.

Najpierw włącz wybraną sekcję. Sekcja Lead Collection wyświetla formularze zawierające pole Name (Imię) oraz pole Email lub Phone number (Numer telefonu). Sekcja Human Contact Form wyświetla formularze zawierające pole Email; jej pierwsze pole Long answer (Długa odpowiedź) przekazuje treść wiadomości do wsparcia. Zobacz Zbieranie leadów i Formularz kontaktu z obsługą, aby poznać reguły wywoływania oraz ustawienia powiadomień.

Możesz także udostępnić formularz niezależnie poprzez Settings > Actions > Add action for custom form (Ustawienia > Akcje > Dodaj akcję dla formularza niestandardowego). Skonfiguruj, kiedy sztuczna inteligencja powinna go wyświetlać; samo zapisanie formularza nie aktywuje akcji.

Jak to wygląda z perspektywy odwiedzającego

Formularz pojawia się wewnątrz okna czatu. Animacja przedstawia zapytanie o rezerwację stolika wraz z danymi kontaktowymi, a następnie preferencje zgłoszenia. Poniższe statyczne zrzuty ekranu pokazują inne zapytanie - zamówienie pizzy: odwiedzający najpierw wypełnia krok Your details (Twoje dane), a potem przechodzi do kolejnego etapu.

Zobacz statyczny zrzut ekranu

Krok 2, Order preferences (Preferencje zamówienia), zawiera listę rozwijaną Preferred pizza (Preferowana pizza) oraz pole Additional notes (Dodatkowe uwagi). Odwiedzający może cofnąć się za pomocą przycisku Back (Wstecz) lub przesłać formularz klikając Send request (Wyślij zapytanie). Są to etykiety przycisków skonfigurowane w tym przykładzie - Twój formularz korzysta z etykiet, które sam wybierzesz w kreatorze. Po przesłaniu na czacie pojawia się skonfigurowana wiadomość z podziękowaniem. Ten przykład nie zawiera pola przesyłania plików.

Zobacz statyczny zrzut ekranu

Zobacz zgłoszenia w zakładce Leads

Kiedy odwiedzający przesyła formularz niestandardowy powiązany ze zbieraniem leadów (Lead Collection) lub formularzem kontaktu z człowiekiem (Human Contact Form), zgłoszenie zostaje zapisane jako lead. Otwórz zakładkę Leads (Leady) bota, aby je przejrzeć.

Obok standardowych danych (Name, Email, Phone, Collected date i Entry point) kolumna Form data (Dane formularza) pokazuje pełne zgłoszenie: etykietę każdego pola wraz z wartością wprowadzoną przez odwiedzającego, po jednym wierszu na pole. W przypadku pola File upload (Przesyłanie pliku) widoczna jest nazwa przesłanego pliku; zarówno e-mail z powiadomieniem o leadzie, jak i eksport do CSV (przycisk Export w zakładce Leads) zawierają link do pobrania samego pliku.

Z poziomu każdego leadu możesz także przejść do pełnej rozmowy (Conversation), aby zobaczyć czat towarzyszący przesłaniu formularza.

Przetestuj wybrany wyzwalacz w zakładce Overview (Przegląd), wykonaj wszystkie kroki i prześlij formularz. Upewnij się, że wyświetla się podziękowanie, i sprawdź zapisane zgłoszenie. Jeśli powiadomienia są włączone, przetestuj ich doręczanie na adres, do którego masz dostęp. Samodzielne formularze akcji są rejestrowane w rozmowie - nie zakładaj, że każde samodzielne zgłoszenie tworzy leada.

Powiązane artykuły

• Zbieranie leadów
• Formularz kontaktu z obsługą (Human Support Contact Form)
• AI Actions