Ett formulär skickas och sidan blir tom. Ingenting händer. Personen undrar om inskicket fungerade. Tog servern emot det? Bearbetas formuläret fortfarande? Ska hen skicka igen? Ögonblicket mellan att klicka på skicka och att veta att åtgärden lyckades är en orolig tid. Formulärupplevelsen slutar inte när någon klickar på skicka. Den slutar när hen vet att det lyckades. Vad som händer i de ögonblicken avgör om hen litar på ditt varumärke och om de data du samlade in faktiskt är användbara.
Tre element styr det sista ögonblicket. Ett laddningsläge visar att något händer medan formuläret bearbetas. Ett bekräftelsemeddelande bekräftar att inskicket fungerade. En tacksida styr vad som kommer härnäst. Gjorda på rätt sätt gör de här tre elementen att någon känner sig trygg med att ha gjort rätt. Gjorda dåligt skapar de förvirring och misstro. Den här artikeln går igenom vad vart och ett gör, när du använder dem, vad du ska skriva och hur du bygger dem utan att förstöra formulärupplevelsen.
Därför spelar laddningslägen roll innan formuläret är klart
Formulärinskick sker på servern. När någon klickar på skicka färdas uppgifterna till en dator någonstans, bearbetas, och ett svar kommer tillbaka. Hela resan tar oftast en till fem sekunder. En sekund känns omedelbart. Fem sekunder känns som en evighet. Under den tiden sitter personen fast. Hen ser formuläret och vet inte vad hen ska göra. Skicka igen? Vänta? Ladda om sidan?
Ett laddningsläge tar bort osäkerheten. Något synligt ändras när någon klickar på skicka. Knappen blir inaktiv och ändrar text. En snurra visas. En förloppsindikator visar rörelse. Något säger till personen "din åtgärd har registrerats och något pågår".
Den viktigaste regeln för laddningslägen är sekundregeln. Om formulärinskicket tar mer än en sekund ska du visa en laddningsindikator. Om det tar mindre än en sekund kan du hoppa över det visuella laddningsläget eftersom det går så snabbt att människor knappt märker det. För nästan alla formulär i verkligheten som kopplar till en server tar inskicket längre tid än en sekund. Visa laddningsläget.
Utan ett laddningsläge klickar människor ofta på skicka flera gånger. Oron får dem att anta att första klicket inte fungerade. Flera inskick skapar dubbla data, slösar serverresurser och frustrerar användare. En laddningsindikator förhindrar det genom att tydligt visa att åtgärden pågår.
Så utformar du ett laddningsläge som skapar trygghet
Det enklaste laddningsläget är att göra skickaknappen inaktiv och ändra dess text. Knappen står normalt "Skicka". När den klickas blir den "Skickar..." och blir grå eller blek. Personen ser att knappen inte längre går att klicka på. Hen förstår att något pågår. Det fungerar för de flesta formulär.
Ett steg starkare är att lägga till visuell rörelse. En liten snurrikon visas bredvid knapptexten eller inuti knappen. Snurran roterar kontinuerligt. Det skapar en känsla av aktivitet och framsteg. Rotationshastigheten spelar roll. Ett helt varv per sekund känns stadigt. Snabbare känns hetsigt. Långsammare känns fryst. Håll dig till ett varv per sekund.
För längre processer fungerar en förloppsindikator bättre än en snurra. Ett vågrätt fält högst upp i formuläret fylls på medan bearbetningen går framåt. Om formuläret vet hur många steg det ska utföra kan det visa realistiska framsteg. Om det inte vet den totala tiden, använd ett fält i procent som fylls till 90 % och slutförs vid lyckat resultat. Det visar personen exakt hur långt processen har kommit.
Färgen på din laddningsindikator ska synas men inte krocka med din formulärdesign. Använd din varumärkesfärg eller en neutral blå eller grå. Rött eller orange kan kännas som ett fel även om det inte är det. Grönt kan få människor att tro att formuläret redan lyckades.
Håll laddningslägen enkla. Knappen ändras. En snurra visas. Formuläret behöver inte tonas ut, fält behöver inte inaktiveras och ny text behöver inte glida in från sidan. Enkelhet skapar förtroende. Komplexitet skapar misstänksamhet.
Skillnaden mellan ett bekräftelsemeddelande och en tacksida
När ett formulär har skickats behöver användaren en bekräftelse. Bekräftelsen kan ges på två sätt. Ett bekräftelsemeddelande på sidan visas på samma sida där formuläret fanns. Eller så omdirigeras formuläret till en ny tacksida med ett bekräftelsemeddelande. Båda fungerar. Valet beror på ditt mål.
Ett bekräftelsemeddelande på sidan håller användaren på samma sida. Formuläret försvinner eller ändras och visar "Vi har tagit emot ditt inskick." En enkel, tydlig bekräftelse. Det fungerar bra för små formulär eller när du vill att användaren ska stanna på samma sida för att utforska mer innehåll. Kontaktformulär använder ofta meddelanden på sidan. Anmälningar till nyhetsbrev använder ofta meddelanden på sidan. Snabbt, enkelt, klart.
En tacksida är en särskild sida som användaren kommer till efter inskicket. Den finns bara efter att formuläret har skickats. Den har en egen adress. Det är användbart när du behöver följa konverteringen separat i statistiken, när du vill visa extra innehåll efter inskicket eller när du vill leda användaren mot nästa steg i ett säljflöde. Kassaformulär i e-handel omdirigerar till tacksidor. Formulär för leadinsamling omdirigerar till tacksidor. Den särskilda sidan ger dig mer utrymme att arbeta med.
Den tekniska skillnaden spelar roll för spårningen. Ett meddelande på sidan visar konverteringen på samma sida som formuläret. En tacksida visar en separat sidvisning och en separat adress. Ur spårningssynpunkt är en tacksida renare. Det är en tydlig händelse som analysverktyg kan mäta exakt.
Vad ett bekräftelsemeddelande behöver säga
Ett bekräftelsemeddelande har ett jobb: tala om för personen att inskicket fungerade. Det är allt. Lägg inte till marknadsföringstext, sälj inte in fler produkter och krångla inte till det.
Börja med en tydlig bekräftelse. "Tack. Vi har tagit emot ditt inskick." Inte "Ditt inskick har mottagits av vårt automatiska system." Det första känns mänskligt. Det andra känns robotaktigt och korporativt. Bekräftelsen ska kännas personlig och direkt.
Lägg direkt till nästa steg. Om formuläret var en kontaktförfrågan, säg när personen får svar. "Vi svarar inom två arbetstimmar." Inte "Vi återkommer snart." Tydliga tidsangivelser skapar förtroende. Snart är vagt. Två timmar är konkret.
Om inskicket utlöser ett automatiskt svar, nämn det. "Kolla din e-post efter en bekräftelselänk." Eller "En länk för att återställa lösenordet är på väg till din inkorg." Det förklarar vad som händer härnäst utan att personen behöver gissa eller oroa sig för att ha missat något.
Valfritt men kraftfullt: hänvisa till något personen skickade in. "Vi fick ditt meddelande om optimering av webbplatsen. Vi tittar på det och hör av oss." Att använda personens egna ord ger en känsla av att bli sedd och förstådd. Det bekräftar att personens uppgifter faktiskt togs emot och registrerades.
Håll meddelandet kort. En eller två meningar för ett meddelande på sidan. Tre till fem meningar för ett meddelande på en tacksida. Långa bekräftelsemeddelanden känns som skräppost eller en extra säljpitch.
Använd varmt, samtalsliknande språk. "Tack för att du hörde av dig." Inte "Tack för att du har slutfört det här formulärinskicket." Samtalsspråk får ögonblicket att kännas mänskligt, inte automatiskt.
Utforma en tacksida som konverterar, inte en återvändsgränd
En tacksida är ett ögonblick med högt värde. Personen har just konverterat. Hen är på gott humör. Hen agerade. Hen slutförde det du bad om. Det här är ögonblicket direkt efter att hen sagt ja. Det är ögonblicket att leda hen framåt, inte skicka iväg hen.
Högst upp på tacksidan upprepar du bekräftelsen. "Tack. Vi har tagit emot din förfrågan." Håll den kort. Personen vet redan att det lyckades. Bekräftelsen finns bara där för att göra det officiellt.
Under bekräftelsen lägger du till innehåll som matchar det personen just gjorde. Om hen anmälde sig till ett nyhetsbrev, visa vad hen får. Om hen bad om en demo, visa nästa steg. Om hen gjorde ett köp, visa orderuppgifter och leveranstid. Innehållet ska kännas som en naturlig fortsättning på det hen just skickade in.
Lägg till en valfri åtgärd. Inte fem. Inte tre. En. Vad ska hen göra härnäst? Utforska din webbplats? Läsa användbara resurser? Följa dig i sociala medier? Boka ett samtal? Välj en och gör den till sidans fokus. Flera konkurrerande uppmaningar förvirrar människor. De har just sagt ja. Led dem framåt med ett tydligt nästa steg.
Om du vill samla in ytterligare information är en tacksida ett bra ställe. Fråga inte efter den i själva formuläret. Fråga efter att de redan har förbundit sig genom att skicka en gång. Ett andra, lättare formulär på tacksidan konverterar ofta bättre än att packa in allt i det första formuläret.
Ta med socialt bevis om det är relevant. Ett citat från en nöjd kund. En statistikuppgift om människor som gjorde samma sak. Något som förstärker att de fattade rätt beslut. Det handlar inte om att övertyga dem att konvertera. De har redan konverterat. Det handlar om att stärka deras tillit till det de just gjorde.
Se till att sidans design matchar din webbplats i övrigt. En tacksida som ser annorlunda ut, använder andra typsnitt eller har ett skarpt avvikande färgschema får användaren att känna att hen har lämnat ditt varumärkes webbplats. Enhetlighet skapar förtroende. Tacksidan ska kännas som att den hör hemma på din webbplats.
Timing av övergången från formulär till bekräftelse
När någon klickar på skicka, hur länge ska laddningsläget visas innan bekräftelsemeddelandet eller tacksidan dyker upp? Svaret är så länge formuläret faktiskt bearbetas.
För formulär som skickas mycket snabbt, under en sekund, håll laddningsläget synligt i minst en sekund ändå. Om inskicket egentligen tar 300 millisekunder men din laddningssnurra försvinner efter 400 millisekunder kan människor tro att något gick sönder. Övergången ska kännas avsiktlig, inte forcerad.
För formulär som tar två till fem sekunder visar du laddningsläget under hela tiden. Låt människor se väntan. Dölj inte hur lång tid processen tar. Öppenhet skapar trygghet.
Visa aldrig ett laddningsläge som försvinner och sedan visas igen. Det skapar förvirring. Visa det en gång och låt det vara synligt tills det lyckas. Om du behöver försöka igen efter ett fel, ta bort laddningsläget helt och visa felmeddelandet innan du försöker på nytt.
För mycket långa processer, över tio sekunder, överväg att visa uppdateringar om framstegen. Inte bara en snurra. Ett meddelande som ändras. "Validerar dina uppgifter." Sedan "Bearbetar din förfrågan." Sedan "Slutför inskicket." Tre eller fyra små meddelanden under en lång process håller människor engagerade och medvetna om att något fortfarande pågår.
Att tänka på för mobilen vid laddningslägen och bekräftelsemeddelanden
På en telefonskärm är utrymmet begränsat. En laddningsindikator som fungerar bra på datorn kan ta för stor plats på mobilen. En tacksida som är lång på datorn blir mycket lång på mobilen.
För laddningslägen på mobilen håller du texten minimal. "Skickar..." i stället för "Vänta medan vi bearbetar ditt inskick." En snurra tar mindre plats än en förloppsindikator. Placera laddningsindikatorn inuti skickaknappen eller direkt ovanför eller under den, inte flytande mitt på sidan.
För bekräftelsemeddelanden på mobilen håller du dem korta. En mening är idealiskt. Två meningar är acceptabelt. Mer än så och meddelandet rullar ut ur bild.
För tacksidor på mobilen placerar du själva bekräftelsen i de två första styckena. Låt inte människor rulla ned på sidan för att ta reda på om formuläret faktiskt skickades. Tackmeddelandet ska synas direkt utan att rulla.
Testa dina laddningslägen och bekräftelselägen på riktiga telefoner, inte bara i en webbläsaremulator. Telefonens skärmstorlek och återgivning kan påverka hur saker ser ut.
Statistik och spårning av formulärets sista ögonblick
Bekräftelsesidan eller meddelandet är där du mäter om formuläret faktiskt konverterade. Analysplattformar som Google Analytics, Meta Pixel och e-postplattformar kan spåra bekräftelsen exakt.
Om du använder ett bekräftelsemeddelande på samma sida som formuläret ställer du in en konverteringsutlösare på att meddelandet visas. Använd JavaScript för att spåra när meddelandet visas, inte bara när sidan laddas. Det visar exakt vem som skickade in, inte bara vem som besökte sidan.
Om du omdirigerar till en tacksida sker spårningen automatiskt. Varje visning av den sidan är en konvertering. Därför använder många formulär tacksidor. Adressen är unik. Analysverktyg förstår den perfekt. En sidvisning motsvarar ett lyckat inskick.
Lägg till tacksidans adress i dina konverteringsmål i statistiken. I Google Analytics skapar du ett mål som utlöses när någon hamnar på dindomän.se/thank-you. Då räknas varje lyckat formulärinskick automatiskt.
Om du har flera formulär på din webbplats skapar du en unik tacksida för varje, eller använder URL-parametrar för att skilja dem åt. contact-form.com/thank-you mot demo-form.com/thank-you. Eller använd parametrar som /thank-you?form=contact. Då kan du följa vilka formulär som konverterar.
Vanliga misstag som förstör bekräftelsen
Ett bekräftelsemeddelande som inte bekräftar att åtgärden fungerade är inte ett bekräftelsemeddelande. Det är en återvändsgränd. "Tack." Bara det. Vad ska personen göra härnäst? Var är bekräftelsen? Att inte vara tydlig skapar misstro.
Laddningslägen som är för långa eller för korta känns trasiga. En snurra som roterar i 20 sekunder får människor att tro att något gick fel. En snurra som visas och försvinner på 100 millisekunder kanske inte märks.
Tacksidor som försöker sälja i stället för att tacka. Direkt efter att någon har konverterat är inte tiden att sälja in något annat. Bekräfta vad de gjorde. Led dem framåt. Försäljning kan komma senare.
Ett bekräftelsemeddelande eller en tacksida som upprepar information som formuläret redan frågade efter. Personen har redan gett dig sitt namn och sin e-postadress. Låt dem inte läsa upp den på bekräftelsesidan. Använd den för att anpassa meddelandet, återge inte det som samlades in.
Mobilformulär som visar laddningslägen som är för stora för skärmen. En laddningssnurra som tar upp halva telefonskärmen är överväldigande. Håll visuella indikatorer proportionella mot skärmstorleken.
Att glömma att lägga till ett tydligt nästa steg. "Tack för ditt inskick." Och sedan ingenting. Vad ska personen göra? Utan riktning lämnar hen. Ett enda tydligt nästa steg håller hen engagerad.
Så hjälper WEMASY dig att utforma laddningslägen och bekräftelser
WEMASY:s formulärbyggare har inbyggda laddningslägen som visas automatiskt när ett formulär skickas. Du kan anpassa laddningsindikatorns stil efter ditt varumärke. Välj mellan ett textmeddelande, en snurra eller en förloppsindikator. Ställ in färgen så att den matchar ditt varumärkestema. Laddningsläget visas medan formulärdata bearbetas och försvinner när inskicket är klart.
Bekräftelsemeddelanden går att anpassa fullt ut i formulärbyggaren. Skriv ditt eget meddelande. Välj om det visas på sidan eller om användaren omdirigeras till en tacksida. Om du omdirigerar låter WEMASY dig ange adressen till din tacksida. Formuläret omdirigerar automatiskt efter ett lyckat inskick.
För tacksidor skapar du en sida i WEMASY:s webbplatsbyggare, precis som vilken annan sida som helst. Utforma den så att den matchar ditt varumärke. Lägg till bekräftelsetext, nästa steg, socialt bevis eller sekundära uppmaningar. När du är klar med formulärets inställningar klistrar du in tacksidans adress i formulärets inställningar för omdirigering. WEMASY sköter omdirigeringen automatiskt.
Validering i realtid förhindrar många fel innan de uppstår. När formulärdata kommer in utan fel går inskicket smidigt. Laddningsläget visas kort och bekräftelsen utlöses snabbare. Färre fel betyder snabbare inskick och mindre tid med laddningslägen.
Integration med statistik är inbyggd. WEMASY följer formulärinskick och kan utlösa mål i statistiken automatiskt. När ett formulär skickas kan du ställa in händelser i Google Analytics eller Meta Pixel. Se vilka formulärfält som har bäst konvertering, vilka formulär som konverterar oftast och var människor hoppar av.
Se vilka formulärfunktioner som ingår i din WEMASY-plan.