Jak utworzyć formularz z polem wzmacniającym w WPForms

Opublikowany: 2023-10-04

Zastanawiasz się, jak włączyć pole wzmacniające WPForms do swoich formularzy online, aby przechwytywać więcej danych przy każdym przesłaniu formularza?

Powtarzające się pola w formularzach umożliwiają użytkownikom wprowadzanie wielu zestawów podobnych danych, czyniąc formularze bardziej intuicyjnymi i przyjaznymi dla użytkownika.

W tym artykule pokażemy Ci najprostszy sposób zaprojektowania pola wzmacniającego dla WPForms, aby zwiększyć funkcjonalność Twojej witryny i wygodę użytkownika.

W tym artykule

  • 1. Subskrybuj i zainstaluj WPForms Pro
  • 2. Utwórz nowy pusty formularz
  • 3. Dodaj pole rozwijane z możliwością wyboru Tak/Nie
  • 4. Zastosuj logikę warunkową do pól formularza
  • 5. Włącz logikę warunkową dla pól rozwijanych
  • 6. Włącz powiadomienia i potwierdzenia w formularzu
  • 8. Opublikuj swój formularz z polami wzmacniającymi
  • Więcej pytań na temat pola wzmacniającego WPForms

Dlaczego warto używać pola wzmacniającego WPForms?

Piękno pola wzmacniającego WPForms polega na jego zdolności do usprawnienia gromadzenia danych, oferując jednocześnie kilka innych korzyści, takich jak:

  • Projekt zorientowany na użytkownika: wprowadzając pola wzmacniające, umożliwiasz użytkownikom dyktowanie zakresu swoich danych wejściowych. Jest to subtelny ukłon w stronę autonomii użytkownika i poprawia ogólne wrażenia użytkownika.
  • Elastyczność w projektowaniu formularzy: nie każdy formularz jest uniwersalny. Dzięki polom powtarzalnym możesz dostosować się do różnych scenariuszy — pojedynczego wpisu lub wielu wpisów, dzięki czemu formularz dostosowuje się do różnorodnych wymagań.
  • Spójna struktura danych: Jednym z wyzwań związanych z wieloma polami są niespójne dane. Dane pozostają uporządkowane i jednolite dzięki polom wzmacniającym, co upraszcza przetwarzanie i analizę zaplecza.
  • Zmniejszona długość formularza: zamiast długiego, zastraszającego formularza z wieloma polami, pola powtarzalne zapewniają przejrzystszy wygląd, dzięki czemu użytkownicy nie są przytłoczeni na pierwszy rzut oka.

Niezależnie od tego, czy jesteś przedsiębiorcą dążącym do usprawnionego wdrażania klientów, czy blogerem zainteresowanym wydajnym gromadzeniem danych, pole repetytora WPForms jest nieocenione. Przejdźmy do kolejnych kroków, aby to skonfigurować!

Jak utworzyć formularz z polem wzmacniającym w WPForms

Tworzenie formularza z polem wzmacniającym w WPForms jest dość łatwe i wymaga jedynie podstawowego zrozumienia logiki warunkowej. Aby rozpocząć, wykonaj poniższe czynności:

1. Subskrybuj i zainstaluj WPForms Pro

Jeśli chodzi o tworzenie unikalnych formularzy, WPForms jest najlepszą opcją. Możesz go używać do tworzenia i publikowania dowolnego rodzaju formularzy w WordPress. Wtyczka formularza zawiera ponad 1000 szablonów formularzy, których można używać do tworzenia formularzy z polami powtarzalnymi.

Ponieważ w tym przewodniku użyjemy logiki warunkowej do skonfigurowania pól wzmacniaka w formularzu, musisz subskrybować WPForms Pro, który zapewnia również dostęp do integracji premium, dodatków i mnóstwa przydatnych funkcji.

WPForms homepage

Po zakupie subskrypcji WPForms Pro musisz zainstalować i aktywować wtyczkę na swojej stronie WordPress.

Teraz stwórzmy Twój formularz!

2. Utwórz nowy pusty formularz

Przejdź do WPForms z panelu administracyjnego WordPress i wybierz Dodaj nowy z listy opcji.

Add new form WPForms

Następnie nadaj formularzowi nazwę i wybierz istniejący szablon WPForms lub po prostu skonfiguruj nowy formularz w oparciu o swoje potrzeby.

W tym samouczku utworzymy nowy formularz pokazujący wszystkie niezbędne kroki związane z konfiguracją pola powtarzania. Wybierzemy więc opcję Utwórz pusty formularz .

