Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak wykorzystać dynamiczną populację pól w WordPress do automatycznego wypełniania formularzy?

Korzystanie z funkcji autouzupełniania w formularzach WordPress może pomóc użytkownikom w szybszym wypełnianiu formularzy, poprawić ich ogólne wrażenia, a nawet zwiększyć wskaźniki przesyłania formularzy.

Umożliwia to dynamiczna populacja pól. Umożliwia ona automatyczne wstępne wypełnianie pól formularzy na podstawie wyborów użytkownika, ciągów zapytań lub innych rodzajów pól.

Jednak jego konfiguracja nie zawsze jest prosta i może wymagać więcej wysiłku niż oczekiwano.

Bez odpowiednich narzędzi możesz mieć do czynienia ze skomplikowanymi konfiguracjami lub wtyczkami, które nie oferują wymaganej elastyczności. Może to skutkować niezgrabnymi formularzami, które frustrują użytkowników i szkodzą twojej konwersji.

W tym artykule pokażemy, jak używać dynamicznych populacji pól w WordPressie do automatycznego wypełniania formularzy. Ponadto przedstawimy WPForms, narzędzie, na którym polegamy i które polecamy, aby uczynić ten proces prostym i skutecznym.

Automatically fill form fields in WordPress with Dynamic field population

Czym jest dynamiczna populacja terenowa?

Dynamiczna populacja pól to technika, która pozwala właścicielom witryn internetowych na automatyczne wypełnianie pól formularzy w oparciu o wybór użytkownika, rodzaj formularza, ciągi zapytań lub logikę warunkową.

Na przykład sklep e-commerce 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 witryna internetowa poświęcona nieruchomościom może automatycznie wypełniać pola dotyczące ofert, agentów i rodzaju nieruchomości w formularzach umawiania spotkań i generowania potencjalnych klientów.

Zaawansowani użytkownicy i programiści mogą również używać parametrów adresu URL do dynamicznego wypełniania pól formularzy za pomocą inteligentnych odnośników z biuletynów e-mail lub innych interakcji z witryną internetową.

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

Zaczynajmy!

Metoda 1. Automatyczne wypełnianie plików formularzy przy użyciu dynamicznej populacji pól

Najpierw należy zainstalować i włączyć wtyczkę WPForms. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

WPForms to najlepsza na rynku wtyczka do formularzy kontaktowych WordPress. Umożliwia ona łatwe tworzenie formularzy online za pomocą prostego narzędzia „przeciągnij i upuść”.

Zawiera również dynamiczną populację pól, logikę warunkową i zaawansowane pola formularzy. Wszystkie te funkcje pozwalają na tworzenie bardziej inteligentnych i interaktywnych formularzy na twojej witrynie internetowej.

Więcej szczegółów można znaleźć w naszej pełnej recenzji WPForms.

Po włączaniu wtyczki należy przejść na stronę WPForms ” Ustawienia, aby wpisz klucz licencyjny. Informacje te można znaleźć na Twoim koncie w witrynie internetowej WPForms.

WPForms License key

Uwaga: Dostępna jest również darmowa wersja WPForms, którą można wypróbować, aby sprawdzić, czy platforma przypadnie nam do gustu.

Następnie musisz przejść na stronę WPForms ” Utwórz nowy, aby utworzyć twój pierwszy formularz.

Zostaniesz poproszony o podanie nazwy twojego formularza, a następnie wybranie szablonu do rozpoczęcia.

Istnieje wiele szablonów formularzy do wyboru. W tym poradniku użyjemy szablonu „Formularz rozliczeniowy / zamówienia”.

Select order form template

WPForms będzie teraz wczytywać twój formularz ze wstępnie wybranymi polami. Możesz kliknąć, aby edytować pola formularza lub użyć funkcji przeciągnij i upuść, aby przenieść je w górę i w dół. Można również dodawać i usuwać pola formularza za pomocą jednego kliknięcia.

Utwórzmy teraz nowe pole formularza, aby wypełnić je dynamicznymi wyborami.

Możesz dodać do swojego formularza pole rozwijane, wielokrotnego wyboru lub pole wyboru, aby korzystać z opcji dynamicznego wyboru. Wystarczy kliknąć pole w lewej kolumnie i przeciągnąć je, aby dodać je do twojego formularza.

Add form fields

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

Wystarczy przejść do menu Zaawansowane w lewej kolumnie.

Switch to advanced tab

W tym miejscu należy wybrać opcję „Dynamiczne wybory”.

WPForms obsługuje typy treści i taksonomie zarejestrowane na twojej witrynie WordPress.

W tym poradniku wybierzemy „Typ treści” jako „Dynamiczne wybory” i „Produkty” jako „Dynamiczne źródło typu wpisu”.

Select dynamic choices

WPForms będzie teraz automatycznie wczytywać i wyświetlać pola w podglądzie formularza.

Aby osadzać formularz, wystarczy kliknąć przycisk „Osadź” w górnej części kreatora formularzy. Z tego miejsca możesz wybrać istniejącą stronę, na której chcesz osadzać formularz lub utworzyć nową stronę.

