Jak automatycznie wypełniać pola w formularzach WordPress (za pomocą wtyczki)

Opublikowany: 2021-01-15

Czy chcesz automatycznie wypełniać pola w formularzach WordPress? Możesz automatycznie używać informacji, takich jak typy postów lub produkty, do tworzenia opcji w polach formularzy.

Ułatwia to wypełnianie formularzy, a także pozwala zaoszczędzić dużo czasu podczas ich tworzenia.

WPForms ułatwia automatyczne wypełnianie pól formularzy przy użyciu dynamicznych wyborów pól. W tym artykule pokażemy, jak to skonfigurować.

Utwórz teraz swój formularz WordPress

Co to jest dynamiczny wybór pola?

Dynamiczny wybór pola to odpowiedź na formularz, która jest automatycznie wypełniana dla odwiedzającego.

Zamiast ręcznie wpisywać każdą odpowiedź, możesz sprawić, że WPForms automatycznie pobierze wszystkie opcje.

WPForms to najlepsza wtyczka WordPress Form Builder. Zdobądź to za darmo!

Pola wypełniane automatycznie mogą pomóc w:

  • Ogranicz porzucanie formularzy – wypełniając wstępnie pola, możesz ułatwić wypełnianie formularzy
  • Popraw dokładność – odwiedzający nie musi samodzielnie wpisywać odpowiedzi
  • Aktualizuj formularze — WPForms zawsze pokazuje najnowsze elementy w polu formularza.

W WPForms możesz użyć dynamicznych wyborów pól, aby automatycznie wypełnić 3 typy pól:

  • Menu rozwijane
  • Pola wielokrotnego wyboru
  • Pola wyboru

Możesz użyć prostego narzędzia do przeciągania i upuszczania, aby dodać je do swoich formularzy.

Strona główna WPForms

Automatycznie wypełniane pola formularzy są idealne do:

  • Produkty WooCommerce na formularzu obsługi klienta
  • Nieruchomości na formularzu zapytania o nieruchomość
  • Oferty pracy na formularzu podania o pracę
  • Zwierzęta domowe lub określone rasy na formularzu przyjęcia weterynarza
  • Usługi na biznesowym formularzu kontaktowym

Przyjrzyjmy się przykładowi, aby zobaczyć, jak łatwo można ulepszyć swoje formularze.

Jak automatycznie wypełniać pola w formularzach WordPress

W tym samouczku będziemy automatycznie wypełniać produkty WooCommerce w formularzu kontaktowym. Oto kroki, przez które będziemy pracować:

  1. Zainstaluj wtyczkę WPForms
  2. Dodaj swoje automatycznie wypełnione pole
  3. Opublikuj swój formularz

Zacznijmy od zainstalowania wtyczki.

Krok 1: Zainstaluj wtyczkę WPForms

Najpierw zainstaluj i aktywuj wtyczkę WPForms. Oto przewodnik krok po kroku, jak zainstalować wtyczkę WordPress, jeśli potrzebujesz pomocy.

Teraz dodamy nowy formularz. Najpierw przejdź do WPForms » Dodaj nowy .

Dodaj nowy formularz z automatycznie wypełnianymi polami

Gdy otworzy się WPForms, wpisz nazwę formularza u góry.

Wpisz nazwę formularza z automatycznie wypełnianymi polami

Następnie kliknijmy prosty szablon formularza kontaktowego, aby rozpocząć.

Wybierz szablon formularza z automatycznie wypełnianymi polami

Zobaczysz kreator formularzy otwarty w oknie pełnoekranowym. W prostym formularzu kontaktowym znajdują się już pola na:

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

Przeciągnijmy pole rozwijane, a następnie dodajmy automatycznie wypełniane opcje odpowiedzi.

Kliknij pole rozwijane i przeciągnij je do podglądu formularza po prawej stronie.

Dodaj dynamiczny wybór pola z menu rozwijanym

Następnie kliknij raz menu, aby otworzyć ustawienia po lewej stronie. Zmodyfikujmy tutaj etykietę, aby opisać zawartość menu.

Zmień etykietę rozwijaną w polu wyboru dynamicznego

Teraz przewiń trochę w dół i rozwiń Opcje zaawansowane . Wybierzemy tutaj 2 ustawienia, aby ułatwić wypełnianie formularza:

  • Styl — wybierzemy menu Nowoczesne, ponieważ pozwala odwiedzającym przeszukiwać listę. To świetny sposób na ułatwienie korzystania z naprawdę długiego menu. Jeśli chcesz, możesz łatwo utworzyć listę rozwijaną wielokrotnego wyboru, aby odwiedzający mogli wybrać więcej niż 1 odpowiedź.
  • Symbol zastępczy — zawsze warto ustawić symbol zastępczy dla pola. Symbol zastępczy wygląda jak wybór domyślny, ale odwiedzający nie może go wybrać. Jest to świetny sposób, aby upewnić się, że wybór nie dotyczy domyślnie pierwszej odpowiedzi na liście.

Automatycznie wypełniany styl pola i ustawienie symbolu zastępczego

Teraz jesteśmy gotowi do dodania dynamicznego wyboru pola do naszego nowego menu rozwijanego,

