Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak utworzyć formularz wielostronicowy w WordPress

Wypełnianie długiego formularza może być przytłaczające, zwłaszcza gdy wszystkie pytania pojawiają się na jednej stronie. Wielu użytkowników traci zainteresowanie w połowie, co może obniżyć współczynniki konwersji.

Dzieląc długi formularz na mniejsze, łatwe do przyswojenia strony, sprawiasz, że proces wydaje się znacznie łatwiejszy i bardziej przystępny. Ta prosta zmiana może doprowadzić do dużego wzrostu liczby osób, które faktycznie wypełniają i wysyłają Twoje formularze.

Dobre wieści? Tworzenie wielostronicowego formularza w WordPressie jest łatwiejsze, niż myślisz. Dzięki wtyczce WPForms możesz użyć pola Podział strony, aby podzielić formularz na różne sekcje.

W tym przewodniku przeprowadzimy Cię przez dokładne kroki tworzenia własnego, przyjaznego dla użytkownika, wielostronicowego formularza w WordPress. W ten sposób możesz ułatwić wypełnianie długich formularzy i poprawić ogólne współczynniki konwersji. 🙌

Jak utworzyć wielostronicowy formularz w WordPress

Dlaczego i kiedy potrzebujesz wielostronicowego formularza w WordPress?

Wielostronicowy formularz WordPress może być potrzebny, gdy formularz jest długi lub zawiera wiele pytań. Podzielenie go na mniejsze części ułatwia wypełnianie i zwiększa szansę, że ludzie go ukończą.

Dodawanie formularzy do Twojej witryny to najprostszy sposób na zbieranie informacji i nawiązywanie kontaktu z użytkownikami, niezależnie od tego, czy chodzi o kontakt, zapisy na listę mailingową, czy ankiety.

Ale długie formularze mogą przytłaczać i często powodują, że użytkownicy rezygnują, zanim je ukończą.

Aby temu zaradzić, zalecamy stosowanie wielostronicowych formularzy. Dzieląc pytania na mniejsze sekcje, sprawiasz, że formularz jest mniej przytłaczający dla użytkowników.

Oto przykład:

Przykład wielostronicowego formularza dla WordPress

Przyjrzyjmy się, co sprawia, że wielostronicowe formularze są tak skuteczne:

  • Pasek postępu: Użytkownicy widzą, jak daleko zaszli, co motywuje ich do ukończenia.
  • Mniej pól naraz: Na każdej stronie pojawia się tylko kilka pytań, dzięki czemu formularz wydaje się krótszy i mniej stresujący.
  • Interaktywne funkcje: Możesz dodać elementy takie jak wybory obrazkowe lub elementy konwersacyjne, aby formularz był bardziej angażujący.

Te funkcje mogą pomóc poprawić doświadczenie użytkownika i zwiększyć wskaźnik ukończenia formularza – zwłaszcza w przypadku formularzy takich jak „zapytanie o wycenę” lub generowanie leadów.

WordPress Multi Part Lead Form with Icon Choices

Tworzenie wielostronicowego formularza WordPress za pomocą WPForms

Najlepszym sposobem na utworzenie wielostronicowego formularza w WordPress jest użycie wtyczki WPForms. Jest to najlepsza wtyczka do tworzenia formularzy WordPress, która pozwala tworzyć dowolny potrzebny formularz.

Ponad 6 milionów właścicieli witryn korzysta z WPForms, w tym my tutaj na WPBeginner. Używamy go do wyświetlania naszego formularza kontaktowego, przeprowadzania corocznych ankiet czytelników, zarządzania prośbami o migrację i nie tylko. Zapoznaj się z naszą pełną recenzją WPForms, aby uzyskać więcej informacji o jego funkcjach.

Strona główna WPForms

