Vill du skapa ett flerstegsformulär eller vill du skapa ett flersidigt formulär i WordPress? Detta WordPress handledning förklarar allt för dig ?

Om du vill skapa formulär på din webbplats som fungerar bra, är flersidiga formulär rätt väg att gå. Utspridda på flera sidor bekämpar de trötthet och ökar användarens engagemang.

I den här artikeln kommer vi att visa dig hur du skapar ett flersidigt formulär i WordPress så att du kan få fler konverteringar.

Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här. 

Men varför använda flersidiga formulär i WordPress?

Varför lägga till ett flersidigt formulär i WordPress?

Som vi nämnde ovan är flersidiga formulär uppdelade på flera sidor. Att lägga till fler steg i ett formulär kan verka kontraintuitivt, men det kan faktiskt öka formulärets omvandlingsfrekvens.

Flersidiga formulär minskar friktionen för användare som måste göra för många val samtidigt. Enkla alternativ gör varje steg i formuläret mindre överväldigande, och förloppsindikatorer uppmuntrar användare att fortsätta och fylla i formuläret.

Eftersom du har utformat ditt formulär för att förbättra slutförandegraden är det mindre troligt att du upplever att formuläret överges. Och med användning av villkorlig logik kan du visa olika sidor till användare baserat på deras svar, vilket gör det lättare att samla in den information du behöver.

Nu när du vet varför det är idealiskt att använda flersidiga formulär användarupplevelse, Låt oss gå vidare till att skapa ett formulär i WordPress.

Hur man skapar ett flersidigt formulär i WordPress

I den här handledningen kommer vi att använda WPForms för att skapa flersidiga formulär i WordPress. WPForms är det bästa dra och släpp WordPress-formulärbyggarplugin. Och med över 3 miljoner aktiva installationer är det det mest nybörjarvänliga verktyget som finns.

Det bästa av allt är att den har både en gratis och en betalversion, men idag kommer vi att använda Pro-versionen av WPForms för att skapa ett flersidigt formulär i WordPress.

Läs också vår guide om Hur man anpassar WPForms-formulär med Elementor

Så låt oss börja med det första steget, som är att skapa ett nytt formulär.

Steg 1: Skapa ett nytt formulär i WordPress

Det första du ska göra är att installera och aktivera plugin WPForms. Om du inte vet hur kan du följa den här steg-för-steg-guiden för att installera WordPress-plugins för nybörjare.

Med WPForms kan du dela upp alla typer av formulär i flera delar, så låt oss gå vidare och skapa en kontakt~~POS=TRUNC formulär~~POS=HEADCOMP enkel.

Gå till menyn WPForms -> Lägg till för att skapa ett nytt formulär och visa tillgängliga mallar.

Namnge sedan ditt formulär på den här sidan, skriv flersidig Kontaktformulär i sökfältet i det vänstra sidofältet. håll sedan muspekaren över resultatet av din sökning och klicka på knappen Använd mallen.

WPForms öppnar formulärmallen i dra och släpp formulärbyggaren så att du kan redigera den.

Som du kan se är formuläret tomt, så vi börjar dra in fält i det. Vi kommer att ta bort följande fält: 

  • namn
  • E-postadress
  • Kommentar eller meddelande

Du kan lägga till fält i formuläret genom att dra dem från den vänstra kolumnen till den högra kolumnen. Klicka bara på valfritt formulärfält för att redigera innehållet och dra det för att ordna om dess position.

Om du vill lägga till mer än en kontakt~~POS=TRUNC formulär~~POS=HEADCOMP till din WordPress-webbplats kan du också skapa följande typer av formulär med WPForms:

  • Frågeformulär
  • Online beställningsformulär
  • typ form stil form
  • Filuppladdningsformulär

De flesta av dessa typer av formulär är längre än vanliga kontaktformulär, så att dela upp dem i flera steg kan förbättra omvandlingarna.

Nu när du vet hur du kommer igång, låt oss lära oss hur du delar upp vårt formulär i delar.

Steg 2: Dela upp din form i delar

När du har anpassat ditt formulär och lagt till de fält du behöver lägger du till fältet sidbrytning att dela upp ditt formulär på olika sidor.

För att göra det, titta under rubriken Sofistikerade fält och dra formulärfältet sidbrytning i den högra panelen.

Släpp fältet på ditt formulär där du vill att det ska delas.

Upprepa detta för varje avsnitt där du vill dela upp formuläret till en annan sida. Därifrån fortsätter du att anpassa ditt formulär genom att lägga till fälten du behöver för att fylla i det.

Även om WPForms låter dig lägga till så många formulär du vill, är det viktigt att undvika att överväldigande användare med för mycket information. Detta kan få dem att överge din form, vilket är motsatsen till vad du vill uppnå.

Steg 3: Anpassa formulärets förloppsindikator

För att öka flödet av ditt formulär kan du lägga till en förloppsindikator. En förloppsindikator visar folk de olika delarna av ditt formulär och är en bra visuell indikator på hur mycket arbete som återstår att göra.

WPForms kommer med 3 olika förloppsindikatorstaplar för flersidiga formulär som är följande:

  1. Anslutningar – Anslutande staplar och sidrubriker för varje steg i ditt formulär.
  2. CercleS – Numrerade cirklar och sidrubriker för varje steg i formuläret.
  3. Förloppsindikator – Användarförloppsindikator när de slutför formulärstegen.

Klicka på fältet för att ändra förloppsindikatorn och sidtiteln på den första sidan i ditt flersidiga formulär Första sidbrytning.

