Så här använder du Dynamic Field Population i WordPress för att automatiskt fylla i formulär

Vill du använda dynamisk fältpopulation i WordPress för att automatiskt fylla i formulär på din website?

Dynamic field population allow you att automatiskt fylla i formulärfält baserat på användarens val, query strings eller fälttyp. Detta gör dina formulär smarta, sparar tid för användarna, ger en bättre användarupplevelse och förbättrar i slutändan formulärets completion rate.

I den här artikeln visar vi dig hur du använder dynamisk fältpopulation i WordPress för automatisk ifyllning av formulär.

Vad är dynamisk fältpopulation?

Dynamisk fältpopulation är en teknik som tillåter ägare av webbplatser att automatiskt fylla i formulärfält baserat på användarens val, formulärtyp, query strängar eller villkorlig logik.

En store inom ecommerce kan till exempel skapa ett formulär där produktfältet i formuläret fylls i dynamiskt med hjälp av befintliga produkter i WooCommerce eller någon annan programvara för eCommerce.

På samma sätt kan en webbplats för fastigheter automatiskt fylla i fält för listor, mäklare och fastighetstyp i sina formulär för möten och generering av leads.

Avancerade användare och utvecklare kan också använda URL-parametrar för att dynamiskt fylla i formulärfält med hjälp av smarta links från email-nyhetsbrev eller andra interaktioner på websites.

Med detta sagt, låt oss ta en titt på hur du enkelt kan använda den dynamiska fältpopulationen i WordPress.

Så här använder du dynamisk fältpopulation i WordPress

Först måste du installera och aktivera WPForms plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

WPForms är det bästa tillägget för kontaktformulär för WordPress på marknaden. Det allow you att enkelt skapa onlineformulär med hjälp av ett enkelt drag and drop-verktyg.

Det levereras också med dynamisk fältpopulation, villkorlig logik och avancerade formulärfält. Tillsammans tillåter dessa funktioner dig att skapa smartare och mer interaktiva formulär på din website.

Du kan se vår kompletta WPForms review för mer detaljer.

När du aktiverar pluginet måste du besöka WPForms ” Settings page för att enter din license key. Du hittar den här informationen under your account på WPForms website.

Därefter måste du besöka WPForms ” Add New för att skapa ditt första formulär.

Du kommer att bli ombedd att ange ett namn för ditt formulär och sedan välja en template att börja med.

Det finns många templates att välja mellan. För denna tutorial kommer vi att använda templates för fakturering / order.

WPForms kommer nu att hämta ditt formulär med förvalda fält. Du kan clicka för att edit formulärfält eller använda drag and drop funktionen för att flytta dem upp och ner. Du kan också add to och remove formulärfält med bara ett click.

Låt oss add new ett nytt formulärfält för att fylla i det med dynamiska val.

Du kan lägga till ett fält med rullgardinsmeny, flervalsfält eller kryssrutor i formuläret för att använda dynamiska valalternativ. Klicka bara på ett fält i den vänstra kolumnen och dra det för att lägga till det i formuläret.

Därefter kan du clicka för att edit formulärfälten.

Byt bara till menyn Avancerat i den vänstra Column.

Härifrån måste du selecta ”Dynamic Choices”.

WPForms stöder post typer och taxonomier som är registrerade på din WordPress site.

I den här tutorialen väljer vi ”Post Type” som dynamiska val och ”Products” som källa för dynamisk posttyp.

WPForms kommer nu automatiskt att hämta och displayed fälten i formuläret preview.

För att embedda formuläret klickar du bara på knappen ”Embed” högst upp i form buildern. Härifrån kan du välja en befintlig sida för att embed formuläret eller skapa en new page.

Alternativt kan du använda WPForms block för att add formuläret till en WordPress post eller page. Gå vidare och edit den post eller page där du vill add to formuläret.

När du är i WordPress content editor, add WPForms block till din post edit area. Därefter väljer du bara det formulär som du skapade tidigare från insticksprogrammet.

Du kan nu save your post eller page.

Besök sedan din website för att se ditt formulär med dynamiska fältvärden i action.

Fyll automatiskt i formulärfält med hjälp av URL Parameters

WPForms tillåter dig också att dynamiskt fylla i formulärfält med hjälp av URL parametrar. Den här utvalda funktionen allow dig att skapa smarta links som automatiskt skickar information till formuläret och fyller i den så att dina användare kan submita.

Först måste du skapa ett new formulär eller edit ett befintligt i WPForms. När du är klar med att skapa ditt formulär går du till fliken Settings i den vänstra colonnen och väljer sedan tabben ”Allmänt”.

På den här vyn måste du klicka på toggle för alternativet ”Enable Prefill by URL”.

You can now save your form and exit the form builder. Your form är nu redo att dynamiskt fylla i fält med hjälp av URL parametrar.

Skapa länkar med parametrar för URL

WPForms godkänner dynamiska formulärfält som skickas via URL-parametrar i ett visst format.

https://example.com/contact/?wpf15_1=value

Låt oss bryta ner det.

• Den del av URL:en som står före frågetecknet ’?’ är URL:en till den page som innehåller your formulär. Till exempel din page med kontaktformuläret.
• ?wpf – Anger början på WPForms parametrar för formulärfält.
• 15 – Är ID:n för ditt formulär
• _1 – Är fältets ID:n
• =value – = Anger början på det värde som du vill skicka till formuläret följt av det faktiska fältvärdet.

Här är ett exempel på en URL där vi skickar en produkttitel som ett textfält till ett formulär för återkoppling.

https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase

Notice how we have used %20 to indicate spaces between words in the product title.

Hitta ID:n för formulär och fält i WPForms

För att kunna skapa parametrar för URL måste du känna till formulärets och fältets ID:n. Så här hittar du dessa värden.

Det är bara att edit:a ditt formulär så ser du formulärets ID:n i webbläsarens adressfält.

På samma sätt, för att hitta formulärfältets ID:n, behöver du bara clicka för att edit:a det.

Du kommer att se formulärfältets egenskaper i den vänstra Column, tillsammans med fältets ID:n högst upp.

Men tänk om du vill skicka ett värde till ett underfält?

Helt enkelt add till underfältets ID efter fältets ID:n i din URL gillar detta:

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

För mer detaljer kan du se WPForms utvecklare dokumentation, som visar fler exempel på att använda olika parametrar för alla typer av formulärfält.

Du kan nu använda den här funktionen i kombination med din CRM-programvara eller tjänst för e-postmarknadsföring för att skicka smarta formulärlänkar till dina användare. De flesta marknadsföringsplattformar har sina egna personliga MERGE-taggar som du kan add to i den smarta URL:en för att automatiskt fylla i personlig information i formuläret.

Du kan också använda den dynamiska fältpopulationsfunktionen med andra formulär tillägg som Formidable Forms, Gravity Forms eller andra. Vi rekommenderar dock att du använder WPForms eftersom det gör hela processen enkel, och vi känner till det väl eftersom vi byggde produkten.

För kompletta detaljer, vänligen se vår jämförelse mellan WPForms vs Formidable Forms vs Gravity Forms.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du använder den dynamiska fältpopulationen i WordPress för att automatiskt fylla i formulär. Du kanske också vill se vår artikel om hur man spårar och minskar övergivande av formulär i WordPress och våra expertval för den bästa programvaran för chattsupport för småföretag.

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.