Tekniska bloggspel, Android-app-apk, tips och tricks

Hur man använder dynamisk fältpopulation i WordPress för att autofylla formulär

Obs: I nästa ämne du kommer att läsa kommer du att lära dig om: Hur man använder dynamisk fältpopulation i WordPress för att autofylla formulär

Vill du använda dynamisk fältpopulation i WordPress för att autofylla formulär på din webbplats?

Med en dynamisk fältpopulation kan du automatiskt fylla i formulärfält baserat på användarval, frågesträng eller fälttyp.

Detta gör dina formulär smarta, sparar tid för användare, ger en bättre användarupplevelse och förbättrar i slutändan ifyllandet av formulär.

I den här artikeln kommer vi att visa dig hur du använder dynamisk fältpopulation i WordPress för att autofylla formulär.

Autofyll formulärfält i WordPress med dynamisk fältpopulation

Vad är dynamisk fältpopulation?

Dynamisk fältpopulation är en teknik som tillåter webbplatsägare att automatiskt fylla i formulärfält baserat på användarval, formulärtyp, frågesträng eller villkorlig logik.

En e-handelsbutik kan till exempel skapa ett formulär där produktfältet i formuläret dynamiskt fylls i med befintliga produkter i WooCommerce eller någon annan e-handelsprogramvara.

På samma sätt kan en fastighetswebbplats automatiskt fylla i listor, agenter, fastighetstypfält på mötesformulär och generera potentiella kunder.

Avancerade användare och utvecklare kan också använda URL-parametrar för att dynamiskt fylla i formulärfält med smarta länkar genom nyhetsbrev eller andra webbplatsinteraktioner.

Med det sagt, låt oss se hur man enkelt använder dynamiska fältpopulationer i WordPress.

Hur man använder dynamisk fältpopulation i WordPress

Först, vad du behöver göra är att installera och aktivera WPForms plugin. För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.

WPForms är det bästa WordPress-kontaktformuläret på marknaden. Låter dig enkelt skapa onlineformulär med ett enkelt dra och släpp-verktyg.

Den kommer också med dynamiska fältpopulationer, villkorlig logik och avancerade formulärfält. Tillsammans låter dessa funktioner dig skapa smartare och mer interaktiva formulär för din webbplats.

Notera: WPForms grundades av WPBeginner-grundaren Syed Balkhi.

När du aktiverar plugin-programmet måste du besöka WPForms » Konfiguration för att ange din licensnyckel. Du kan hitta denna information i ditt konto på WPForms webbplats.

WPForms licensnyckel

Då måste du besöka WPForms »Lägg till ny för att skapa din första form. Du kommer att bli ombedd att ange ett namn för ditt formulär och sedan välja en mall för att komma igång.

Skapa en ny form

WPForms laddar nu ditt formulär med förvalda fält. Du kan klicka för att redigera formfälten eller använda dra och släpp för att flytta dem uppåt och nedåt. Du kan också lägga till och ta bort formulärfält med bara ett klick.

Låt oss lägga till ett nytt formulärfält för att fylla det med dynamiska alternativ.

Du kan lägga till listrutor, flervalsrutor eller kryssrutor i formuläret för att använda dynamiska alternativ. Klicka bara på ett fält i den vänstra kolumnen för att lägga till det i ditt formulär.

Lägg till formulärfält

Klicka sedan för att redigera fältet och expandera sedan menyn Avancerat i den vänstra kolumnen.

Förhandsinställning

Härifrån måste du välja ett dynamiskt alternativ under Dynamiska alternativ. WPForms stöder inläggstyper och prenumerationstaxonomier på din WordPress-webbplats. För den här handledningen väljer vi produktpublikationstyp.

Dynamiskt urval

WPForms kommer nu automatiskt att ladda och visa fält i formulärförhandsgranskningen.

Du kan nu spara ditt formulär och lämna formulärbyggaren.