💡 Uwaga: Do tego samouczka potrzebny będzie co najmniej podstawowy plan WPForms, który obejmuje funkcje wielostronicowych formularzy i zaawansowane opcje. Masz ograniczony budżet? Czytelnicy WPBeginner mogą uzyskać 50% zniżki na dowolny plan, używając kodu kuponu WPForms przy kasie.

Niemniej jednak, istnieje również darmowa wersja WPForms Lite, którą możesz wypróbować.

Mając to na uwadze, przejdźmy przez proces tworzenia wielostronicznego formularza w WordPressie:

Krok 1: Zainstaluj i aktywuj wtyczkę WPForms

Pierwszym krokiem jest skonfigurowanie konta WPForms. Możesz przejść do strony internetowej WPForms i kliknąć przycisk „Zdobądź WPForms teraz”.

Następnie po prostu wybierz plan, wypełnij niezbędne dane i postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby zakończyć proces.

Ceny planów premium WPForms Pro

Po zakończeniu rejestracji otrzymasz pulpit nawigacyjny WPForms. Wewnątrz znajdziesz swój klucz licencyjny. Skopiuj swój klucz, aby użyć go w następnym kroku.

Po wykonaniu tego, zainstalujmy i aktywujmy wtyczkę WPForms za pośrednictwem panelu administracyjnego WordPressa. Po prostu przejdź do sekcji Wtyczki » Dodaj nową wtyczkę, aby rozpocząć.

Podmenu Dodaj nowy wtyczkę w obszarze administracyjnym WordPress

Na następnym ekranie możesz użyć paska wyszukiwania, aby szybko znaleźć wtyczkę WPForms.

Następnie kliknij przycisk „Zainstaluj teraz”, a po jego pojawieniu się „Aktywuj”.

Aktywacja WPForms

Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji odwiedź stronę WPForms » Ustawienia, wprowadź swój klucz licencyjny i kliknij przycisk „Zweryfikuj klucz”. (Klucz ten możesz uzyskać w swoim panelu WPForms.)

Wprowadzanie klucza licencyjnego WPForms

Po weryfikacji klucza licencyjnego jesteś gotowy do utworzenia swojego pierwszego wielostronicowego formularza w WordPressie.

Krok 2: Utwórz swój wielostroniczny formularz w WordPressie

Na początek przejdźmy do strony WPForms » Dodaj nowy z poziomu swojego obszaru administracyjnego WordPressa, aby uruchomić kreator formularzy metodą przeciągnij i upuść.

Kliknij Dodaj nowy, aby utworzyć formularz WPForms

Spowoduje to przejście do strony konfiguracji wewnątrz kreatora formularzy.

Najpierw wprowadź tytuł swojego formularza.

Nazewnictwo formularza WPForms

Następnie wybierzesz, w jaki sposób zbudujesz swój formularz.

WPForms oferuje ponad 2000 gotowych szablonów formularzy, które pomogą Ci zaoszczędzić czas. Możesz szybko wybrać jeden i edytować go zgodnie ze swoimi wymaganiami. Dostępny jest również pusty szablon formularza, którego możesz użyć do stworzenia w pełni niestandardowego formularza.

Co więcej, możesz użyć WPForms AI do szybkiego tworzenia formularzy. Wystarczy napisać krótki opis, a kreator formularzy AI wygeneruje formularz dla Ciebie.

Formularze AI WPForms w akcji

W tym samouczku użyjemy szablonu „Formularz sugestii”.

Po prostu najedź kursorem na pole szablonu i kliknij przycisk „Użyj szablonu”, aby rozpocząć.

Wybierz szablon formularza

To przeniesie Cię do ich kreatora formularzy, gdzie możesz go dostosować.

Po prostu przeciągnij pola z lewej kolumny i upuść je w szablonie formularza. Możesz również wybrać istniejące pola formularza i dalej je dostosowywać.

Edytuj swój formularz

Po dodaniu kilku pól formularza jesteś gotowy do dodania nowej strony do swojego formularza.

Dodaj pole „Podział strony” z sekcji „Pola ozdobne” z lewej kolumny.

