Jak stworzyć formularz wieloetapowy lub wielostronicowy

Chcesz stworzyć formularz wieloetapowy czy chcesz utworzyć formularz wielostronicowy w WordPressie? Ten Samouczek WordPress wyjaśnia ci wszystko ?

Jeśli chcesz tworzyć formularze w swojej witrynie, które dobrze sobie radzą, wielostronicowe formularze są dobrym rozwiązaniem. Rozłożone na wielu stronach, zwalczają zmęczenie i zwiększają zaangażowanie użytkowników.

W tym artykule pokażemy, jak stworzyć wielostronicowy formularz w WordPressie, aby uzyskać więcej konwersji.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy. 

Ale po co używać wielostronicowych formularzy w WordPressie?

Po co dodawać formularz wielostronicowy w WordPressie?

Jak wspomnieliśmy powyżej, wielostronicowe formularze są podzielone na wiele stron. Dodawanie kolejnych kroków do formularza może wydawać się sprzeczne z intuicją, ale w rzeczywistości może zwiększyć współczynniki konwersji formularza.

Formularze wielostronicowe zmniejszają tarcia użytkowników, którzy muszą dokonywać zbyt wielu wyborów naraz. Proste opcje sprawiają, że każdy krok formularza jest mniej przytłaczający, a paski postępu zachęcają użytkowników do kontynuowania i wypełniania formularza.

Ponieważ zaprojektowałeś swój formularz tak, aby poprawić wskaźniki wypełniania, prawdopodobieństwo porzucenia formularza będzie mniejsze. Za pomocą logiki warunkowej możesz wyświetlać użytkownikom różne strony na podstawie ich odpowiedzi, co ułatwi zbieranie potrzebnych informacji.

Teraz, gdy już wiesz, dlaczego używanie formularzy wielostronicowych jest idealne dla doświadczenie użytkownika, Przejdźmy do tworzenia formularza w WordPressie.

Jak stworzyć formularz wielostronicowy w WordPress

W tym samouczku użyjemy WPForms do tworzenia formularzy wielostronicowych w WordPress. WPForms to najlepsza wtyczka do tworzenia formularzy WordPress z funkcją przeciągania i upuszczania. A z ponad 3 milionami aktywnych instalacji, jest to najbardziej przyjazne dla początkujących narzędzie dostępne.

Co najlepsze, ma zarówno darmową, jak i płatną wersję, ale dzisiaj będziemy używać wersji Pro WPForms do tworzenia wielostronicowego formularza w WordPress.

Przeczytaj także nasz przewodnik na temat Jak dostosować formularze WPForms za pomocą Elementora

Zacznijmy więc od pierwszego kroku, czyli stworzenia nowego formularza.

Krok 1: Utwórz nowy formularz w WordPress

Pierwszą rzeczą do zrobienia jest zainstalowanie i aktywacja Wtyczka WPForms. Jeśli nie wiesz jak, możesz wykonać ten przewodnik krok po kroku zainstalować wtyczki WordPress dla początkujących.

Dzięki WPForms możesz podzielić dowolny typ formularza na wiele części, więc śmiało stwórzmy formularz kontaktowy prosty.

Przejdź do menu WPForms -> Dodaj stworzyć nowy formularz i wyświetlić dostępne szablony.

Następnie na tej stronie nazwij swój formularz, wpisz wielostronicowy Formularz kontaktowy w polu wyszukiwania znajdującym się na lewym pasku bocznym. następnie najedź kursorem na wynik wyszukiwania i kliknij przycisk Użyj szablonu.

WPForms otworzy szablon formularza w konstruktorze formularzy przeciągnij i upuść, aby można go było edytować.

Jak widać formularz jest pusty, więc zaczniemy przeciągać do niego pola. Zrezygnujemy z następujących pól: 

• Nick
• E-mail
• Komentarz lub wiadomość

Możesz dodać pola do formularza, przeciągając je z lewej kolumny do prawej kolumny. Po prostu kliknij dowolne pole formularza, aby edytować treść i przeciągnij je, aby zmienić jego położenie.

Jeśli chcesz dodać więcej niż jeden formularz kontaktowy do swojej witryny WordPress, możesz także tworzyć następujące typy formularzy za pomocą WPForms:

