Zachęć ich do klikania: jak wieloetapowe formularze Fluent Forms mogą pomóc w przyciągnięciu użytkowników

Opublikowany: 2024-03-20

Wtyczka Fluent Forms zapewnia mnóstwo funkcjonalności – wystarczających, abyś mógł tworzyć niesamowite, a jednocześnie długie projekty. Długość ta może jednak stanowić przeszkodę i właśnie w tym miejscu pojawiają się wieloetapowe formy Fluent Forms.

Jeśli chcesz utrzymać wysoki poziom zaangażowania i zdrowy współczynnik ukończenia, pomocne może być podzielenie formularzy na wiele stron. Można to łatwo skonfigurować w Fluent Forms i zapewnia swobodę zadawania respondentom wszystkich potrzebnych pytań.

W tym poście przyjrzymy się bardziej szczegółowo wieloetapowym formularzom Fluent Forms. Obejmuje to pokazanie, jak je skonfigurować, a także powód i miejsce ich użycia.

Funkcjonalność dostępna w Fluent Forms

Nie musimy tu spędzać zbyt długo, ponieważ wiele z tego, co oferuje Fluent Forms, omawiamy w różnych innych postach na WP Mayor. Sugerujemy rozpoczęcie od naszej szczegółowej recenzji Fluent Forms, ponieważ daje ona potrzebny kontekst na temat tego, co robi Fluent Forms.

Obraz nagłówka Fluent Forms z WordPress.org.

Przedstawmy jednak krótkie podsumowanie innych kluczowych funkcji, które można znaleźć:

  • Możesz zacząć od szablonu, aby faza projektowania przebiegała płynniej i szybciej, a następnie użyj narzędzia do tworzenia formularzy metodą „przeciągnij i upuść”, aby utworzyć formularze.
  • Dostępnych jest wiele zaawansowanych funkcji. Obejmuje to kalkulatory, logikę warunkową, możliwość tworzenia formularzy konwersacyjnych i nie tylko.
  • Jeśli sprzedajesz produkty na swojej stronie, Fluent Forms zapewnia funkcjonalność umożliwiającą łatwe przyjmowanie płatności.
  • Możesz skorzystać z dużej kolekcji integracji, aby połączyć Fluent Forms z innymi usługami stron trzecich. Rozszerza to zakres wtyczki niemal bez ograniczeń.

Licencja premium Fluent Forms zaczyna się od 79 USD rocznie i obejmuje wszystkie oferowane funkcje. Dzięki temu możesz wykorzystać możliwości wieloetapowych formularzy Fluent Forms bez dodatkowych kosztów.

Dlaczego wieloetapowe formularze są niezbędne dla lepszego zaangażowania

Typowy formularz online będzie wykorzystywał najmniejszą możliwą liczbę pól. Jest to świetne rozwiązanie, jeśli chcesz zadać odwiedzającym jedynie podstawowe pytania, na przykład w naszym formularzu kontaktowym:

Strona kontaktowa Burmistrza WP.

Jeśli jednak musisz zadać wiele pytań lub chcesz zebrać złożone dane, użytkownicy mogą cierpieć z powodu zmęczenia. Rezultatem będzie wzrost współczynnika porzuceń formularzy.

W tym miejscu wieloetapowe formularze oferują znaczne korzyści w kilku obszarach:

  • Zmniejszone zmęczenie formą. Jeśli formularz składa się z możliwych do wykonania etapów, możesz zmniejszyć obciążenie poznawcze użytkowników. Ma to pozytywny wpływ na ogólne wrażenia użytkownika i sprawia, że ​​wypełnienie formularza jest mniej zniechęcające.
  • Zwiększona dokładność danych. Formularze wieloetapowe dobrze komponują się z logiką warunkową. Dzięki temu możesz pokazywać lub ukrywać pola na podstawie odpowiedzi użytkownika. Bardziej odpowiedni formularz ma większą szansę na wypełnienie. Powinien także przechwytywać dane wyższej jakości i zmniejszać liczbę błędów w odpowiedziach w każdym formularzu.
  • Większe zaangażowanie użytkowników. Formularz wieloetapowy może zwiększyć zaangażowanie poprzez swoją strukturę. Ponieważ na ekranie jest mniej elementów, atrakcyjność wizualna formularza również powinna się poprawić.