Create a blank form for repeater field

Zostaniesz teraz przekierowany do ekranu Pola , gdzie w lewym panelu pojawią się dostępne pola. To, do których masz dostęp, będzie zależeć od poziomu Twojej licencji.

WPForms fields menu

W prawym panelu zobaczysz edytowalny podgląd formularza. Ponieważ wybraliśmy pusty formularz, ta sekcja będzie wyświetlana jako pusta.

Add fields to your repeater form

Użyj intuicyjnego narzędzia do tworzenia formularzy WPForms, aby łatwo dodawać, modyfikować i organizować niestandardowe pola, aby dostosować formularz do własnych upodobań.

Na potrzeby tego samouczka dodamy podstawowe typy pól, takie jak Imię , Adres e-mail i Telefon , aby uzyskać informacje dla pojedynczego użytkownika, tj. Rejestrującego 1.

Registration fields for repeater form

Następnie przeprowadzimy Cię przez proste kroki tworzenia komponentu wzmacniaka za pomocą pola rozwijanego i logiki warunkowej.

3. Dodaj pole rozwijane z możliwością wyboru Tak/Nie

Aby dodać pole rozwijane do formularza, możesz kliknąć je w panelu po lewej stronie lub przeciągnąć i upuścić je bezpośrednio do podglądu formularza.

WPForms select dropdown field

Następnie nadaj rozwijanemu polu Etykietę nazwę, na przykład „Dodaj kolejny?” a następnie możesz dodać proste opcje Tak/Nie dla Choices .

Configure dropdown options

Następnie powtórzymy te same kroki, aby dodać pola Imię , Adres e-mail i Numer telefonu pod polem rozwijanym dla Abonenta 2.

Fields below dropdown repeater form

Następnie dodamy kolejne pole rozwijane z tą samą etykietą i opcjami Tak/Nie w Wyborach , aby uzyskać efekt wzmacniania.

Configure dropdown options

Umożliwia to utworzenie efektu, w którym każdy kolejny zestaw pól rejestrującego korzysta z logiki warunkowej i jest wyświetlany tylko wtedy, gdy użytkownik odpowie Tak na pytanie „Dodaj kolejnego?”

Dropdown field below repeater fields

Teraz musimy zastosować logikę warunkową do pól formularza, aby tylko wtedy, gdy użytkownik wybierze opcję Tak na liście rozwijanej, pojawią się dodatkowe pola rejestrującego.

4. Zastosuj logikę warunkową do pól formularza

Możesz to łatwo zrobić, klikając dowolne pole w prawym podglądzie formularza i przechodząc do karty Smart Logic w obszarze Opcje pól .

Smart Logic tab in field options

W menu Smart Logic zaznacz opcję Włącz logikę warunkową dla wszystkich pól formularza poniżej pola „Dodaj kolejny?” Pole rozwijane, które utworzyliśmy wcześniej.

Enable conditional logic for repeater field

Następnie użyj logiki warunkowej, aby wyświetlić pole tylko wtedy, gdy pole rozwijane , np. „Dodaj kolejne?” brzmiTak ”. Powtórz tę czynność dla wszystkich pozostałych pól poniżej.

Conditional logic show field if yes

5. Włącz logikę warunkową dla pól rozwijanych

Aby uniemożliwić osobie wypełniającej formularz dodanie trzeciego abonenta, jeśli nie wprowadziła ona informacji dla abonenta 2, należy ustawić logikę warunkową dla rozwijanego pola poniżej.

Aby to zrobić, zaznacz opcję Włącz logikę warunkową w polu rozwijanym poniżej pól Abonent 2 – Imię i nazwisko, Adres e-mail i Telefon.

Enable conditional logic for dropdown field

Następnie użyj logiki warunkowej, aby wyświetlić pole tylko wtedy, gdy poleAbonent 2 – E-mail nie jest puste .Spowoduje to utworzenie efektu pola wzmacniającego.

Dropdown field is not empty

Możesz powtórzyć powyższe kroki tyle razy, ile chcesz, aby uzyskać liczne informacje o rejestrującym, które zostaną wyświetlone tylko wtedy, gdy użytkownik odpowie Tak na pytanie „Dodaj kolejnego?”.

Następnie kliknij przycisk Zapisz w prawym górnym rogu kreatora formularzy, zanim przejdziesz dalej, aby mieć pewność, że żadne zmiany nie zostaną utracone.

Save the form

