Niedawno jeden z naszych użytkowników zapytał nas, jak stworzyć formularz wielostronicowy w WordPress? Wieloczęściowe formularze pozwalają zbierać więcej informacji bez odstraszania użytkowników. W tym artykule pokażemy, jak stworzyć formularz wielostronicowy w WordPress.

Creating a multi-page form in WordPress

Dlaczego I Kiedy potrzebujesz formularza wielostronicowego w WordPress?

Formularze to najprostszy sposób zbierania danych i nawiązywania kontaktu z użytkownikami. Niezależnie od tego, czy jest to Formularz kontaktowy, formularz przechwytywania wiadomości e-mail, czy prosta ankieta.

Jednak długie formularze są zniechęcające dla użytkowników i zwiększają porzucanie formularzy.

Aby rozwiązać ten problem, eksperci user experience zalecają formularze wielostronicowe. W ten sposób pola formularza są dzielone na sekcje i strony.

A multi-step checkout page example

Z paskiem postępu na górze i mniejszą liczbą pól na ekranie, użytkownicy czują się bardziej swobodnie wypełniając formularz. Zapewnia bardziej angażujące i interaktywne doświadczenie dla użytkowników.

Powiedziawszy to, zobaczmy, jak łatwo utworzyć formularz wielostronicowy w WordPress.

Video Tutorial

Subskrybuj WPBeginner

Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.

Tworzenie wielostronicowego formularza WordPress z WPForms

Będziemy używać WPForms, która jest najbardziej przyjazną dla początkujących wtyczką do formularzy kontaktowych dla WordPress. Będziesz potrzebował co najmniej licencji podstawowej, która kosztuje $39.50.

Możesz użyć kuponu WPForms: SAVE50 aby uzyskać 50% zniżki na zakup dowolnego planu WPForms.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę WPForms. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz wprowadzić swój klucz licencyjny. Możesz uzyskać ten klucz, logując się na swoje konto na stronie WPForms.

Skopiuj klucz licencyjny, a następnie odwiedź WPForms ” Ustawienia strona w Twojej witrynie WordPress. Wklej klucz licencyjny,a następnie kliknij przycisk zweryfikuj klucz.

WPForms license key

Po zweryfikowaniu klucza licencyjnego możesz teraz utworzyć swój pierwszy formularz wielostronicowy w WordPress.

Po prostu przejdź do WPForms ” Dodaj Nowy strony i uruchomi Kreator formularzy.

Adding a new form in WPForms

Podaj tytuł formularza, a następnie wybierz jeden z poniższych szablonów. WPForms oferuje gotowy formularz, aby przyspieszyć proces tworzenia formularza.

Możesz wybrać ten, który ściśle odpowiada Twoim wymaganiom formularza lub wybrać pusty formularz. Kliknięcie szablonu uruchomi edytor formularzy.

Form editor in WPForms

Po prostu kliknij pola z lewej kolumny, aby dodać je do formularza. Następnie kliknij pole w formularzu, aby je edytować. Można również przeciągać i upuszczać pola formularzy.

Adding form fields in WPForms

Po dodaniu kilku pól formularza możesz dodać nową stronę do formularza. Kliknij na polu Pagebreak w sekcji fancy fields z lewej kolumny.

Adding pagebreak field

Zauważysz, że WPForms doda znacznik łamania stron u dołu i znacznik pierwszej strony u góry strony.

Naciśnie również przycisk Prześlij do następnej strony, a pierwsza strona będzie teraz miała przycisk „Dalej”.

Kliknij znacznik pierwszej strony u góry, aby edytować właściwości formularza wielostronicowego. W lewej kolumnie możesz wybrać typ paska postępu. WPForms pozwala na użycie prostego paska postępu, okręgów, złącza lub żadnego wskaźnika postępu.

Edit first page marker to select progress bar type

W tym samouczku będziemy używać konektorów jako paska postępu. Możesz także wybrać kolor wskaźnika strony. Na koniec możesz podać tytuł pierwszej strony.

Teraz musisz kliknąć znacznik łamania strony, aby edytować jego właściwości. Tutaj możesz podać tytuł następnej strony. Możesz także edytować tekst, aby wyświetlić go na następnym przycisku.

Edit page title and next button text

Możesz kontynuować dodawanie pól formularza po zerwaniu strony. Jeśli używasz wersji WPForms PRO, możesz również użyć logiki warunkowej do wyświetlania i ukrywania pól formularza na podstawie odpowiedzi użytkowników.

Po dodaniu więcej pól, możesz dodać więcej pagebreaks, jeśli potrzebujesz.

Po zakończeniu tworzenia formularza kliknij przycisk Zapisz w prawym górnym rogu ekranu.

Gratulacje, udało Ci się stworzyć swój pierwszy wielostronicowy formularz.

Dodawanie formularza wielostronicowego do postów i stron WordPress

WPForms ułatwia dodawanie formularzy do postów i stron WordPress.

Utwórz nowy post/stronę lub edytuj istniejący. Na górze edytora postów zobaczysz przycisk „Dodaj formularz”.

Add form button

Kliknięcie na niego spowoduje wyświetlenie wyskakującego okienka Wstaw formularz.

Wybierz formularz z rozwijanej listy, a następnie kliknij przycisk Dodaj formularz.

Select and insert your multipage form

Zauważysz wpforms shortcode dodany do Twojego posta / strony. Możesz teraz zapisać lub opublikować ten post lub stronę.

Odwiedź swoją stronę internetową, aby zobaczyć formularz wielostronicowy w akcji.

Preview of a paged form in WordPress

Mamy nadzieję, że ten artykuł pomógł Ci dodać formularz wielostronicowy w WordPress. Możesz również zobaczyć nasz przewodnik, Jak dodać wyskakujące okienko formularza kontaktowego w WordPress.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zainstalować WordPress lokalnie na komputerze Mac za pomocą MAMP

W artykule: Jak zainstalować MAMP na komputerze MacInstalacja WordPress na komputerze MacWypróbowanie…