Te interakcje i elementy User Experience (UX) mogą wydawać się małe, ale oferują dużą wartość. Znaczniki wizualne, takie jak paski postępu lub znaczniki sekcji, dają użytkownikowi poczucie kontroli.

Witryna GoCompare pokazująca liczbę kroków wymaganych do dotarcia do końca wieloetapowego formularza

Jeśli zobaczą, ile czasu zajmuje wypełnienie formularza, użytkownik prawdopodobnie będzie miał większą pewność, że go wypełni. To także zbuduje zaufanie do Twojej witryny. Korzyścią netto jest lepsza jakość danych i pełniejsze formularze.

Gdzie chcesz używać formularzy wieloetapowych

Formularze wieloetapowe nie są panaceum na istniejące problemy z obecnymi formularzami. Są one jednak prawie konieczne w wielu różnych przypadkach.

Ogólnie rzecz biorąc, wszędzie tam, gdzie trzeba zebrać dużo informacji, należy stosować formularze wieloetapowe. Będzie to ważne, jeśli musisz podzielić formularz na różne kategorie. Na przykład witryna GoCompare zajmująca się ubezpieczeniami samochodowymi będzie musiała zadać wiele pytań, aby sformułować wycenę:

Wieloetapowy formularz GoCompare.

Jeśli chcesz spersonalizować formularz, częścią Twojej strategii będzie podejście wieloetapowe. Jest to uproszczony sposób pomocy użytkownikowi w przejściu przez długi formularz. Podstawowa forma lemoniady doskonale sprawdza się w przypadku trafnych, konwersacyjnych i spersonalizowanych treści:

Wieloetapowy formularz Lemoniady pokazujący wybór rodzaju ubezpieczenia.

Ankiety i quizy często składają się z rozległych labiryntów pól, pytań i sekcji. Oczywiście jest to idealny przypadek użycia formularzy wieloetapowych, ponieważ może zachęcić do większego uczestnictwa. Witryna internetowa Expert Photography zawiera quiz składający się z trzech szybkich sekcji. Na koniec otrzymujesz „typ” fotografa i rekomendację dalszych zasobów:

Quiz fotograficzny Expert Photography.

Wreszcie wieloetapowy formularz to także świetny sposób na przyjmowanie płatności. HelloFresh jest tutaj dobrym przykładem, ponieważ jego formularz jest szybki do wypełnienia, a jednocześnie kompleksowy:

Ekran kasy HelloFresh, który służy również jako wieloetapowy formularz wyboru planu.

Jeśli masz strategię gromadzenia danych, która opiera się na formularzach wieloetapowych, musisz wiedzieć, jak je utworzyć. Następnie przyjrzymy się wykorzystaniu wieloetapowych formularzy Fluent Forms do osiągnięcia tego zadania.

Jak skonfigurować wieloetapowe formularze Fluent Forms (w 3 krokach!)

Zacznijmy od tego, jak wdrożyć wieloetapowe formularze Fluent Forms. Oferuje inny rodzaj podejścia niż inne narzędzia do tworzenia formularzy. Nam się to podoba, a już niedługo pokażemy dlaczego. Jednak wcześniej musisz dodać nowy formularz do swojej witryny.

1. Dodaj nowy formularz i wybierz jego styl

Aby dodać nowy formularz, zaloguj się do WordPressa i przejdź do ekranu Fluent Forms Pro > Dodaj formularz . Spowoduje to wyświetlenie wyskakującego okna dialogowego:

Wybór nowego typu formularza w Fluent Forms.

Możesz tutaj wybrać dowolny rodzaj formularza w zależności od swoich celów. Szablony Fluent Form zawierają szeroką gamę typów formularzy, a tutaj możesz znaleźć coś odpowiedniego:

Wybór gotowego szablonu w Fluent Forms.

Po wybraniu formularza przejdziesz do kreatora „przeciągnij i upuść”. Od tego momentu możesz rozpocząć segmentację formularza, korzystając z funkcjonalności Fluent Forms.

2. Użyj pola kroku formularza, aby podzielić formularz na strony

