Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här lägger du till Save & Continue-funktionalitet i WordPress-formulär

Vi har hört från många WordPress-webbplatsägare som lägger ner mycket arbete på att skapa detaljerade formulär, bara för att upptäcka att knappt någon fyller i dem. De inser inte hur överväldigande dessa formulär kan kännas förrän en besökare erkänner att de gav upp halvvägs igenom.

Det är här funktionen Spara och fortsätt kommer väl till pass.

Det låter användarna spara sina framsteg och återkomma senare för att fylla i formuläret när det passar dem bättre. Det förbättrar inte bara användarupplevelsen, utan kan också leda till fler ifyllda formulär och högre kvalitet på inlämningarna.

I den här guiden visar vi hur du enkelt lägger till Spara & Fortsätt-funktionalitet i dina WordPress-formulär – så att du inte går miste om potentiella leads eller kunder.

How to add save and continue functionality in WordPress forms

När ska man använda Save & Continue i WordPress formulär?

Ofta skickar människor inte in ett formulär om det tar mycket tid att completed. Att ha en Save and Resume-funktion för dina WordPress-formulär kan lösa detta issue.

Save and Resume-funktionen allow users to save their form’s progress and resume filling it from where they left off.

Det ger dina besökare flexibiliteten att completed formuläret när de vill, eftersom de inte behöver göra det på en gång. Som ett resultat kan du få fler formulärinlämningar och minska antalet formulär som överges.

Funktionen save and continue fungerar smidigt om du har långa formulär som gillar undersökningar, frågeformulär eller jobbansökningar eller om det är obligatoriskt för många personer att fylla i detaljerna i olika skeden av ett arbetsflöde.

Med detta sagt kommer vi att visa dig hur du kan lägga till spara och fortsätt-funktionen i WordPress-formulär. Här är en snabb överblick över alla steg som vi kommer att gå igenom i följande avsnitt:

Låt oss komma igång.

Installera ett WordPress-formulärplugin för att lägga till Spara & Fortsätt-funktionalitet

Det enklaste sättet att lägga till spara och återuppta-funktionalitet i WordPress är genom att använda WPForms. Det är det bästa pluginet för kontaktformulär i WordPress, och över 6 miljoner webbplatsägare använder det.

Faktum är att WPForms är vår go-to formulärbyggare på WPBeginner. Från kontaktformulär till vår årliga användarundersökning, vi förlitar oss på det dagligen – och det har aldrig svikit oss. För mer information, se vår kompletta WPForms recension!

WPForms' homepage

Med WPForms kan du skapa alla typer av WordPress-formulär, t.ex. kontaktformulär, betalningsformulär, onlinebeställningsformulär, anmälningsformulär för nyhetsbrev m.m.

Pluginet erbjuder en dra-och-släpp-formulärbyggare och mer än 2 000 förgjorda formulärmallar, vilket gör det nybörjarvänligt att använda. Dessutom, med WPForms AI som rullar ut, kan du skapa dina egna formulär från grunden med hjälp av en enkel prompt.

WPForms AI forms in action

Du får också många formulärfält för anpassning och integration med populära verktyg för e-postmarknadsföring och betalningsuppsamlingstjänster som PayPal.

Och det bästa av allt? Med tillägget WPForms Save and Resume kan dina besökare spara sina formulär och fylla i dem där de senast lämnade dem.

📝 O bs: För denna handledning kommer vi att använda WPForms Pro-versionen eftersom den innehåller tillägget Save and Resume och låter dig komma åt formulärposter. Det finns dock också en WPForms Lite-version som du kan komma igång med.

Först måste du installera och aktivera WPForms på din website. Om du behöver hjälp kan du vänligen läsa vår tutorial om hur du installerar ett plugin för WordPress.

Efter aktivering kan du heada till WPForms ” Settings från din WordPress dashboard och enter din license key. Du hittar nyckeln i WPForms account area.

Entering the WPForms license key

Efter det måste du aktivera tillägget “Save and Resume Addon”.

Låt oss navigera till WPForms ” Addons från ditt WordPress adminområde. Klicka sedan helt enkelt på knappen “Installera tillägg”.

Save and resume WPForms addon

När addon är aktivt kan du lägga till funktionen save and continue i ett befintligt formulär eller skapa ett new WordPress-formulär.

Skapa ett WordPress-formulär med Spara & Fortsätt-funktionalitet

För att börja, helt enkelt head över till WPForms ” Add New page.

The + Add New button on WPForms' Forms Overview

På nästa vy ser du pre-built templates för your form. Du kan enter ett namn för ditt formulär och välja en template för att komma igång.

I den här handledningen väljer vi mallen Suggestion Form för att samla in feedback från kunderna. Håll bara muspekaren över mallen och klicka på knappen “Använd mall”.

Choose a form template

Därefter kan du editera din form med hjälp av drag and drop builder.

Dra helt enkelt alla formulärfält som du vill add to till ditt formulär och släpp det på templaten.

