Hur man skapar ett flersidigt formulär i WordPress

Att fylla i ett långt formulär kan kännas överväldigande, särskilt när alla frågor visas på en enda sida. Många användare tappar intresset halvvägs, vilket kan sänka dina konverteringsgrader.

Genom att dela upp ett långt formulär i mindre, hanterbara sidor gör du processen mycket enklare och mer tillgänglig. Denna enkla ändring kan leda till en stor ökning av antalet personer som faktiskt slutför och skickar in dina formulär.

De goda nyheterna? Att skapa ett formulär i flera steg i WordPress är enklare än du tror. Med WPForms-pluginet kan du använda fältet Sidbrytning för att dela upp formuläret i olika sektioner.

I den här guiden går vi igenom de exakta stegen för att skapa ditt eget användarvänliga formulär med flera sidor i WordPress. På så sätt kan du göra långa formulär enklare att fylla i och förbättra dina övergripande konverteringar. 🙌

Varför och när behöver du ett formulär med flera sidor i WordPress?

Du kan behöva ett formulär i flera steg i WordPress när ditt formulär är långt eller har många frågor. Att dela upp det i mindre delar gör det enklare att fylla i och ökar chansen att folk slutför det.

Att lägga till formulär på din webbplats är det enklaste sättet att samla in information och koppla samman med dina användare, oavsett om det gäller kontakt, e-postregistreringar eller undersökningar.

Men långa formulär kan vara överväldigande och får ofta användare att ge upp innan de är klara.

För att lösa detta rekommenderar vi att använda flersidiga formulär. Genom att dela upp dina frågor i mindre sektioner gör du formuläret mindre överväldigande för användarna.

Här är ett exempel:

Låt oss titta på vad som gör flersidiga formulär så effektiva:

• Framstegsfält: Användare kan se hur långt de har kommit, vilket håller dem motiverade att slutföra.
• Färre fält samtidigt: Endast några få frågor visas på varje sida, vilket gör formuläret kortare och mindre stressande.
• Interaktiva funktioner: Du kan lägga till saker som bildval eller konversationselement för att göra formuläret mer engagerande.

Dessa funktioner kan hjälpa till att förbättra användarupplevelsen och öka formulärets slutförandegrad – särskilt för formulär som “begär en offert” eller leadgenerering.

Skapa ett flersidigt WordPress-formulär med WPForms

Det bästa sättet att skapa ett formulär med flera sidor i WordPress är att använda pluginet WPForms. Det är den bästa WordPress-plugin för formulärbyggare som låter dig skapa vilken typ av formulär du behöver.

Över 6 miljoner webbplatsägare använder WPForms, inklusive oss här på WPBeginner. Vi använder det för att visa vårt kontaktformulär, köra årliga enkäter för läsare, hantera migrationsförfrågningar och mer. Läs vår fullständiga WPForms-recension för mer insikt i dess funktioner.

Med det sagt, låt oss guida dig genom hur du skapar ett formulär med flera sidor i WordPress:

• Steg 1: Installera och aktivera WPForms-pluginet
• Steg 2: Skapa ditt formulär med flera sidor i WordPress
• Steg 3: Lägg till ditt flersidiga formulär i WordPress-inlägg och sidor
• Bonus Tip: Take WordPress Multi-Part Forms to the Next Level
  • 1. Interaktiva leadformulär
  • 2. Aktivera partiella formulärinlämningar
• Vanliga frågor om att lägga till ett formulär i flera steg i WordPress
• Fler guider för att använda WordPress-formulär

Steg 1: Installera och aktivera WPForms-pluginet

Det första steget är att ställa in ditt WPForms-konto. Du kan gå till WPForms webbplats och klicka på knappen 'Skaffa WPForms nu'.

Välj sedan en plan, fyll i nödvändiga uppgifter och följ instruktionerna på skärmen för att slutföra processen.

När du har slutfört din registrering får du ditt WPForms-instrumentpanel. Där hittar du din licensnyckel. Kopiera din nyckel för att använda den i nästa steg.

Med det gjort, låt oss installera och aktivera WPForms-pluginet via WordPress-administrationen. Gå helt enkelt till Plugins » Lägg till nytt plugin för att komma igång.

På nästa skärm kan du använda sökfältet för att snabbt hitta WPForms-pluginet.

Klicka sedan på knappen 'Installera nu' och 'Aktivera' när den visas.

För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering, besök sidan WPForms » Inställningar, ange din licensnyckel och klicka på knappen 'Verifiera nyckel'. (Du kan hämta denna nyckel i din WPForms-instrumentpanel.)

