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
Przejdź do Settings > Forms (Ustawienia > Formularze). Ta strona zawiera listę Twoich zapisanych formularzy niestandardowych. Jeśli żaden nie został jeszcze utworzony, wyświetla się komunikat "No custom forms yet" z przyciskiem Create your first form (Utwórz swój pierwszy formularz).
Tworzenie formularza
Kliknij New form (Nowy formularz) - lub Create your first form, gdy lista jest jeszcze pusta - aby otworzyć kreator formularzy.
Budowanie formularza
Kreator zawiera wszystko, czego potrzebujesz do skonfigurowania formularza na jednym ekranie, wraz z podglądem na żywo po prawej stronie. W tym artykule zbudujemy przykładowy formularz "Zapytanie o catering" dla pizzerii: krok 1 zbiera dane kontaktowe, krok 2 pyta o szczegóły wydarzenia.
- Form name (Nazwa formularza) - nazwa wewnętrzna, dzięki której łatwo zidentyfikujesz formularz na listach rozwijanych.
- Thank-you message (Wiadomość z podziękowaniem) - tekst potwierdzenia wyświetlany po przesłaniu formularza przez odwiedzającego.
- Submit button (Przycisk przesłania) - ustaw treść etykiety przycisku, wybierz opcjonalną ikonę i określ jej kolor.
- Zakładki Build (Buduj) oraz Custom CSS (Własny CSS) - buduj pola wizualnie lub przełącz się na Custom CSS, aby zastosować własne style.
Dodawanie pól
W zakładce Build nadaj krokowi opcjonalny tytuł, a następnie kliknij przycisk z typem pola, aby je dodać. Możesz dodać tyle pól, ile potrzebujesz, łącząc dowolne z poniższych typów w ramach jednego formularza.
- Name (Imię i nazwisko) - jednolinijkowe pole na imię i nazwisko odwiedzającego.
- Email (E-mail) - zbiera adres e-mail i weryfikuje jego poprawność.
- Phone number (Numer telefonu) - zbiera numer telefonu.
- Date (Data) - pole wyboru daty.
- Time (Godzina) - pole wyboru godziny.
- File upload (Przesłanie pliku) - pozwala odwiedzającemu załączyć i przesłać plik (szczegóły poniżej).
- Short answer (Krótka odpowiedź) - jednolinijkowe pole na dowolny tekst.
- Long answer (Długa odpowiedź) - większe, wielolinijkowe pole na dłuższe wypowiedzi.
- Checkbox (Pole wyboru) - pojedyncze pole do zaznaczenia, na przykład do akceptacji regulaminu.
- Dropdown (Lista rozwijana) - menu, w którym odwiedzający wybiera jedną opcję z listy.
- Single choice (Jednokrotny wybór) - zestaw opcji, z których odwiedzający wybiera dokładnie jedną.
- Multiple choice (Wielokrotny wybór) - zestaw opcji, w którym odwiedzający może zaznaczyć kilka naraz.
Każde pole posiada Label (etykietę - to, co widzi odwiedzający) oraz Name (nazwę - klucz wewnętrzny używany w eksportach i powiadomieniach). Możesz oznaczyć pole jako Required (wymagane), ustawić jego szerokość (Width), aby pola układały się obok siebie, a także przeciągać pola, by zmieniać ich kolejność. Pola Dropdown, Single choice i Multiple choice przyjmują także listę opcji - po jednej w każdym wierszu.
Dodawanie kroków
W przypadku dłuższych formularzy podziel pola na kroki (steps) zamiast umieszczać je na jednym długim ekranie. Kliknij Add step (Dodaj krok), aby dodać kolejny etap, a następnie przeciągnij do niego pola lub dodaj nowe. Każdy krok stanowi osobną kartę z opcjonalnym tytułem.
Odwiedzający widzą każdy krok jako osobny ekran w czacie i przechodzą między nimi za pomocą przycisków Next (Dalej) i Previous (Wstecz), które pojawiają się automatycznie, gdy formularz ma więcej niż jeden krok. W przypadku formularzy wielokrokowych kreator pozwala także dostosować treść etykiety, ikonę i kolor dla przycisków Next i Previous.
Nadaj każdemu krokowi krótki, konkretny tytuł (na przykład "Twoje dane", a następnie "Twoje zapytanie"), aby odwiedzający zawsze wiedzieli, na jakim etapie formularza się znajdują.
Pola przesyłania plików
Pole File upload pozwala odwiedzającemu załączyć plik do formularza. Dla każdego pola tego typu możesz określić:
- Accepted extensions (Dozwolone rozszerzenia) - listę rozszerzeń rozdzielonych przecinkami, na przykład
pdf, png, jpg. Dopuszczalne będą wyłącznie pliki z tymi rozszerzeniami. - Max size (Maksymalny rozmiar) - maksymalny rozmiar pliku w MB, do 10 MB.
Przesyłane pliki są weryfikowane w momencie wysyłania: rozszerzenie musi znajdować się na liście dozwolonych, rozmiar musi mieścić się w limicie, a rzeczywista zawartość pliku musi odpowiadać deklarowanemu formatowi.
Podgląd na żywo
Panel Live preview (Podgląd na żywo) po prawej stronie pokazuje formularz dokładnie tak, jak zobaczą go odwiedzający, aktualizując się na bieżąco podczas dodawania pól, kolejnych kroków i modyfikowania wyglądu.
Gdy formularz jest gotowy, kliknij Save (Zapisz). Formularz pojawi się na Twojej liście w zakładce Settings > Forms.
Używanie formularza niestandardowego
Zapisany formularz niestandardowy nie pojawia się automatycznie odwiedzającym. Przypisz go do odpowiedniej sekcji:
- Settings > Lead Collection - otwórz listę rozwijaną Form shown to the visitor (Formularz wyświetlany odwiedzającemu) i wybierz swój formularz niestandardowy zamiast formularza wbudowanego.
- Settings > Human Contact Form - otwórz listę rozwijaną Form shown to the visitor i wybierz swój formularz niestandardowy zamiast formularza wbudowanego.
Odwiedzający zobaczy wtedy Twój niestandardowy formularz za każdym razem, gdy ta sekcja zostanie wywołana.
Jak to wygląda z perspektywy odwiedzającego
Formularz wyświetla się wewnątrz okna czatu. Oto przykładowy formularz "Zapytanie o catering" przypisany do sekcji Lead Collection: odwiedzający widzi krok 1 z polami kontaktowymi i przechodzi dalej przyciskiem Next.
Krok 2 wyświetla pola dotyczące wydarzenia, w tym Dropdown, Long answer oraz pole File upload. Odwiedzający może cofnąć się za pomocą przycisku Previous lub wysłać zgłoszenie przyciskiem Submit (Wyślij). Po przesłaniu w oknie czatu wyświetla się zdefiniowana w kreatorze wiadomość z podziękowaniem.
Przeglądanie zgłoszeń w zakładce Leads
Gdy odwiedzający prześle formularz niestandardowy przypisany do Lead Collection lub Human Contact Form, zgłoszenie zostaje zapisane jako lead. Otwórz zakładkę Leads (Leady) bota, aby je przejrzeć.
Obok standardowych pól Name, Email, Phone, Collected date i Entry point, kolumna Form data (Dane z formularza) prezentuje pełne zgłoszenie: etykietę każdego pola wraz z wartością wprowadzoną przez odwiedzającego, w osobnym wierszu dla każdego pola. W przypadku pola File upload wyświetlana jest nazwa przesłanego pliku; powiadomienie e-mail o leadzie oraz plik CSV z eksportu (przycisk Export w zakładce Leads) zawierają bezpośredni link do pobrania pliku.
Z poziomu każdego leada możesz także kliknąć i przejść do pełnej rozmowy (Conversation), aby zobaczyć kontekst czatu wokół przesłanego zgłoszenia.