Wieloetapowe formularze Fluent Forms umożliwiają ich zaprojektowanie, dzięki czemu można szybko zobaczyć cały przepływ na zapleczu WordPress. Aby segmentować formularz, możesz wywołać pole Krok formularza. Zawiera funkcjonalność umożliwiającą poruszanie się po formularzu według własnych upodobań.

Aby go znaleźć, użyj pola wyszukiwania formularza lub zajrzyj do sekcji Pola zaawansowane w kreatorze Fluent Forms:

Kreator Fluent Forms wyświetlający pole Krok formularza.

Po przeciągnięciu tego na stronę w polu Krok formularza zostaną dodane dalsze znaczniki sekcji, aby oznaczyć początek formularza, koniec formularza oraz wszelkie przerwy i kroki:

Pola Początek stronicowania i Podział strony utworzone za pomocą pola Krok formularza.

Aby utworzyć dalsze kroki, możesz dodać więcej pól Kroków formularza:

Dodanie pola kroku formularza do obszaru roboczego formularza w kreatorze.

Jeśli teraz zapiszesz formularz i klikniesz przycisk Podgląd i projekt , możesz zobaczyć, jak będzie wyglądać w interfejsie:

Podgląd formularza w interfejsie witryny.

To jednak nie wszystko, co możesz zrobić. Możesz także dostosować sposób działania formularza do potrzeb Ciebie i Twoich użytkowników.

3. Dostosuj UX swojego formularza wieloetapowego

Po przeciągnięciu pola Krok formularza na płótno możesz kliknąć, aby edytować interfejs formularza wieloetapowego. Na przykład każda sekcja Podział strony umożliwia zmianę wyglądu przycisków Dalej i Wstecz :

Praca z ustawieniami dostosowywania danych wejściowych w polu podziału strony.

Sekcja Początek stronicowania oferuje jednak największe możliwości dostosowywania. Możesz na przykład wybrać sposób wyświetlania wskaźnika postępu. Możesz wybrać pasek postępu, wyświetlić kroki lub w ogóle nic nie pokazywać. Dla każdego utworzonego kroku możesz także tutaj ustawić dedykowany tytuł:

Dostosowywanie sekcji Początek stronicowania w Fluent Forms.

Jeśli chcesz, możesz także zmienić styl animacji w ustawieniach Start stronicowania. Na dole panelu opcji znajdują się pola wyboru umożliwiające włączenie niektórych przydatnych funkcji. Możesz na przykład zmienić automatyczne ustawianie ostrości dla każdej strony lub skonfigurować funkcję „zapisz i kontynuuj”:

Pola wyboru umożliwiające włączenie różnych dodatkowych opcji dla wieloetapowych formularzy Fluent Forms.

To kolejny sposób na zwiększenie zaangażowania i wskaźników ukończenia. Jeśli dasz użytkownikom możliwość powrotu do formularza w późniejszym terminie, może to stanowić różnicę między odpoczynkiem a powrotem do końca w celu dokończenia formularza.

Kiedy będziesz gotowy, możesz zapisać formularz i dodać go do swojej witryny. Jeśli sprawdzisz to na interfejsie, zobaczysz wieloetapowy formularz Fluent Forms, gotowy do użycia!

Nasze ostatnie przemyślenia

Jeśli przyjrzysz się różnym polom Fluent Forms, dostrzeżesz wiele sposobów na uzyskanie potrzebnych informacji od użytkowników. Jeśli jednak dodasz to wszystko do jednostronicowego formularza, możesz ryzykować, że respondenci wcześniej opuszczą formularz. To jest zadanie dla wieloetapowych formularzy Fluent Forms.

W edytorze „przeciągnij i upuść” pole Krok formularza służy do oznaczania końca jednej strony i początku drugiej. Jeśli chodzi o frontend, Fluent Forms wykonuje ciężką pracę, aby przenieść użytkownika po formularzu. Rezultatem jest mniejsze zmęczenie respondentów i większe zaangażowanie w formularz. Co więcej, możesz to osiągnąć już od 79 USD rocznie za wersję premium Fluent Forms.

Czy wieloetapowe formularze Fluent Forms podsunęły Ci pomysły na osiągnięcie nadchodzących celów? Podziel się z nami swoimi przemyśleniami w sekcji komentarzy poniżej!