Krok 2: Skonfiguruj automatycznie wypełniane pole

Teraz skonfigurujemy opcje, które pojawią się na liście rozwijanej.

Dzięki dynamicznym wyborom pól nie musisz się martwić o wpisywanie wszystkich odpowiedzi. WPForms pobierze wszystkie opcje za Ciebie.

Gdy rozwiniesz Opcje zaawansowane na liście rozwijanej, zobaczysz dwie opcje: Typ księgowania i Taksonomia .

Dynamiczne wybory na automatycznie wypełnianym polu

Typ postu umożliwia automatyczne wypełnianie pola ze źródła dynamicznego typu posta . W sklepie WooCommerce opcje w drugim menu rozwijanym mogą wyglądać tak:

  • Post — lista wszystkich wpisów na blogu w Twojej witrynie.
  • Strona — zawiera listę wszystkich stron w Twojej witrynie.
  • Produkty — lista wszystkich produktów w Twoim sklepie.

To są wszystkie typy postów. Możesz użyć niestandardowych typów postów, jeśli masz jakieś skonfigurowane. Na przykład mamy tutaj kilka innych opcji do wyboru, ponieważ mamy ustawione 2 dodatkowe niestandardowe typy postów:

Automatycznie wypełniaj pola wybranymi typami postów

Przyjrzyjmy się innej opcji, której możesz użyć do automatycznego wypełniania pól formularza.

Jeśli wybierzesz drugą opcję z listy rozwijanej, Taksonomie , zobaczysz drugą listę rozwijaną o nazwie Dynamic Taxonomy Source .

Wybory w drugim menu będą zawierać opcje takie jak:

  • Tagi — wszystkie tagi powiązane z Twoimi postami na blogu.
  • Kategorie — kategorie powiązane z Twoimi postami na blogu.
  • Kategorie produktów – Kategorie powiązane z Twoimi produktami eCommerce.
  • Tagi produktów — tagi dodane do Twoich produktów.
  • Typ produktu — typy lub warianty produktu.

Twój sklep prawie na pewno będzie miał więcej opcji do wyboru.

W tym przykładzie właściciel sklepu dodał wtyczkę do grupowania produktów według marki, dlatego też mamy taksonomię Brands, której możemy użyć do automatycznego wypełnienia naszego pola.

Automatycznie wypełniaj pola dynamicznymi wyborami taksonomii

W tym samouczku wybierzemy Typ posta, a następnie Produkty . Spowoduje to wyświetlenie wszystkich produktów w naszym sklepie.

Czasami automatycznie wypełniane pola mogą mieć wiele możliwości wyboru. Jeśli chcesz wykluczyć elementy z listy rozwijanej, zapoznaj się z naszym przewodnikiem na temat wykluczania elementów z pól wypełnianych automatycznie.

Na koniec zechcesz sprawdzić ogólne ustawienia formularza. Sprawdź nasze poradniki na temat:

  • Konfigurowanie powiadomień e-mail w WPForms
  • Konfigurowanie wiadomości potwierdzającej formularz

Kliknij Zapisz, aby zapisać formularz.

Krok 3: Opublikuj swój formularz

Formularz możesz opublikować na różne sposoby: w poście, na stronie lub na pasku bocznym. Możesz użyć do tego krótkiego kodu, ale zamiast tego zalecamy użycie opcji osadzania.

Zacznij od kliknięcia Osadź w górnej części kreatora formularzy.

Osadź formularz z dynamicznymi wyborami

A następnie kliknij Utwórz nową stronę .

Utwórz nową stronę formularza z automatycznie wypełnianymi polami

Wpisz nazwę swojej strony i kliknij Chodźmy .

Utwórz stronę swojego formularza z automatycznie wypełnianymi polami

Jeśli wszystko tutaj wygląda dobrze, po prostu kliknij Opublikuj, aby rozpocząć transmisję na żywo.

Opublikuj formularz z dynamicznymi wyborami pól

Otóż ​​to! Twój formularz jest gotowy do przesłania.

Opublikowany formularz z automatycznie wypełnionym polem

Teraz jest świetny czas na przetestowanie swojego pola dynamicznego, dzięki czemu możesz zacząć otrzymywać zapytania.

Utwórz teraz swój formularz WordPress

Dalej: Szybkie tworzenie inteligentnych formularzy za pomocą WPForms

Automatyczne wypełnianie pól to inteligentny sposób na szybkie tworzenie złożonych formularzy. Jeśli chcesz zrobić więcej z formularzami, oto kilka innych pomysłów do wypróbowania:

  • Automatycznie wypełniaj pola za pomocą ciągów zapytań
  • Akceptuj wydarzenia przesłane przez użytkownika w kalendarzu WordPress
  • Akceptuj posty na blogu z frontendu swojej witryny
  • Używaj tagów inteligentnych do automatycznego wypełniania pól, tworzenia dynamicznych opisów i dodawania wstępnie wypełnionych opcji domyślnych.

Gotowy do zbudowania swojej formy? Zacznij już dziś od najłatwiejszej wtyczki do tworzenia formularzy WordPress. WPForms Pro zawiera wiele darmowych 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.