För att lägga till ett formulär till ett WordPress-inlägg eller en sida, redigera helt enkelt inlägget eller sidan där du vill lägga till det.

Lägg till ett WPForms-block på inläggsredigeringsskärmen i ditt inläggsredigeringsområde. Välj sedan formuläret du skapade tidigare från rullgardinsmenyn.

Lägga till WPForms-block till WordPress

Du kan nu spara ditt inlägg eller sida och besöka deras webbplats för att se ditt formulär med dynamiska fältvärden i aktion.

WPForm-förhandsgranskning

Autofyll formulärfält med URL-parametrar

Med WPForms kan du även autofylla formulärfält med URL-parametrar. Detta gör att du kan skapa smarta länkar som automatiskt laddar upp information till formuläret och fyller i det för dina användare att skicka in.

Först måste du skapa ett nytt formulär eller redigera ett befintligt formulär i WPForms. När du är klar med att skapa ditt formulär byter du till fliken Inställningar i den vänstra kolumnen och sedan fliken “Allmänt”.

På den här skärmen markerar du kryssrutan Aktivera dynamisk fältpopulation.

Tillåt dynamiska fält

Du kan nu spara ditt formulär och lämna formulärbyggaren. Ditt formulär är nu redo att autofylla formulärfält med URL-parametrar.

Skapa länk med URL-parametrar

WPForms accepterar dynamiska formulärfält som skickas i formatspecifika URL-parametrar.

https://example.com/contact/?wpf15_1=värde

Låt oss bryta det.

Det är den del av URL:en före “?” Detta är webbadressen till sidan med ditt formulär. Till exempel din kontaktformulärsida. ? WPF – Ange startparametrarna för WPForm-formulärfältet. Femton – Det här är identiteten för ditt formulär _ett – Då har du fält-ID = värde – = indikerar början på värdet du vill skicka till formuläret, följt av värdet på det faktiska fältet.

Här är ett exempel på en URL där vi skickar produkttiteln som ett textfält till kommentarsformuläret.

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

Lägg till webbadresser till dina inlägg

Lägg märke till hur vi använde %20 för att ange blanksteg mellan ord i produkttiteln.

Hitta formulär och fält-ID i WPForms

För att skapa en URL-parameter måste du känna till form- och fält-ID:n. Så här hittar du dessa värden.

Redigera bara ditt formulär så ser du formulärets ID i webbläsarens adressfält.

Hitta formulär-ID i WPForms

På samma sätt, för att hitta ID för ett formulärfält, klicka bara för att redigera det. Du ser formulärfältets egenskaper i den vänstra kolumnen tillsammans med fält-ID överst.

Hitta formulärfältets ID

Vad händer om du vill skicka ett värde till ett underfält?

Lägg bara till underfältsidentifieraren med fält-ID:t i din URL:

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

Mer information finns i WPForms utvecklingsdokumentation som visar många exempel på användning av olika parametrar för alla typer av formulärfält.

Du kan nu använda den här funktionen tillsammans med din CRM-programvara eller e-postmarknadsföringstjänst för att skicka smarta formulärlänkar till dina användare. De flesta marknadsföringsplattformar har din egen anpassade MERGE-tagg som du kan lägga till i en smart URL för att automatiskt fylla i personlig information i formulär.

Du kan också använda den dynamiska fältpopulationsfunktionen med andra formulärplugins som Formidable Forms, Gravity Forms, etc. Vi rekommenderar dock att du använder WPForms eftersom det underlättar hela processen och jag känner till det väl sedan vi skapade produkten.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du använder dynamiska fältpopulationer i WordPress för att autofylla formulär. Du kan också kolla in vår artikel om hur du spårar och minskar formulärinlämningar i WordPress.

Om du gillade den här artikeln, prenumerera på vår YouTube-kanal för WordPress-videohandledning. Du hittar oss även på Twitter och Facebook.

Table of Contents