Jak tworzyć warunkowe listy rozwijane w formularzach WordPress
dowiedz się, jak tworzyć warunkowe listy rozwijane w WordPress przy użyciu groźnych formularzy. Prosta, wolna od kodu, wolna od zapytań metoda.
szukasz sposobu na tworzenie warunkowych list rozwijanych w formularzach, w których opcje w rozwijanej liście zależą od wyborów dokonanych przez osobę w poprzednich rozwijanych?
na przykład formularz dealera samochodowego, w którym użytkownik najpierw wybiera rok swojego samochodu, następnie markę, a następnie model z listy opcji, które dotyczą tylko Roku/marki, którą już wybrał. Być może słyszałeś również tego typu formularze określane jako chained select.
ta funkcjonalność jest bardzo pomocna podczas tworzenia formularzy do obsługi szacunków cen, ofert, płatności itp. Jest to również świetne rozwiązanie dla użytkowników końcowych, ponieważ nie będą musieli filtrować ton nieistotnych opcji.
dzięki Formidable Forms możesz tworzyć listy rozwijane warunkowe bezpośrednio z przyjaznego dla użytkownika interfejsu-nie musisz mieszać ze złożonymi zapytaniami ani niestandardowymi rozwiązaniami kodu.
Czytaj dalej, aby uzyskać przewodnik krok po kroku, jak tworzyć zależne rozwijane w WordPress z potężnymi formularzami.
Jak utworzyć warunkowe listy rozwijane z Formidable Forms
zanim przejdziemy do szczegółowego samouczka krok po kroku, przejrzyjmy na wysokim poziomie, jak kaskadowe formularze rozwijane działają z Formidable Forms.
- Utwórz „formularz danych”, aby pomieścić wszystkie dane, które wypełnią kaskadowe listy rozwijane. Użytkownicy końcowi nie będą wchodzić w bezpośrednią interakcję z tym formularzem-służy on tylko do przechowywania danych.
- Wypełnij swój „formularz danych” danymi, których potrzebuje, dodając wpisy. Jeśli masz mnóstwo danych, możesz zaoszczędzić czas, importując plik CSV, zamiast próbować ręcznie wprowadzać wszystkie dane.
- Utwórz drugi „formularz użytkownika końcowego”. Jest to forma, z którą Twoi ludzie będą wchodzić w interakcje.
- Dodaj pola wyszukiwania do” formularza użytkownika końcowego”, aby mógł pobierać dane z” formularza danych ” w razie potrzeby, aby wypełnić listy rozwijane.
przejdźmy przez to bardziej szczegółowo …
w tym przykładzie użyjemy przykładu przemysłu samochodowego z trzema warunkowymi polami rozwijanymi. Kolejność będzie taka:
- użytkownik wybiera rok swojego samochodu
- użytkownik wybiera markę swojego samochodu z udostępnionych w tym roku
- użytkownik wybiera konkretny model samochodu na podstawie roku/marki, którą wybrał
Utwórz „formularz danych”
aby rozpocząć, utwórz nowy formularz aby działać jako „formularz danych”. Ponownie, użytkownicy końcowi nie będą bezpośrednio wchodzić w interakcje z tym formularzem, ale utworzony później „formularz użytkownika końcowego” pobierze swoje dane z wpisów tego formularza.
następnie dodaj pole tekstowe dla każdej rozwijanej listy, które chcesz uwzględnić w formularzu użytkownika końcowego. Dla naszego przykładu byłyby to trzy pola tekstowe dla:
- Rok
- Marka
- Model
następnie zapisz swój formularz.
Importuj dane jako wpisy formularza
następnie musisz wypełnić „formularz danych” opcjami, które chcesz wyświetlić w kaskadowych rozwijanych.
aby to zrobić, dodasz każdy kawałek danych jako wpis formularza.
jeśli masz duży zestaw danych, najprostszą metodą jest zaimportowanie pliku CSV. Na przykład nasz zestaw danych samochodowych ma ponad 7000 wierszy – nie jest to coś, co chcesz robić ręcznie!
jeśli nie masz dużo danych, możesz również ręcznie dodawać wpisy z zakładki wpisy w formularzu danych.
aby zaimportować plik CSV do Formidable Forms, najpierw upewnij się, że nagłówki w pliku CSV pasują do pól tekstowych w „formularzu danych”.
w programie Excel możesz zobaczyć, jak nasz przykładowy plik CSV ma trzy kolumny, z których każda pasuje do pól tekstowych utworzonych w poprzednim kroku:
po przygotowaniu pliku CSV…
- przejdź do Formidable → Importuj/Eksportuj
- użyj przycisku Wybierz plik, aby wybrać plik CSV
- wprowadź separator CSV (prawie zawsze jest to przecinek)
- wybierz „Formularz danych” z listy rozwijanej Importuj do formularza
- kliknij Prześlij plik i importuj
na następnym ekranie upewnij się, że dane z pliku CSV są prawidłowo odwzorowane na odpowiednie pola w formularzu. Następnie kliknij Importuj:
teraz masz dane potrzebne do wypełnienia rozwijanych list warunkowych:
Następnie nadszedł czas, aby utworzyć zależne listy rozwijane dla odwiedzających do interakcji.
Utwórz „formularz Użytkownika Końcowego” i Dodaj pola wyszukiwania
następnie utwórz nowy formularz. To będzie forma, którą widzą twoi ludzie.
po utworzeniu nowego formularza dodaj pole wyszukiwania i nadaj mu nazwę – np. „Wybierz rok”.
następnie znajdź ustawienia opcji wyszukiwania w Ustawieniach pola i…
- wybierz Formularz danych za pomocą listy rozwijanej wybierz Formularz
- Wybierz pole źródłowe, aby pobrać dane z listy rozwijanej wybierz pole-np. „Rok”
pamiętaj, aby zapisać zmiany.
następnie dodaj kolejne pole wyszukiwania i skonfiguruj je dla następnego zestawu danych. Dopiero teraz możesz użyć przycisku Obserwuj pole wyszukiwania, aby to pole wyszukiwania było zależne od poprzedniego pola wyszukiwania. Dzięki temu możesz wyświetlać tylko te opcje, które pasują do poprzedniego pola i tworzyć efekt „kaskadowy”:
pamiętaj, aby zapisać zmiany.
aby dodać ostatnią listę rozwijaną (przynajmniej w naszym przykładzie), dodałbyś kolejne pole wyszukiwania. Dopiero teraz użyjesz opcji Obserwuj pole wyszukiwania, aby uzależnić je od obu poprzednich pól:
jeśli chcesz dodać więcej list rozwijanych warunkowych do formularza, możesz powtórzyć ten sam wzór tyle razy, ile potrzeba.
i to wszystko – jeśli przejrzysz formularz, powinieneś zobaczyć ten ładny efekt kaskadowy podczas interakcji z formularzem:
Utwórz swoją pierwszą warunkową listę rozwijaną już dziś
kaskadowe formularze rozwijane są popularnym podejściem, które stanowi doskonałą opcję dla formularzy obejmujących szacunki cen, oferty, płatności, lokalizacje itp.
dzięki Formidable Forms możesz tworzyć rozwijane listy warunkowe, używając dowolnej liczby warunków, bez pisania niestandardowych zapytań lub kodu.
aby go skonfigurować, wystarczy utworzyć dwa formularze i użyć pól wyszukiwania, aby je połączyć. W przypadku dużych zbiorów danych można nawet zaimportować plik CSV bezpośrednio z programu Excel, aby wypełnić formularz danych.
aby utworzyć zależne listy rozwijane z Formidable Forms, potrzebujesz planu Basic Formidable Forms lub wyższego.
Jeśli jeszcze nie korzystasz z Formidable Forms Pro, dowiedz się o wszystkich przydatnych funkcjach kreatora formularzy, aby zrozumieć, dlaczego Formidable Forms to najlepsza wtyczka formularza WordPress do rozwijanych list warunkowych.