Embed WPForms

Alternatywnie możesz użyć bloku WPForms, aby dodać formularz do wpisu lub strony WordPress. Przejdź do edycji wpisu lub strony, na której chcesz dodać formularz.

Gdy znajdziesz się w edytorze treści WordPress, możesz dodać blok WPForms do obszaru edycji twojego wpisu. Następnie wystarczy wybrać utworzony wcześniej formularz z menu rozwijanego.

Adding WPForms block in WordPress

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

Następnie warto przejść na twoją witrynę internetową, aby zobaczyć twój formularz z dynamicznymi wartościami pól w działaniu.

WPForm preview

Metoda 2. Automatyczne wypełnianie pól formularza przy użyciu parametrów adresu URL

WPForms umożliwia również dynamiczne wypełnianie pól formularzy za pomocą parametrów adresu URL. Funkcja ta umożliwia tworzenie inteligentnych odnośników, które automatycznie przekazują informacje do formularza i wypełniają je, aby twój użytkownik mógł je przesłać.

Najpierw należy utworzyć nowy formularz lub edytować istniejący w WPForms. Po zakończeniu tworzenia twojego formularza, będziesz chciał przejść do zakładki „Ustawienia” w lewej kolumnie, a następnie wybrać kartę „Ogólne”.

Na tym ekranie należy kliknąć przełącznik opcji „Włącz wstępne wypełnianie według adresu URL”.

Enable prefill by URL option

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

Tworzenie odnośników z parametrami adresu URL

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

1
https://example.com/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, twoja strona z formularzem kontaktowym.
  • wpf – Wskazuje początek parametrów pola formularza WPForm.
  • 15 – Jest identyfikatorem twojego formularza
  • _1 – jest identyfikatorem pola
  • =value – = 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 uwag.

1
https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase
Adding URL to your post

Zwróć uwagę, ż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 adresu URL, musisz znać identyfikatory formularzy i pól.

Aby znaleźć te wartości, wystarczy edytować twój formularz, a identyfikator formularza pojawi się w pasku adresu przeglądarki.

Finding form ID in WPForms

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

Właściwości pola formularza będą widoczne w lewej kolumnie, wraz z identyfikatorem pola u góry.

Finding the form field ID

A co jeśli chcesz przekazać wartość do podpola?

Wystarczy dodać identyfikator podpola po identyfikatorze pola w twoim adresie URL w następujący sposób:

1
https://example.com/contact/?wpf15_3_city=london

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

Teraz możesz korzystać z tej funkcji w połączeniu z oprogramowaniem CRM lub usługą e-mail marketingu, aby wysyłać inteligentne odnośniki do formularzy do twoich użytkowników. Większość platform marketingowych ma własne spersonalizowane tagi MERGE, które można dodać do inteligentnego adresu URL, aby automatycznie wypełnić dane osobowe w formularzu.

Zastrzeżenie: Możesz również użyć funkcji dynamicznej populacji pól z innymi wtyczkami formularzy, takimi jak Formidable Forms, Gravity Forms lub innymi. Zalecamy jednak korzystanie z WPForms, ponieważ ułatwia to cały proces i znamy go dobrze, ponieważ zbudowaliśmy ten produkt.

Aby uzyskać szczegółowe informacje, zapoznaj się z naszym porównaniem WPForms vs Formidable Forms vs Gravity Forms.

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

Innym sposobem na ulepszenie twoich formularzy jest dodanie autouzupełniania pól adresowych w WordPress. Funkcja ta sprawia, że użytkownicy szybciej i łatwiej wpiszą swoje adresy, jednocześnie redukując liczbę błędów.

Na przykład w sklepie internetowym autouzupełnianie może przyspieszyć realizację transakcji. Gdy klienci zaczynają wpisywać swój adres, sugerowane opcje pojawiają się w oparciu o ich obecną lokalizację. Sugestie te są często zasilane przez Miejsca Google i Google Maps API.

address autocomplete

Pomagając kupującym w szybkim przejściu przez kasę, możesz zwiększyć sprzedaż i zachęcić stałych klientów.

Aby dowiedzieć się więcej, możesz zapoznać się z naszym przewodnikiem na temat konfigurowania autouzupełniania dla pól adresowych w WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wykorzystać dynamiczną populację pól w WordPress do automatycznego wypełniania formularzy. Możesz również zapoznać się z naszym artykułem na temat śledzenia i ograniczania porzucania formularzy w WordPressie oraz naszymi typami ekspertów dla najlepszych kreatorów formularzy online.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

2 komentarzeLeave a Reply

  1. David R

    Hi, Great article!

    I was wondering if this will work with a QR code. In other words, can I create a QRcode from this URL with all form field parameters, and when scanned, will it direct the user to the page and fill in all fields?

    Thank you.

    • WPBeginner Support

      As long as it keeps the URL parameters it should work :)

      Admin

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.