Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
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?

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Chcesz wykorzystać dynamiczną populację pól w WordPressie do automatycznego wypełniania formularzy na twojej witrynie internetowej?

Dynamiczna populacja pól umożliwia automatyczne wypełnianie pól formularzy na podstawie wyboru użytkownika, ciągów zapytań lub rodzaju pola. Sprawia to, że twoje formularze są inteligentne, oszczędzają czas użytkowników, zapewniają lepsze wrażenia użytkownika i ostatecznie poprawiają wskaźnik wypełnienia formularza.

W tym artykule pokażemy, jak wykorzystać dynamiczną populację pól w WordPress do automatycznego wypełniania formularzy.

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ą.

Powiedziawszy to, przyjrzyjmy się, jak łatwo wykorzystać dynamiczną populację pól w WordPress.

Jak korzystać z dynamicznej populacji pól w WordPress

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

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 formularza rozliczeniowego / 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 nowe pole formularza, aby wypełnić je dynamicznymi wyborami.

Możesz dodać do swojego formularza pole rozwijane, pole 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.

Na potrzeby tego poradnika wybierzemy „Typ treści” jako dynamiczny wybór 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, dodaj 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 przejdź na twoją witrynę internetową, aby zobaczyć twój formularz z dynamicznymi wartościami pól w działaniu.

WPForm preview

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 utworzeniu twojego formularza przejdź do karty Ustawienia w lewej kolumnie, a następnie wybierz 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.

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.

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

Powiadomienie o użyciu %20 do wskazania spacji 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. Oto jak 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 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:

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.

Możesz także 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.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak korzystać z dynamicznej populacji pól w WordPressie do automatycznego wypełniania formularzy. Możesz również zapoznać się z naszym artykułem na temat śledzenia i ograniczania porzucania formularzy w WordPress oraz z naszymi typami ekspertów dotyczącymi najlepszego oprogramowania do czatu na żywo dla małych firm.

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

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.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

3 komentarzeZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. David R says

    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.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.