Dodaj pole podziału strony

Zauważysz, że WPForms doda znacznik podziału strony na dole i znacznik „Pierwsza strona / Wskaźnik postępu” na górze strony.

Spowoduje to również przesunięcie przycisku wysyłania na następną stronę, a Twoja pierwsza strona będzie teraz zawierać przycisk „Dalej”.

Aby edytować właściwości formularza wielostronicowego, kliknij znacznik „Pierwsza strona / Wskaźnik postępu” na górze.

Kliknij na pierwszy znacznik strony

W lewym pasku bocznym możesz:

  • Wybierz typ wskaźnika postępu (prosty pasek, kółka, łączniki lub brak).
  • Dostosuj kolor wskaźnika strony.
  • Dodaj tytuł dla pierwszej strony.

Te opcje pozwalają dostosować wygląd wielostronicowego formularza dla użytkowników.

WPForms Multi-Part Form - Przykłady paska postępu

Następnie kliknij znacznik „Podział strony” , aby edytować jego właściwości. Tutaj możesz:

  • Zmień tekst na przycisku „Dalej”.
  • Podaj tytuł dla następnej strony.

Następnie możesz dodać tyle podziałów stron, ile potrzebujesz.

Edytuj znacznik podziału strony

Możesz również użyć logiki warunkowej, aby wyświetlać lub ukrywać pola w zależności od odpowiedzi użytkownika.

W tym szablonie możesz zobaczyć, że jest on już skonfigurowany dla pola „Jeśli inne…”. Możesz to sprawdzić, klikając na nie i przechodząc do zakładki „Logika inteligentna”.

Logika inteligentna włączona dla pola „Jeśli inne...”

Po zakończeniu kliknij przycisk „Zapisz” w prawym górnym rogu.

Właśnie zakończyłeś tworzenie formularza wielostronicowego. Następnym krokiem jest dodanie formularza do swojej witryny.

Zapisz swój formularz

Krok 3: Dodaj swój wielostroniczny formularz do wpisów i stron WordPressa

WPForms sprawia, że dodawanie formularzy do wpisów i stron WordPress jest niezwykle łatwe.

Możesz kliknąć przycisk „Osadź” na górze kreatora formularzy i dodać formularz do nowej lub istniejącej strony.

Osadź formularz na stronie

W tym samouczku wybierzemy opcję „Wybierz istniejącą stronę”.

W następnym wyskakującym okienku możesz wybrać stronę z menu rozwijanego i kliknąć przycisk „Zaczynajmy”.

Osadzanie formularza sugestii na istniejącej stronie

To przeniesie Cię do edytora bloków WordPress.

Stąd możesz kliknąć przycisk „+”, aby dodać blok WPForms.

Dodawanie bloku WPForms

WPForms załaduje następnie blok do edytora treści.

Stąd możesz wybrać swój formularz wielostronicowy z menu rozwijanego.

Wybieranie formularza sugestii z listy rozwijanej WPForms

Następnie powinieneś zobaczyć podgląd swojego formularza w edytorze bloków.

Stąd możesz dostosować, jak formularz powinien wyglądać w Twoim poście lub na stronie.

Na przykład, w panelu bloków WPForms po prawej stronie możesz włączyć tytuł i opis formularza lub stylizować formularz za pomocą motywu pasującego do projektu Twojej strony.

Opcje dostosowywania bloku WPForms

Gdy będziesz zadowolony z wyglądu, opublikuj swoją stronę lub wpis.

Po wykonaniu tej czynności możesz odwiedzić swoją stronę WordPress, aby zobaczyć swój wielostronicowy formularz w akcji:

Podgląd wielostronicowego formularza

Szczegółowe informacje znajdziesz w naszym przewodniku jak osadzać formularze w WordPress.

Dodatkowa wskazówka: Wnieś formularze wieloczęściowe WordPress na wyższy poziom