• Formularz zapytania
• Formularz zamówienia online
• wpisz formularz styl formularza
• Formularz przesyłania plików

Większość tego typu formularzy jest dłuższa niż standardowe formularze kontaktowe, więc rozbicie ich na wiele etapów może poprawić konwersje.

Teraz, gdy już wiesz, jak zacząć, nauczmy się, jak podzielić nasz formularz na części.

Krok 2: Podziel formularz na części

Po dostosowaniu formularza i dodaniu potrzebnych pól dodaj pole Przejdź do głównej zawartości podzielić formularz na różne strony.

Aby to zrobić, zajrzyj pod nagłówek Zaawansowane pola i przeciągnij pole formularza Przejdź do głównej zawartości w prawym panelu.

Upuść pole w formularzu w miejscu, w którym chcesz je podzielić.

Powtórz to dla każdej sekcji, w której chcesz podzielić formularz na inną stronę. Następnie kontynuuj dostosowywanie formularza, dodając pola, które musisz wypełnić.

Chociaż WPForms pozwala dodawać dowolną liczbę formularzy, ważne jest, aby uniknąć przytłaczania użytkowników zbyt dużą ilością informacji. Może to spowodować, że porzucą twoją formę, co jest przeciwieństwem tego, co chcesz osiągnąć.

Krok 3: Dostosuj pasek postępu formularza

Aby zwiększyć przepływ formularza, możesz dodać pasek postępu. Pasek postępu pokazuje ludziom różne sekcje formularza i jest świetnym wizualnym wskaźnikiem tego, ile pracy pozostało do wykonania.

WPForms zawiera 3 różne paski wskaźnika postępu dla formularzy wielostronicowych, które są następujące:

1. Złącza – Łączenie pasków i tytułów stron dla każdego kroku formularza.
2. Cercles – Ponumerowane kółka i tytuły stron dla każdego kroku formularza.
3. Pasek postępu – Wskaźnik postępu użytkownika podczas wypełniania kroków formularza.

Aby zmienić pasek postępu i tytuł strony pierwszej strony wielostronicowego formularza, kliknij pole Podział pierwszej strony.

Zobaczysz wtedy nowy panel, w którym możesz wybrać rodzaj postępu dla swojego formularza. W tym obszarze możesz również zmienić kolor używany do podświetlania wskaźnika postępu, jeśli chcesz.

Jeśli wybierzesz opcje kółka ou connecteurs, możesz także edytować tytuł strony. Dzięki temu użytkownicy wiedzą, w której części formularza się znajdują, aby się nie zgubić. Jeśli jednak nie chcesz, użytkownikom zostanie wyświetlony standardowy pasek postępu, który poprowadzi ich przez wypełnienie formularza.

Następnie możesz edytować przycisk Strona suivante i tekst, który przenosi użytkowników na następną stronę formularza.

Aby to zrobić, kliknij przycisk następujący  swojej strony, możesz zmodyfikować etykietę przycisku w lewej kolumnie.

Dodatkowo możesz dodać przycisk poprzedni aktywując przełącznik Zobacz poprzedni. W ten sposób użytkownicy będą mogli wrócić, jeśli zapomnieli dodać informacje.

Po zakończeniu dostosowywania paska postępu kliknij Enregistrer i przejdź do następnego kroku.

Krok 4: Edytuj ustawienia formularza

Przejdźmy teraz do zmiany ustawień formularza. Aby to zrobić, przejdź do Ustawienia -> Ogólne.

W tej sekcji możesz ustawić następujące opcje:

• Nazwa formularza – Nadaj formularzowi nową nazwę, jeśli chcesz.
• Opis formularza – Dodaj opis do formularza w celach informacyjnych.
• Prześlij tekst przycisku – Edytuj tekst przycisku przesyłania.
• Włącz ochronę przed spamem  – Włącz opcję antyspamową, aby uniemożliwić spamerom wysyłanie niechcianych zgłoszeń.

Po skonfigurowaniu ustawień kliknij Enregistrer.

Krok 5: Ustaw powiadomienia formularza

Ustawienia powiadomień w WPForms, wysyłanie wiadomości e-mail po przesłaniu formularza w witrynie WordPress.