Efter att ha verifierat din licensnyckel är du nu redo att skapa ditt första formulär med flera sidor i WordPress.

Steg 2: Skapa ditt formulär med flera sidor i WordPress

För att börja, låt oss navigera till sidan WPForms » Lägg till ny från ditt WordPress administrationsområde för att starta dra-och-släpp-formulärbyggaren.

Detta tar dig till sidan Inställningar inuti formulärbyggaren.

Ange först en titel för ditt formulär.

Därefter väljer du hur du ska bygga ditt formulär.

WPForms erbjuder över 2000 förbyggda formulärmallar för att hjälpa dig att spara tid. Du kan snabbt välja en och redigera den enligt dina krav. Det finns också en tom formulärmall som du kan använda för att skapa ett helt anpassat formulär.

Ännu bättre, du kan använda WPForms AI för att snabbt bygga ditt formulär. Allt du behöver göra är att skriva en kort beskrivning, så genererar AI-formulärbyggaren formuläret åt dig.

För den här handledningen kommer vi att använda mallen 'Förslagformulär'.

Håll muspekaren över mallrutan och klicka på knappen 'Använd mall' för att komma igång.

Detta tar dig till deras formulärbyggare, där du kan anpassa det.

Dra helt enkelt fälten från vänster kolumn och släpp dem i din formulärmall. Du kan också välja befintliga formulärfält och anpassa dem ytterligare.

Efter att ha lagt till några formulärfält är du redo att lägga till en ny sida i ditt formulär.

Lägg till fältet 'Sidbrytning' under sektionen 'Fancy Fields' från vänster kolumn.

Du kommer att märka att WPForms lägger till en sidbrytningsmarkör längst ner och en markör för ‘Första sidan / Framstegsindikator’ högst upp på sidan.

Det kommer också att flytta inlämningsknappen till nästa sida, och din första sida kommer nu att ha en 'Nästa'-knapp istället.

För att redigera egenskaperna för ditt flersidiga formulär, klicka på markören 'Första sidan / Framstegsindikator' högst upp.

I sidofältet till vänster kan du:

• Välj typ av framstegsindikator (enkel stapel, cirklar, kopplingar eller ingen).
• Anpassa färgen för din sidindikator.
• Lägg till en rubrik för den första sidan.

Dessa alternativ gör det möjligt för dig att anpassa utseendet på ditt formulär i flera steg för användarna.

Klicka sedan på markören 'Sidbrytning' för att redigera dess egenskaper. Här kan du:

• Ändra texten på knappen ‘Nästa’.
• Ange en titel för nästa sida.

Du kan sedan fortsätta och lägga till så många sidbrytningar som du behöver.

Du kan också använda villkorsstyrd logik för att visa eller dölja fält baserat på användarens svar.

I den här mallen kan du se att den redan är inställd för fältet ‘Om annat...’. Du kan kontrollera genom att klicka på det och gå till fliken ‘Smart logik’.

När du är klar klickar du helt enkelt på knappen ‘Spara’ uppe till höger.

Du har nu skapat ditt formulär med flera sidor. Nästa steg är att lägga till formuläret på din webbplats.

Steg 3: Lägg till ditt flersidiga formulär i WordPress-inlägg och sidor

WPForms gör det superenkelt att lägga till formulär i WordPress-inlägg och sidor.

Du kan klicka på knappen 'Bädda in' högst upp i formulärbyggaren och lägga till formuläret på en ny sida eller en befintlig.

För den här handledningen väljer vi alternativet ‘Välj befintlig sida’.

I nästa popup kan du välja en sida från rullgardinsmenyn och klicka på knappen 'Låt oss gå'.

Detta tar dig till WordPress blockredigerare.

Härifrån kan du klicka på knappen ‘+’ för att lägga till WPForms-blocket.

WPForms laddar sedan blocket till innehållsredigeraren.

Härifrån kan du välja ditt formulär med flera sidor från rullgardinsmenyn.

Därefter bör du se en förhandsgranskning av ditt formulär i blockredigeraren.

Härifrån kan du anpassa hur ditt formulär ska se ut på ditt inlägg eller din sida.

Till exempel, i WPForms-blockpanelen till höger kan du aktivera formulärrubriken och beskrivningen eller styla formuläret med ett tema som matchar din webbplatsdesign.

När du är nöjd med hur allt ser ut, fortsätt och publicera din sida eller ditt inlägg.

När det är gjort kan du besöka din WordPress-webbplats för att se ditt formulär med flera sidor i aktion:

För detaljer kan du se vår guide om hur man bäddar in formulär i WordPress.