Teraz, jeśli jesteś taki jak my i inni mądrzy właściciele firm, prawdopodobnie chcesz wiedzieć, jak przenieść swoje formularze generujące potencjalnych klientów na wyższy poziom.

Istnieją dwie rzeczy, które możesz zrobić, aby drastycznie poprawić konwersję wielostronicowych formularzy WordPress.

1. Interaktywne formularze kontaktowe

WPForms zawiera dodatek Lead Forms addon, który pozwala poprawić współczynnik ukończenia formularza dzięki angażującemu projektowi układu formularza. (Należy pamiętać, że dodatek Lead Forms jest dostępny w planie WPForms Pro lub wyższym.)

W zasadzie pozwala to prezentować użytkownikom jedno pytanie na raz, dzięki czemu formularze są mniej onieśmielające i łatwiejsze do ukończenia.

Działa to szczególnie dobrze w przypadku formularzy z prośbą o wycenę i innych formularzy generujących potencjalnych klientów na Twojej stronie. Oto przykład, jak to wygląda:

WPForms Lead Forms Demo

To w zasadzie opiera się na zasadzie formularzy konwersacyjnych, którą WPForms zapoczątkował we wcześniejszych dniach. Formularze konwersacyjne przyjmują podejście „jedno pytanie na raz”, podobne do rozmowy twarzą w twarz.

Mówiąc prościej: dodatek Lead Forms wyświetla jedno pytanie na raz w ramach istniejącej strony. Tymczasem dodatek Conversational Forms tworzy dedykowaną, pełnoekranową stronę docelową dla doświadczenia bez rozpraszania uwagi.

WPForms Przykład pełnoekranowych formularzy konwersacyjnych

Aby uzyskać więcej wskazówek, zapoznaj się z naszym przewodnikiem jak tworzyć bardziej interaktywne formularze w WordPressie.

2. Włącz częściowe przesyłanie formularzy

Czy wiesz, że 81% ludzi porzuca formularze przed ich ukończeniem? Badania pokazują, że ta liczba może być dość wysoka, zwłaszcza w przypadku dłuższych formularzy, dlatego zapisywanie częściowych wpisów jest tak cenne.

Dlatego zalecamy włączenie częściowego przesyłania formularzy w WordPress. Dodatek WPForms Form Abandonment addon pozwala na to z łatwością. (Ta potężna funkcja jest dostępna w planie WPForms Pro i wyższym.)

Możesz po prostu włączyć go, przechodząc do zakładki „Porzucenie formularza” w ustawieniach kreatora formularzy.

Ustawienia porzucania formularzy WPForms

Pozwala to wysyłać ukierunkowane wiadomości z dalszymi działaniami do osób, które porzuciły formularz, aby zwiększyć konwersję sprzedaży.

Najczęściej zadawane pytania dotyczące dodawania wielostronicowego formularza w WordPressie

Masz więcej pytań dotyczących tworzenia formularzy wielostronicowych? Oto kilka szybkich odpowiedzi, które pomogą Ci je rozwiązać.

Czy mogę mieć wiele formularzy na jednej stronie?

Tak, możesz dodać więcej niż jeden formularz do jednej strony WordPress. Ale jeśli zbierasz powiązane informacje, zazwyczaj lepiej jest zamiast tego użyć formularza wielostronicowego. Utrzymuje to porządek i sprawia, że proces wydaje się łatwiejszy dla Twoich odwiedzających.

Co się stanie, jeśli użytkownik porzuci formularz w połowie?

Domyślnie dane formularza są zapisywane tylko wtedy, gdy ktoś go prześle. Jeśli używasz WPForms Pro, możesz włączyć dodatek Form Abandonment, aby automatycznie przechwytywać częściowe wpisy. W ten sposób nadal możesz kontaktować się z osobami, które nie dokończyły wypełniania formularza.

Czy mogę dodać przycisk „Poprzedni” do mojego formularza wielostronicowego?