Możesz znaleźć ustawienia powiadomień, klikając Ustawienia -> Powiadomienia.

Jeśli nie wyłączysz powiadomień o formularzach, otrzymasz wiadomość e-mail o każdym formularzu przesłanym w Twojej witrynie.

Z drugiej strony możesz użyć tagów inteligentnych, aby wysłać wiadomość e-mail do osób wypełniających formularz. Tagi inteligentne to świetny sposób na poinformowanie ich, że ich formularz został poprawnie wypełniony i że go otrzymałeś.

Jeszcze lepiej jest używać tej funkcji w długich formularzach z wieloma krokami, ponieważ ich wypełnienie może zająć więcej czasu. Ponadto chroni użytkowników przed wędrowaniem, jeśli wszystko poszło dobrze. Aby uzyskać dalszą pomoc, możesz zapoznaj się z dokumentacją dotyczącą konfiguracji powiadomień formularzowych ici.

Gdy skończysz konfigurować powiadomienia, przejdź do konfiguracji wiadomości z potwierdzeniem formularza.

Krok 6: Ustaw wiadomość potwierdzającą formularz

Wiadomości potwierdzające formularz to krótkie wiadomości wyświetlane użytkownikom po przesłaniu formularza w Twojej witrynie. To świetny sposób na poinformowanie ludzi, że ich formularz jest przetwarzany i jakie kroki należy podjąć.

Istnieją 3 rodzaje wiadomości potwierdzających w WPForms, które są:

1. Wiadomość  – Prosty komunikat informujący użytkowników o przesłaniu formularza.
2. Pokaż stronę – Wyślij użytkowników do innej strony, na przykład strony z podziękowaniem po przesłaniu formularza.
3. Przejdź do adresu URL (przekierowanie) – Wysyłaj odwiedzających witrynę do innej witryny po przesłaniu formularza.

Aby skonfigurować wiadomość potwierdzającą, kliknij Ustawienia -> Potwierdzenie.

Następnie wybierz rodzaj wiadomości, którą chcesz wyświetlić odwiedzającym po wypełnieniu formularza. W tym samouczku wybierzemy Wiadomość .

Teraz dostosuj treść wiadomości do swoich potrzeb i kliknij Enregistrer kiedy jesteś zadowolony.

Możesz teraz dodać swój formularz do WordPressa.

Krok 7: Dodaj swój formularz do WordPress

Po utworzeniu wielostronicowego formularza nadszedł czas, aby dodać go do witryny WordPress. Dzięki WPForms możesz dodać formularz do wielu obszarów swojej witryny. Mogą to być strony, posty, paski boczne i dowolne inne obszary gotowe do użycia widżetów.

Zobaczmy, jak dodać wielostronicowy formularz do strony WordPress.

Aby rozpocząć, przejdź do obszaru administracyjnego WordPress i kliknij Strony -> Dodaj.

Następnie kliknij ikonę plusa w edytorze WordPress, aby dodać nowy blok treści. W polu wyszukiwania wpisz WPForms, aby łatwo go znaleźć.

Teraz kliknij blok WPForms, aby dodać go do swojej strony.

Gdy WPForms pojawi się w twoim bloku, kliknij strzałkę w dół, aby wybrać formularz wielostronicowy z listy i wstawić go na swoją stronę.

Po wybraniu formularza wielostronicowego pojawi się on na Twojej stronie.

I to wszystko ! Nauczyłeś się tworzyć formularze wielostronicowe.

Inne zalecane zasoby

Zachęcamy również do zapoznania się z poniższymi zasobami, aby przejść dalej w zakresie kontroli nad witryną i blogiem.

• Jak używać różnych środowisk na WordPressie
• Jak zarządzać adresami URL obrazów bloga WordPress
• Jak skonfigurować CloudFlare CDN dla swojego bloga WordPress
• Oszustwa PayPal: jak je rozpoznać?

Wnioski

Tam ! To wszystko w tym samouczku. Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się tworzyć wieloetapowe lub wielostronicowe formularze.

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.

Ale w międzyczasie nie zapomnij zostawić nam swojego commentaires i sugestie w dedykowanej sekcji.

...