Prawie jesteśmy na miejscu! Teraz musimy włączyć powiadomienia z formularza i potwierdzenia pojawiające się po przesłaniu formularza.

6. Włącz powiadomienia i potwierdzenia w formularzu

Konfigurowanie wiadomości i powiadomień, które będą wyświetlane po wypełnieniu i przesłaniu formularza rejestracyjnego przez użytkownika, jest niezwykle istotne.

Ten proces jest prosty. Wybierz opcję Powiadomienia w zakładce Ustawienia na ekranie Kreatora formularzy.

Form notification settings

Alerty będą wysyłane automatycznie do administratorów. W razie potrzeby możesz jednak skonfigurować listę tematów, treści i odbiorców.

Enable form notifications for repeater field form

Wiadomość, jaką zobaczą Twoi klienci po przesłaniu formularza, można następnie zmienić, wybierając Potwierdzenia na stronie Ustawienia .

Form confirmation

Możesz także użyć ustawienia Typ potwierdzenia w WPForms, aby wyświetlić wiadomość, link do innej strony lub przekierować użytkownika.

Customize confirmation message for repeater field form

Dobra robota! Wszystko, co pozostało do zrobienia, to opublikować formularz na istniejącej lub nowej stronie, aby był publiczny i gotowy do zbierania zgłoszeń.

8. Opublikuj swój formularz z polami wzmacniającymi

Utwórz nową stronę internetową lub post albo zmodyfikuj istniejącą. Następnie wybierz ikonę WPForms , klikając przycisk Dodaj blok .

Add form widget WPForms

Następnie wybierz projekt formularza pola wzmacniającego z menu rozwijanego w bloku WPForms, aby dodać go do swojej strony lub posta.

Jeśli chcesz dostosować wygląd swojego formularza, teraz może być dobry moment na nadanie mu stylu za pomocą edytora bloków.

Repeater field form

Jeśli wszystko wygląda na to, że idzie w dobrym kierunku, możesz upublicznić swój formularz, klikając przycisk Aktualizuj lub Publikuj .

Po zakończeniu publikowania formularza pozostaje jedynie przetestować osadzony formularz, aby upewnić się, że działa on zgodnie z oczekiwaniami w interfejsie użytkownika.

WPForms repeater field

Więcej pytań na temat pola wzmacniającego WPForms

Tworzenie formularzy pól powtarzalnych jest popularnym tematem zainteresowań naszych czytelników. Oto kilka krótkich odpowiedzi na kilka najczęściej zadawanych pytań:

Co to jest pole wzmacniające?

Pole wzmacniające to wszechstronne narzędzie, umożliwiające użytkownikom dynamiczne dodawanie wielu zestawów identycznych pól w formularzu. Wyobraź to sobie jako przycisk „kopiuj” grupę pól. Zwiększa elastyczność podczas wprowadzania powtarzalnych danych, np. wielokrotnych rejestracji.

Jak dodać pole wzmacniaka w WordPress?

Zwykle potrzebujesz niezawodnej wtyczki WordPress, aby włączyć pole wzmacniaka. WPForms, najwyższej klasy narzędzie do tworzenia formularzy WordPress, może być idealnym wyborem, jeśli chcesz dodać pole wzmacniające do swoich formularzy, bez żadnej wiedzy o CSS i kodowaniu.

Co to jest pole wzmacniaka w WordPress?

W ekosystemie WordPress pole wzmacniające umożliwia utworzenie zestawu podpól, które użytkownik może powielać podczas wypełniania formularza. Jest to szczególnie przydatne, gdy liczba powtarzalnych zestawów danych nie jest z góry zdefiniowana.

Następnie dowiedz się, jak utworzyć formularz akordeonu w WordPress

Szukasz prostego sposobu na dodanie projektu formularza akordeonowego do swojej witryny WordPress? Sprawdź nasz post na temat najprostszej metody tworzenia formularza harmonijkowego za pomocą WPForms, aby zwiększyć użyteczność Twojej witryny i wygodę użytkownika.

Utwórz teraz formularz WordPress

Gotowy do zbudowania formularza? Zacznij już dziś od najłatwiejszej wtyczki do tworzenia formularzy WordPress. WPForms Pro zawiera wiele bezpłatnych szablonów i oferuje 14-dniową gwarancję zwrotu pieniędzy.

Jeśli ten artykuł Ci pomógł, śledź nas na Facebooku i Twitterze, aby uzyskać więcej bezpłatnych samouczków i przewodników WordPress.