Tak! Większość kreatorów formularzy pozwala dodać przycisk „Wstecz”, dzięki czemu użytkownicy mogą wrócić i edytować swoje odpowiedzi przed przejściem dalej. To drobny szczegół, który może sprawić, że Twoje formularze będą bardziej przyjazne dla użytkownika.

Jak mogę utworzyć formularz wieloetapowy w WordPressie bez wtyczki?

Jest to możliwe, ale niezbyt praktyczne. Musiałbyś napisać kod samodzielnie, używając HTML i CSS, upewnić się, że informacje są wprowadzane poprawnie, oraz zbudować system do przetwarzania i zapisywania zgłoszeń. Użycie wtyczki takiej jak WPForms jest znacznie szybsze i łatwiejsze dla większości użytkowników.

Czy ChatGPT może tworzyć formularze?

ChatGPT może pomóc w napisaniu kodu HTML lub zaplanowaniu działania formularza, w tym układu wieloetapowego lub przepływu pytań. Ale nadal będziesz musiał samodzielnie dodać formularz do WordPressa i zająć się takimi rzeczami, jak projekt, walidacja i zapisywanie wpisów.

Mamy nadzieję, że ten artykuł pomógł Ci dodać wielostronicowy formularz w WordPressie.

Jeśli uznałeś to za pomocne, być może będziesz chciał również zapoznać się z naszymi poradnikami na temat:

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

10 CommentsLeave a Reply

  1. Cześć,

    Używam WPForms i są świetne, ale mam problemy z przesyłaniem. nie przesyła plików w większości przeglądarek. i to jest frustrujące.

    Używam opcji przesyłania na końcu wieloczęściowego formularza składającego się z 7 części

    • Zależałoby to od Twojego konkretnego problemu i przesyłanych plików. Jeśli skontaktujesz się z pomocą techniczną WPForms, powinni być w stanie pomóc Ci bezpośrednio w przypadku Twojej konkretnej witryny i problemu, z którym się zmagasz.

      Admin

  2. Cześć, chciałbym zebrać pierwszy krok formularza wieloczęściowego w oknie suwaka rewolucji, a następnie przekazać wartości do rzeczywistego formularza wieloczęściowego w kroku 2. Chciałbym, aby formularz wieloczęściowy miał krok 1, gdy jest wywoływany bezpośrednio. Czy to szaleństwo jest możliwe?

  3. proszę pomóż mi, jak dodać akcję onclick, gdy klikniemy ostatni przycisk wysyłania, aby pojawił się komunikat powitalny poniżej paska postępu

  4. Czy ten wielostronicowy formularz może być używany w połączeniu z procesem rejestracji BuddyPress? Bardzo chciałbym, aby moi użytkownicy mieli wielostronicowy formularz do wypełniania swoich profili...? Jakieś przemyślenia na ten temat :)…Gracias

  5. Hej WPBEGINNER

    Czy można dodawać zdjęcia do formularza, aby pokazać klientom różne dostępne opcje?

    Z poważaniem

  6. Wielkie dzięki

    chętnie znalazłbym darmowy plugin, który zapewnia zaawansowane ustawienia formularzy

  7. Cześć,

    Dzień dobry. I bardzo dziękuję za ten wpis na blogu.

    Szczerze mówiąc, jestem nowy w WordPress i dopiero zaczynam tworzyć własną stronę internetową dla firmy online.

    Moje pytanie brzmi, czy WPForms ma możliwość umieszczenia opcji „przesyłania audio, wideo, obrazów” na jednej ze stron formularzy? Ponieważ planuję użyć WPForms do formularza zamówienia, w którym klient będzie musiał przesłać rzeczy jako jeden z wymogów zamówienia.

    Z poważaniem,

    Lenlie

    • Tak, WPForms pozwala dodać pole do przesyłania plików do formularza. Możesz również wybrać typy plików i maksymalny rozmiar pliku, który użytkownicy mogą przesłać w ustawieniach pola.

      Admin

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.