Så här skapar du ett formulär för flera sidor i WordPress

En av våra användare frågade oss nyligen hur man skapar ett formulär med flera sidor i WordPress.

Flerdelade formulär allow you att samla in More information utan att skrämma bort användare. De ger också en bättre användarupplevelse och gör det lättare för användare att fylla i formuläret utan att överge det.

I den här artikeln visar vi dig hur du skapar ett formulär med flera sidor i WordPress.

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

Formulär är det enklaste sättet att samla in data och komma i kontakt med dina användare, om det är ett kontaktformulär, ett formulär för att genomföra email eller en enkel undersökning.

Långa formulär är dock avskräckande för användarna och leder till att fler överger formuläret.

För att lösa denna issue rekommenderar experter på användarupplevelse formulär med flera sidor. På så sätt delas formulärfälten upp i sections och pages.

Med en förloppsindikator högst upp och färre fält på vyn känner sig användarna mer bekväma med att fylla i formuläret. Det ger en mer engagerande och interaktiv upplevelse för dina användare.

Du kan till och med göra formuläret på flera sidor interaktivt genom att lägga till val av icons och conversational elements. Detta är utmärkt för att förbättra konverteringsfrekvensen, särskilt för request-a-quote lead-formulär.

Låt oss se hur du enkelt kan skapa ett formulär med flera sidor i WordPress.

Skapa ett WordPress-formulär på flera sidor med WPForms

Det bästa sättet att skapa ett formulär med flera pages i WordPress är att använda tillägget WPForms. Det är det mest nybörjarvänliga drag and drop-pluginet för WordPress form builder som låter dig skapa alla typer av formulär som du behöver.

Över 6 miljoner website-ägare använder WPForms, inklusive oss här på WPBeginner.

För denna tutorial behöver du åtminstone Basic WPForms plan eftersom den innehåller snygga fält med flera delar och avancerade alternativ för customize. Det finns också en WPForms Lite-version som du kan prova gratis.

WPBeginners användare kan få exklusiva rabatter på WPForms. Allt du behöver göra är att använda WPForms coupon: SAVE50 för att få 50% rabatt på köp av alla WPForms planer.

Det första du behöver göra är att installera och aktivera WPForms plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Vid aktivering måste du besöka WPForms ” Settings page på din WordPress site och enter din license key. Du kan få den här nyckeln genom att logga in på ditt account på WPForms website.

När du har kontrollerat din license key är du redo att skapa ditt första flersidiga formulär i WordPress.

Gå bara till WPForms ” Add New page från din WordPress admin area för att starta Form Builder.

På nästa vy måste du enter en Rubrik för ditt formulär.

WPForms erbjuder massor av pre-built formulär templates för att hjälpa dig att save time. You can quickly select one and edit it according to your requirements. Det finns också en tom formulärmall som du kan använda för att skapa ett helt customiserat formulär.

När du har valt en template kan du använda deras WordPress form builder för att customize den.

Dra bara fälten från den vänstra columnen och släpp dem i din formulärmall. Du kan också välja befintliga formulärfält och customize dem ytterligare.

När du har lagt till några formulärfält är du redo att lägga till en ny page i ditt formulär.

Gå vidare och add to fältet ’Page Break’ under Fancy Fields sections från den vänstra colonnen.

You will notice that WPForms will add a page break marker to the bottom and a First Page / Progress Indicator marker at the top of the page.

Det kommer också att flytta Submit-knappen till nästa sida, och din första page kommer nu att ha en ”Next”-knapp istället.

För att editera dina formuläregenskaper för Multi Page klickar du på markören ”First Page / Progress Indicator” högst upp. I den vänstra colonnen väljer du en typ av förloppsindikator.

WPForms allow you to use a simple progress bar, circles, connector, or no progress indicator.

You can also choose the color of your page indicator. Slutligen kan du ange en rubrik för den första page.

Nu måste du klicka på ”Page Break” -markören för att redigera dess egenskaper.

Du kan ange en titel för nästa page och edit texten för att visa den på knappen Next.

Du kan fortsätta att lägga till formulärfält efter page break.

Om du använder Pro-versionen av WPForms kan du också använda villkorlig logik för att visa och dölja formulärfält baserat på användarens respons.

När du har lagt till fler fält kan du lägga till fler page breaks om du behöver.

När du är klar med att skapa ditt formulär klickar du på knappen ”Save” högst upp till höger på vyn.

Grattis, du har utan problem skapat ditt första formulär med flera pages.

Lägga till ditt Multi Page-formulär i WordPress Posts och Pages

WPForms gör det superenkelt att add formulär till WordPress posts och pages.

Du kan clicka på knappen ”Embed” högst upp i form buildern och add formuläret till en new page builder eller en befintlig page builder.

Vi väljer alternativet ”Create New Page” för den här tutorialen.

Därefter måste du enter ett namn för din new page. När det är gjort klickar du på knappen ”Let’s Go”.

Alternativt kan du också lägga till WPForms block i WordPress content editor för att embed ditt formulär på någon WordPress blogginlägg.

Välj helt enkelt ditt flersidiga formulär från dropdown-menyn i WPForms-blocket.

Efter det bör du se en preview av ditt formulär i block editor. Gå vidare och publicera din page eller post.

Därefter kan du besöka din website för att se ditt flersidiga formulär i action.

Flerdelade formulär i WordPress till nästa nivå

Nu, om du gillar oss och andra smarta företagare, vill du förmodligen veta hur du tar dina leadgenerationsformulär till nästa nivå.

Det finns två saker du kan göra för att drastiskt förbättra din WordPress konvertering av flersidiga formulär.

1. Interaktiva formulär för leads

WPForms levereras med ett Lead Forms addon som allow you att förbättra din form completion rate med en engagerande design av formulärets layout.

I princip låter det dig visa användarna en fråga i taget, vilket gör dina formulär mindre skrämmande och lättare att fylla i.

Detta fungerar särskilt bra för en request för ett offertformulär och andra formulär för lead-generering på din site. Här är ett exempel på hur det gillar att se ut:

Detta bygger i grunden på principen om conversational forms som WPForms var pionjär för tidigare. Conversational forms tar en fråga i taget och liknar en konversation ansikte mot ansikte.

Till skillnad från addon för lead-formulär är conversational forms landing pages med formulär på hela sidan som också kan fungera bra för längre formulär eftersom användare bara kan fylla i dessa formulär med tangentbordet.

Fler tips hittar du i vår guide om hur du skapar mer interaktiva formulär i WordPress.

2. Aktivera partiella formulärinlämningar

Visste you att 81% av alla människor överger ett formulär innan de har completed det? Detta gäller för de flesta websites, särskilt för längre formulär.

Det är därför vi rekommenderar att aktivera partiella formulärinlämningar i WordPress. WPForms form abandonment addon låter dig göra det enkelt.

Du kan helt enkelt aktivera det genom att gå till tabben Form Abandonment i form builder settings.

This allows you to send targeted follow-up messages to those who abandon your form to boost your sales conversion.

Vi hoppas att den här artikeln hjälpte dig att add a multi page form i WordPress. You may also want to see our comparison of the best business phone services and our ultimate guide on how to improve WordPress sökmotorsoptimering rankings.

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.