Du kommer då att se en ny panel där du kan välja typ av framsteg för ditt formulär. I det här området kan du också ändra färgen som används för att markera förloppsindikatorn om så önskas.

Om du väljer alternativen cirklar ou connecteurs, kan du också redigera sidtiteln. Detta hjälper användarna att veta vilken del av formuläret de är på, så att de inte går vilse. Men om du föredrar att inte göra det, kommer en standardförloppsindikator att visas för användarna för att vägleda dem genom att fylla i ditt formulär.

Sedan kan du redigera knappen Sida suivante och text, som tar användarna till nästa sida i ditt formulär.

För att göra det, klicka på knappen följande  på din sida, Du kan ändra etiketten på knappen i den vänstra kolumnen.

skapa ett flersidigt formulär

Dessutom kan du lägga till en knapp föregående genom att aktivera reglaget Visa Föregående. På så sätt kommer användare att kunna gå tillbaka om de glömt att lägga till information.

skapa ett flersidigt formulär

När du är klar med att anpassa din förloppsindikator klickar du Enregistrer och gå till nästa steg.

Steg 4: Redigera dina formulärinställningar

Låt oss nu gå vidare till att ändra dina formulärinställningar. För att göra det, gå till Inställningar -> Allmänt.

I det här avsnittet kan du ställa in följande alternativ:

  • Formnamn – Ge ditt formulär ett nytt namn om du vill.
  • Beskrivning av formuläret – Lägg till en beskrivning i ditt formulär för referens.
  • Skicka knapptext – Redigera texten på din Skicka-knapp.
  • Aktivera spamskydd  – Aktivera anti-spam-alternativet för att förhindra spammare från att skicka oönskade inlägg.

Klicka på när dina inställningar är konfigurerade Enregistrer.

Steg 5: Ställ in dina formuläraviseringar

Aviseringsinställningar i WPForms, skicka ett e-postmeddelande när ett formulär skickas på din WordPress-webbplats.

Du kan hitta aviseringsinställningar genom att klicka Inställningar -> Aviseringar.

Om du inte stänger av formuläraviseringar får du ett e-postmeddelande för varje formulär som skickas in på din webbplats.

Å andra sidan kan du använda smarta taggar för att skicka ett e-postmeddelande till personer som fyller i ditt formulär. Smarta taggar är ett bra sätt att låta dem veta att deras formulär har fyllts i korrekt och att du har fått det.

Det är ännu bättre att använda den här funktionen på långa formulär med flera steg, eftersom de kan ta längre tid att fylla i. Dessutom räddar det användarna från att vandra runt om allt gick bra. För mer hjälp kan du se dokumentationen om hur du ställer in formuläraviseringar här.

När du är klar med att konfigurera dina aviseringar går du vidare till att konfigurera ditt formulärbekräftelsemeddelande.

Steg 6: Ställ in ditt formulärbekräftelsemeddelande

Formulärbekräftelsemeddelanden är korta meddelanden som visas för användare när de har skickat ett formulär på din webbplats. Det är ett bra sätt att låta folk veta att deras formulär bearbetas och vilka åtgärder som måste vidtas.

Det finns tre typer av bekräftelsemeddelanden i WPForms som är:

  1. Meddelande – Enkelt meddelande som informerar användarna om att deras formulär har skickats.
  2. Visa sida – Skicka användare till en annan sida, till exempel en tacksida efter att ha skickat in sitt formulär.
  3. Gå till URL (omdirigering) – Skicka webbplatsbesökare till en annan webbplats efter att formuläret har skickats in.

Klicka på för att konfigurera ditt bekräftelsemeddelande Inställningar -> Bekräftelse.

Välj sedan vilken typ av meddelande du vill visa för dina besökare efter att ha fyllt i ditt formulär. För denna handledning kommer vi att välja Meddelande.

Anpassa nu texten i meddelandet efter dina behov och klicka på Enregistrer när du är nöjd.

Du är nu redo att lägga till ditt formulär i WordPress.

Steg 7: Lägg till ditt formulär i WordPress

När du har skapat ditt flersidiga formulär är det dags att lägga till det på din WordPress-webbplats. Med WPForms kan du lägga till ditt formulär till många delar av din webbplats. Dessa kan vara sidor, inlägg, sidofält och andra widgetförberedda områden.

Låt oss se hur du lägger till ditt flersidiga formulär på en WordPress-sida.

För att komma igång, navigera till ditt WordPress-administratörsområde och klicka Sidor -> Lägg till.

Klicka sedan på plusikonen i WordPress-redigeraren för att lägga till ett nytt innehållsblock. Skriv WPForms i sökrutan för att enkelt hitta den.

skapa ett flerstegsformulär

Klicka nu på WPForms-blocket för att lägga till det på din sida.

När WPForms visas i ditt block, klicka på rullgardinsmenyn för att välja ditt flersidiga formulär från listan och infoga det på din sida.

Så snart det flersidiga formuläret är valt kommer det att visas på din sida.

skapa ett flerstegsformulär

Och det är allt ! Du har lärt dig hur du skapar ett flersidigt formulär.

Andra rekommenderade resurser

Vi inbjuder dig också att konsultera resurserna nedan för att gå vidare i greppet och kontrollen av din webbplats och blogg.

Slutsats

Där ! Det var allt för denna handledning. Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar ett formulär med flera steg eller flera sidor.

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.

Men glöm inte att lämna oss din under tiden commentaires och förslag i det dedikerade avsnittet.