Jak dodać pola repeatera w formularzach WordPress?

Jeśli potrzebujesz spersonalizowanego formularza dla swoich użytkowników, nauczenie się, jak dodać pole repeatera WordPress do formularza, jest koniecznością.

Posiadanie pola repeatera oznacza, że ​​użytkownicy mogą tworzyć tyle podpól, ile chcą i wprowadzać wszystkie niezbędne dane. Z kolei otrzymujesz spersonalizowane dane od każdego z użytkowników, co pozwala lepiej je analizować.

Wtyczka taka jak Everest Forms pomoże Ci bez problemu dodać pole repeatera w formularzach WordPress. Pokażemy Ci, jak to zrobić w poniższym samouczku krok po kroku.

Ale zanim to nastąpi, zrozummy główne powody, dla których warto rozważyć użycie pól powtarzalnych w swoich formularzach.

Dlaczego potrzebujesz powtarzalnego pola w swoich formularzach?

Formularze mogą bardzo szybko stać się długie i złożone, gdy próbujesz wydobyć szczegółowe informacje od użytkowników.

Załóżmy, że musisz znać pełne wykształcenie swoich użytkowników. W takim przypadku wyświetlanie pól dla każdej możliwej kwalifikacji i stopnia, jaki mogą mieć, zaśmieca Twój formularz.

Czy nie byłoby o wiele lepiej skorzystać z pola repeatera WordPress, w którym użytkownik może utworzyć tyle pól, ile potrzebuje i wprowadzić swoje dane edukacyjne? Zapewnia to spersonalizowane korzystanie z formularza dla użytkowników, podczas gdy Ty otrzymujesz wszystkie wymagane informacje.

Korzystając z takich powtarzalnych pól formularza WordPress, możesz:

• Zmniejsz wskaźnik porzucania formularzy spowodowany długimi i złożonymi formularzami.
• Otrzymuj dokładne informacje od swoich użytkowników.

Dlatego powinieneś dodać pole repeatera WordPressa wszędzie tam, gdzie jest to konieczne w swoich formularzach.

Mając to na uwadze, przejrzyjmy nasz przewodnik, jak utworzyć pole repeatera w WordPress.

Jak dodać pola repeatera w formularzach WordPress?

Zalecamy użycie Everest Forms, aby dodać pole repeatera w formularzach WordPress, tak jak w tym samouczku.

Jest to jedna z najpopularniejszych wtyczek do tworzenia formularzy w WordPressie, posiadająca ponad 100 000 aktywnych instalacji. A wszystko to dzięki przyjaznemu dla użytkownika kreatorowi formularzy typu „przeciągnij i upuść” oraz opcjom dostosowywania.

Nie wspominając o zaawansowanych funkcjach dołączonych do dodatków premium, których można użyć do rozszerzenia funkcjonalności wtyczki. Stąd powtarzalne pola formularzy WordPress to tylko jedna z wielu doskonałych funkcji.

Dodawanie pól repeatera do formularzy WordPress jest dość łatwe, gdy masz pod ręką wtyczkę taką jak Everest Forms. Wystarczy dokładnie wykonać opisane poniżej kroki.

Zaczynajmy!

1. Zainstaluj i aktywuj bezpłatną wtyczkę Everest Forms

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować darmową wersję Everest Forms.

Aby to zrobić, zaloguj się do pulpitu nawigacyjnego WordPress i otwórz Wtyczki >> Dodaj nowy .

Wpisz „Everest Forms” w pasku wyszukiwania, a wtyczka pojawi się w wynikach wyszukiwania. Naciśnij przycisk Zainstaluj teraz , aby rozpocząć proces instalacji.

Następnie kliknij przycisk Aktywuj , aby zakończyć instalację. Teraz masz na swojej stronie bezpłatną wersję wtyczki Everest Forms.

2. Pobierz i zainstaluj dodatek Premium Repeater Field

Bezpłatna wtyczka Everest Forms jest więcej niż wystarczająca do tworzenia prostych kontaktów i innych rodzajów formularzy. Aby jednak utworzyć formularz z polem repeatera WordPress, będziesz potrzebować wersji premium Everest Forms. Jest dostarczany z dodatkiem Repeater Field, który pozwala dodać tyle pól repeaterów, ile chcesz w swoim formularzu.