Drag and drop form fields

WPForms låter dig också edit varje fält i formuläret.

Du kan till exempel edit:a dess etikett, add to en description, ändra ordern på valen, göra ett fält obligatoriskt med mera.

Edit form fields

Efter det kan du heada till tabben “Settings” från menyn till vänster och sedan välja “Save and Resume”.

Klicka sedan på toggle för alternativet “Enable Save and Resume”. Detta gör att din användare kan save sitt formulär och fortsätta att completed det senare.

Enable save and resume settings

När du aktiverar det här alternativet låser du upp fler inställningar för att customize funktionaliteten Save and Resume. You can for instance change the text that is displayed next to the submit button and let users save their form’s progress.

Dessutom finns det ett alternativ för att aktivera en ansvarsfriskrivningssida som visas för användarna innan de sparar sina framsteg. WPForms låter dig också redigera inställningarna för bekräftelsesidan och ändra den text som visas på sidan.

Edit save and resume settings

Om du skrollar nedåt hittar du inställningarna för “Enable Resume Link” som gör det möjligt för användare att kopiera formulärlänken och klistra in den i webbläsaren för att återuppta arbetet senare.

Det finns också ett alternativ för att “Aktivera e-postavisering” som skickar länken till användarens e-postadress så att de kan komma åt formuläret från sin inkorg.

You can also edit the email text your visitors will see in their inbox and the display message.

More save and resume settings

WPForms låter dig också ändra inställningarna för notification och det bekräftelsemail som människor kommer att få när de skickar in ett formulär.

När du har gjort ändringarna klickar du på knappen “Save” högst upp och lämnar form buildern.

Save your form

Bädda in ditt nya formulär på din WordPress-webbplats

Därefter kan du lägga till ditt formulär i ett blogginlägg eller på en sida.

För att börja klickar du bara på knappen “Embed” i formulärbyggaren.

Add a WPForms block in wordpress

Sedan kan du välja att bädda in formuläret på en befintlig sida eller på en ny.

I den här handledningen väljer vi alternativet “Skapa ny sida”.

Embed contact form WPForms

I nästa popup-fönster kan du namnge din nya sida.

Därefter går du vidare och klickar på knappen “Let’s Go!”.

Enter name for your new page

När du är i WordPress-redigeraren klickar du på “+”-knappen för att lägga till ett block.

Sedan är det bara att söka efter WPForms-blocket och klicka på det för att lägga till det i innehållsredigeraren.

How to add a lead generation form to your WordPress blog or website

Välj sedan det formulär som du just har skapat i rullgardinsmenyn.

Blocket WPForms hämtar en preview av ditt formulär.

Choose your form from the dropdown

När du är nöjd med hur formuläret ser ut kan du publicera sidan.

Nu kan du besöka din sida och bläddra ner till slutet av formuläret för att se alternativet “Spara och återuppta senare” bredvid knappen “Skicka”.

Save and resume later preview

När någon klickar på “Save and Resume Later” ser de en länk till formuläret, som de kan kopiera.

Det kommer också att finnas ett alternativ att enter en email address för att få formulärlänken via email.

Message users will see on save and resume

📝 O bs: Om du använder Classic Editor kan du lägga till en WPForms-widget i sidofältet eller i något annat widget-klart område.

Gå bara till Utseende ” Widgets, lägg till ett WPForms-block i sidofältet, välj ditt undersökningsformulär i rullgardinsmenyn och klicka på “Uppdatera” för att spara.

The WPForms widget in the block widget editor

Visa dina WordPress-formulärinmatningar

För att se om någon delvis fyllt i sitt formulär och använt alternativet Spara och fortsätt i WPForms, behöver du bara navigera till WPForms ” Inlägg från WordPress instrumentpanel.

Gå sedan vidare och välj ditt formulär för att visa dess poster.

Select your form to view entries

På nästa vy kan du leta efter entries med statusen “Delvis”. Det här är personer som har clickat på funktionen Save and Resume och sparat formulärets framsteg.

Statusen ändras automatiskt till “Completed” när din användare återvänder och fyller i formuläret.

View partial entries

Bonus Tips: Ställ in konverteringsspårning för WordPress-formulär

Att lägga till “Spara och fortsätt” är ett bra steg mot att förbättra användarupplevelsen. Men hur vet du om dina formulär faktiskt hjälper dig att utveckla ditt företag?

Det är därför vi rekommenderar att du installerar formulärspårning. Genom att övervaka formulärinlämningar kan du:

Enligt vår erfarenhet är det så mycket enklare att optimera formulär när man arbetar med faktiska data – inte bara gissningar.

Kolla in vår guide om hur du spårar WordPress-formulärkonverteringar i Google Analytics och börja fatta smartare beslut för din webbplats!

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till spara och fortsätt-funktionalitet i WordPress-formulär. Du kanske också vill läsa vår guide om hur du anpassar och utformar dina WordPress-formulär eller se våra val av de bästa formulärbyggarna online.

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.