Bonustips: Ta WordPress formulär i flera delar till nästa nivå

Nu, om du är som vi och andra smarta företagare, vill du förmodligen veta hur du tar dina formulär för leadgenerering till nästa nivå.

Det finns två saker du kan göra för att drastiskt förbättra konverteringarna för dina WordPress-formulär med flera sidor.

1. Interaktiva leadformulär

WPForms levereras med ett tillägg för formulär för leads som låter dig förbättra din formulärslutförandegrad med en engagerande formulärlayoutdesign. (Observera att tillägget för formulär för leads är tillgängligt med WPForms Pro-planen eller högre.)

I grund och botten låter det dig presentera en fråga i taget för användarna, vilket gör dina formulär mindre skrämmande och lättare att slutföra.

Detta fungerar särskilt bra för en offert-förfrågan och andra leadgenereringsformulär på din webbplats. Här är ett exempel på hur det ser ut:

Detta bygger i princip på principen för konversationsformulär som WPForms var först med i de tidigare dagarna. Konversationsformulär använder metoden med en fråga i taget, liknande en konversation ansikte mot ansikte.

Enkelt uttryckt: tillägget för formulär för leads visar en fråga i taget inom din befintliga sida. Under tiden skapar tillägget för konversationsformulär en dedikerad, helskärmsliknande landningssida för en distraktionfri upplevelse.

För fler tips, se vår guide om hur man skapar mer interaktiva formulär i WordPress.

2. Aktivera partiella formulärinlämningar

Visste du att 81% av människorna överger formulär innan de slutför dem? Studier visar att detta antal kan vara ganska högt, särskilt för längre formulär, vilket är anledningen till att spara partiella inlägg är så värdefullt.

Därför rekommenderar vi att aktivera partiella formulärinlämningar i WordPress. WPForms Form Abandonment-tillägget låter dig göra det med lätthet. (Denna kraftfulla funktion är tillgänglig på WPForms Pro-planen och högre.)

Du kan helt enkelt aktivera det genom att gå till fliken Formulärabstinens i inställningarna för formulärbyggaren.

Detta gör att du kan skicka riktade uppföljningsmeddelanden till dem som överger ditt formulär för att öka din försäljningskonvertering.

Vanliga frågor om att lägga till ett formulär i flera steg i WordPress

Har du fler frågor om att skapa flersidiga formulär? Här är några snabba svar som hjälper dig.

Kan jag ha flera formulär på en enda sida?

Ja, du kan lägga till mer än ett formulär på en enda WordPress-sida. Men om du samlar in relaterad information är det oftast bättre att använda ett flersidigt formulär istället. Det håller saker och ting prydliga och gör processen enklare för dina besökare.

Vad händer om en användare överger formuläret halvvägs?

Som standard sparas formulärdata endast när någon skickar in det. Om du använder WPForms Pro kan du aktivera Form Abandonment-tillägget för att automatiskt fånga partiella inlägg. På så sätt kan du fortfarande följa upp med personer som inte fyllde i formuläret.

Kan jag lägga till en 'Föregående'-knapp i mitt flersidiga formulär?

Ja! De flesta formulärbyggare låter dig lägga till en 'Föregående'-knapp så att användare kan gå tillbaka och redigera sina svar innan de går vidare. Det är en liten detalj som kan göra dina formulär mer användarvänliga.

Hur skapar jag ett formulär i flera steg i WordPress utan en plugin?

Det är möjligt, men inte särskilt praktiskt. Du skulle behöva skriva koden själv med hjälp av HTML och CSS, se till att informationen matas in korrekt och bygga ett system för att bearbeta och spara inlämningarna. Att använda en plugin som WPForms är mycket snabbare och enklare för de flesta användare.

Kan ChatGPT skapa formulär?

ChatGPT kan hjälpa dig att skriva HTML eller planera hur ditt formulär ska fungera, inklusive en layout i flera steg eller en frågeflöde. Men du måste fortfarande lägga till formuläret i WordPress själv och hantera saker som design, validering och lagring av inlägg.

Fler guider för att använda WordPress-formulär

Vi hoppas att den här artikeln hjälpte dig att lägga till ett formulär i flera steg i WordPress.

Om du tyckte att detta var användbart, kanske du också vill se våra guider om:

• Hur du visar ett flytande kontaktformulär i WordPress
• Hur man använder kontaktformulär för att växa din e-postlista i WordPress
• Sätt att använda villkorsstyrd logik i dina WordPress-formulär
• Hur man lägger till funktion för att spara och fortsätta i WordPress-formulär
• Den ultimata guiden till att använda WordPress-formulär (allt du behöver veta)

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.