Dlatego musisz najpierw kupić plan Profesjonalny lub Agencji dla Everest Forms, aby korzystać z tego dodatku. Po prostu przejdź do oficjalnej strony z cenami i kup dowolny z dwóch planów, które są dla Ciebie odpowiednie.

Następnie utwórz swoje konto i zaloguj się do niego. Zostaniesz przeniesiony do pulpitu nawigacyjnego konta, gdzie wszystkie dodatki dostępne w ramach Twojego planu są wymienione w sekcji Pobieranie .

Te, których potrzebujesz, to tylko dodatki Everest Forms Pro i Repeater Field . Po prostu pobierz oba, a zostaną zapisane jako pliki ZIP na Twoim urządzeniu.

Teraz wróć do pulpitu WordPress i otwórz Wtyczki >> Dodaj nowy .

Możesz teraz przesłać pliki, aby zainstalować je jeden po drugim. Upewnij się, że zainstalowałeś dodatek Pro przed zainstalowaniem dodatku Repeater Field . W przeciwnym razie możesz napotkać poważne błędy.

Kliknij przycisk Prześlij wtyczkę i najpierw wybierz plik Everest Forms Pro .

Następnie naciśnij Zainstaluj teraz i Aktywuj wtyczkę , aby zakończyć instalację.

Powtórz ten sam proces z dodatkiem Repeater Field .

Teraz strona Zainstalowane wtyczki będzie zawierała te 3 wtyczki: Everest Forms , Everest Forms (Pro) i Everest Forms Repeater Field .

Na górze tej strony możesz zobaczyć informację o konieczności wprowadzenia klucza licencyjnego dla dodatku Everest Forms (Pro) . Ten klucz znajdziesz w zakładce Klucze licencyjne na pulpicie Twojego konta.

Po prostu skopiuj klucz, wklej go w polu pod Everest Forms (Pro) i naciśnij Enter.

Dzięki temu możesz zacząć budować formularz z powtarzalnymi polami.

3. Utwórz nowy formularz z polem repeatera

Zacznij od przejścia do Everest Forms >> Dodaj nowy . Ta strona daje możliwość stworzenia zupełnie nowego formularza lub dostosowania gotowych szablonów.

Everest Forms zawiera wiele szablonów startowych dla różnych rodzajów formularzy. Jeśli masz mało czasu, za pomocą tych szablonów możesz tworzyć proste formularze kontaktowe, formularze wniosków urlopowych, formularze wizyt lekarskich, formularze podania o pracę itp.

Ale w tym samouczku pokażemy, jak utworzyć nowy formularz od podstaw i dodać do niego pole repeatera WordPress. Kliknij więc opcję Zacznij od zera .

Następnie nadaj formularzowi prostą i logiczną nazwę. Na przykład możesz zatytułować go jako „Formularz kontaktowy dla odwiedzających”.

Po naciśnięciu przycisku zostaniesz przeniesiony do kreatora formularzy, który wygląda tak.

Po lewej stronie znajdują się wszystkie dostępne pola formularza oraz ich opcje pól. Po prawej stronie znajduje się miejsce, w którym budujesz formularz, dodając wiersze i umieszczając w nich pola. Wystarczy, że przeciągniesz pola z lewej strony do rzędu po prawej stronie.

Jeśli chcesz dodać kolejny wiersz, kliknij Dodaj wiersz . Tworzy to nowy wiersz dla zwykłych pól, a nie pól powtarzalnych.

W tym drugim przypadku musisz nacisnąć przycisk Dodaj wiersz repeatera .

Tworzy to powtarzający się wiersz, w którym możesz dodawać pola, tak jak zwykle. Jedyną różnicą jest to, że ten wiersz pola będzie teraz wyświetlany w formularzu jako powtarzalny.

Kontynuuj dodawanie niezbędnych pól, aż formularz będzie kompletny, a kiedy skończysz, kliknij Zapisz . Możesz zobaczyć, jak wygląda formularz w interfejsie za pomocą funkcji Podgląd .

4. Dostosuj i skonfiguruj ustawienia formularza

Następnie musisz dostosować wszystkie pola dodane do formularza. Aby to zrobić, kliknij pole, które chcesz edytować, a jego Opcje pola pojawią się po lewej stronie.

