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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Ani Kenechi says
Hi,
i use WPForms and they are awesome, but i’m having problems with the upload. it doesn’t upload files on most browsers. and it is frustrating.
I am using the upload at the end of a muti-part form of 7 parts
WPBeginner Support says
It would depend on your specific issue and the files being uploaded, if you reach out to WPForms’ support they should be able to assist you directly for your specific site and the issue you are running into.
Administratör
Tony Ruffo says
Hi, I would like to collect step one of a multipart form inside a revolution slider window, then pass the values to the actual multipart form at step 2. I’d like the multipart form to have step 1 when called directly. Is this craziness possible?
jaya says
please help me how to add onclick action when we click last submit button the msg come welcome below of progressing bar
Alicia says
Can this multi-page form be used in conjunction with the buddypress registration process? i would really like my users to have a multipage form to fill out their profiles…? any thoughts on that :)…Gracias
Alexander Dahlerup says
Hey WPBEGINNER
Is it possible to add pictures to your form, so you can show your customers the different opportunities that can be chosen?
Best regards
mike friskney says
Hi,
Is it possible to create a table within WPForms?
Mike
Ali says
Thanks a lot
would be happy to find a free plugin that provides advanced form settings
Lenlie Ada says
Hi,
Good day. And thank you so much for this blog post.
To be honest I’m new to WordPress and just starting to create my own website for an online business.
My question is does WPForms has the capability to put an ”upload audio, video, images option” on one of the pages of the forms? Because I’m planning to use WPForms for an order form wherein the customer will need to upload stuff as one of requirement for the order.
Best regards,
Lenlie
WPBeginner Support says
Yes, WPForms allows you to add an upload field to your form. You can also select which types of files and maximum file size users can upload in the field settings.
Administratör