W tym miejscu możesz edytować etykietę , metaklucz i opis . Możesz również utworzyć pole Wymagane dla użytkowników do przesłania formularza. Oprócz tych kluczowych opcji wtyczka zawiera również określone opcje dostosowywania dla różnych pól.

Co więcej, Everest Forms zapewnia opcje zaawansowane , takie jak tekst zastępczy , wartość domyślna , klasy CSS , włączanie automatycznego wypełniania i wiele innych.

Podobnie możesz przejść do opcji Włącz logikę warunkową w polach, aby uzyskać spersonalizowane środowisko wypełniania formularzy.

Musisz także edytować wiersz repeatera, klikając Pola repeatera , zanim dostosujesz pola w nim zawarte.

Oprócz opcji ogólnych otrzymasz następujące opcje zaawansowane dla rzędu wzmacniacza:

• Hide Repeater Field: Ukryj lub pokaż pole repeatera w widoku frontendu.
• Limit powtórzeń: Ustaw limit powtórzeń dla pola wzmacniaka. Pozostawienie pustego limitu powtórzeń oznacza umożliwienie użytkownikom dodawania pól repeaterów nieskończoną liczbę razy.
• Dodaj nową etykietę: Zmień etykietę przycisku Dodaj .
• Usuń etykietę: Zmień etykietę przycisku Usuń .
• Ukryj etykietę: Umożliwia ukrycie etykiety pola formularza.
• Klasy CSS: Użyj niestandardowych klas CSS dla pól wzmacniaka.

To nie wszystko. Więcej opcji konfiguracyjnych znajduje się na karcie Ustawienia kreatora formularzy.

W sekcji Ogólne możesz zmienić Nazwę formularza , Opis formularza , Projekt układu , Tekst przycisku Prześlij , Komunikat o wyłączeniu formularza i wiele więcej. Co więcej, możesz włączyć antyspam, wyłączyć przechowywanie wpisów, zezwolić na przesyłanie formularzy ajax itp. dla formularza.

Możesz także tworzyć i edytować szablony wiadomości e-mail z sekcji E-mail dla administratorów i użytkowników. Możesz nawet zastosować logikę warunkową, gdy chcesz wysłać lub nie wysyłać kwestionowanej wiadomości e-mail.

Po zakończeniu wprowadzania wymaganych zmian nie zapomnij nacisnąć przycisku Zapisz .

Teraz w interfejsie użytkownik wypełniający formularz będzie mógł podać swoje pełne informacje za pośrednictwem pola repeatera WordPress. Wystarczy, że klikną przycisk Dodaj , a w formularzu pojawi się nowy zestaw tych samych pól. Mogą również usunąć wiersz, którego nie potrzebują.

5. Umieść formularz na swojej stronie WordPress

Niestandardowy formularz kontaktowy z powtarzalnymi polami jest teraz gotowy do umieszczenia na Twojej stronie WordPress.

Możesz to zrobić na dwa proste sposoby. Po prostu skopiuj krótki kod formularza z górnej części kreatora formularzy i otwórz stronę lub post, w którym chcesz wyświetlić formularz.

Następnie kliknij ikonę + i dodaj blok Shortcode .

Wklej tutaj skopiowany krótki kod i kliknij Aktualizuj .

Alternatywnie możesz wyszukać blok Everest Forms i wybrać formularz z rozwijanego menu.

Na koniec kliknij Aktualizuj i gotowe! Twój formularz z polem repeatera WordPress jest teraz dostępny w Twojej witrynie.

Zawijanie

Pola powtarzalne to bardzo przydatna funkcja, gdy potrzebujesz dostosowanych danych o swoich użytkownikach. A wtyczka Everest Forms sprawia, że ​​tworzenie niestandardowych formularzy z polami repeatera do umieszczenia w witrynie jest łatwiejsze niż kiedykolwiek.

Wszystko, czego potrzebujesz, to dodatek Repeater Field i ten obszerny samouczek.

Jednak był to tylko rzut oka na ogromne możliwości, jakie daje Everest Forms. Możesz na przykład wysłać dane z formularza kontaktowego do Arkuszy Google, utworzyć formularze ankiet, a nawet zmienić kolor przycisku przesyłania.

Dowiedz się więcej o Everest Forms na naszym blogu pełnym treści WordPress. Śledź nas również na Facebooku i Twitterze, aby być na bieżąco.