En besökare kommer till ditt formulär och ser ett fält som heter "Organisation". Vad frågar du efter? Företagsnamnet? Företagets storlek? Något annat? Besökaren vet inte, så hen tvekar, gissar fel och ger upp när ett felmeddelande dyker upp.
Det här är den osynliga friktionen i dålig formulärtext. Ett formulär kan ha helt rätt antal fält och en snygg design, men svaga etiketter och oklara instruktioner förstör konverteringen. Den här artikeln visar exakt hur du skriver fältetiketter, hjälptext och knapptext som för besökarna framåt i stället för att stoppa dem.
Varför formulärtext är ett konverteringsverktyg som de flesta missar
Varje ord i ett formulär har ett jobb: ta bort otydlighet eller skapa förtroende. De flesta formulär gör ingetdera. De ärver etiketter från databasfältet bakom. "Faktureringsadress." "Företagsstorlek." "Kontaktmetod." Det är maskinläsbart, inte mänskligt läsbart.
När en besökare inte förstår vad du frågar efter finns tre vägar. Besökaren gissar. Besökaren lämnar. Eller så fyller besökaren i något, trycker på skicka och blir nekad av din validering. Alla tre sänker din konverteringsgrad. Oklara etiketter och förvirrande instruktioner är faktiskt bland de vanligaste orsakerna till att besökare överger formulär innan de är klara.
Siffrorna är hårda. En studie från Baymard Institute visade att specifik, resultatinriktad knapptext ökade konverteringen med upp till 25 % jämfört med den generiska knappen "Skicka". Det är skillnaden mellan ett formulär som konverterar med 5 % och ett som konverterar med 6,25 %, helt utan extra trafikkostnad. Bara bättre ord.
Kraften i specifika fältetiketter
En etikett ska svara på en fråga för besökaren: "Exakt vilken information vill det här fältet ha?" Inte ungefär. Exakt.
Ta ett enkelt exempel. De flesta formulär frågar efter "Namn". Men vilket namn? För- och efternamn tillsammans? Bara förnamn? Hela juridiska namnet?
FEL: Namn
RÄTT: Ditt fullständiga namn
Eller ännu bättre, om du behöver för- och efternamn var för sig:
RÄTT: Förnamn | Efternamn (som separata fält)
Ett annat exempel. Ett formulär frågar efter "Telefon". Det verkar tydligt. Men besökaren undrar: ska jag ta med landskoden? Ska jag använda parenteser? Bindestreck? Mellanslag? Besökaren vet inte, så hen gissar eller hoppar över fältet.
FEL: Telefon
RÄTT: Telefonnummer (format: 070-123 45 67)
Det fungerar eftersom gissandet försvinner. Besökaren vet exakt vad du vill ha och vilket format du accepterar. Ingen tvekan. Inget felmeddelande. Inget avhopp.
Mönstret gäller för alla fälttyper. Använd specifika etiketter i stället för generiska:
FEL: E-post
RÄTT: E-postadress (dit vi skickar bekräftelser)
FEL: Webbplats
RÄTT: Ditt företags webbplats (valfritt)
FEL: Beskriv ditt projekt
RÄTT: Berätta vad du behöver (max 250 tecken)
Titta på det sista exemplet. En teckengräns tar bort ännu en källa till förvirring. Besökaren vet att hen inte kan skriva en roman. Gränsen är tydlig. Besökaren skriver fram till gränsen och går vidare.
Obligatoriskt eller valfritt: märk det tydligt
Besökare vill veta vad det kostar att skicka in formuläret. Om ett fält är obligatoriskt behöver de veta det innan de börjar. Om det är valfritt behöver de veta att de kan hoppa över det. Tydlighet kring obligatoriska och valfria fält är en av de viktigaste faktorerna för att minska friktionen i formulär. Ju mindre otydlighet, desto färre besökare tvekar och ger upp.
Det gamla designmönstret var en liten röd asterisk bredvid obligatoriska fält. Det fungerar dåligt eftersom många besökare inte ser den, inte förstår vad den betyder eller tror att den är dekoration.
FEL: E-post *
RÄTT: E-postadress (obligatoriskt)
Eller, om de flesta av dina fält är obligatoriska och bara ett fåtal valfria, vänd på mönstret:
RÄTT: Webbplats (valfritt)
Att vara tydlig minskar den mentala belastningen. Besökaren skannar formuläret, ser vilka fält som måste fyllas i och kan planera sin insats. Bara det minskar avhoppen.
Hjälptext: den dolda övertalaren
Hjälptext är den lilla instruktionen eller förklaringen som står under eller i ett fält. Den har två syften. Först förklarar den vad fältet frågar efter. Sedan försäkrar den besökaren om att det är tryggt och rimligt att lämna uppgiften.
De flesta formulär hoppar över hjälptext helt. Etiketten måste göra hela jobbet. Men det är i hjälptexten du bygger förtroende och minskar friktionen samtidigt.
Exempel 1: Ett formulär frågar efter ett telefonnummer. Besökaren tänker: varför? Kommer de att ringa mig? Hur ofta? Kommer de att spamma mig? En liten rad hjälptext svarar på det:
ETIKETT: Telefonnummer
HJÄLPTEXT: Vi ringer bara om du uttryckligen ber om att bli uppringd. Högst ett samtal.
Den enda raden tar bort oron. Besökaren vet var gränsen går. Det är mer sannolikt att hen lämnar sitt nummer.
Exempel 2: Ett formulär frågar efter ett företagsnamn. Besökaren tvekar. Gäller det bara företagsägare? Vad om hen är frilansare? Betyder "företag" aktiebolag eller vilken verksamhet som helst?
ETIKETT: Ditt företags eller varumärkes namn
HJÄLPTEXT: Skriv det du kallar din verksamhet. Frilansare, konsulter och enmansföretagare kan skriva sitt eget namn eller sitt verksamhetsnamn.
Återigen tar några ord av tydlighet bort hindret.
Den bästa hjälptexten gör tre saker.
1. Förtydligar. Den förklarar vad du menar med termen.
2. Visar varför du frågar. Den hjälper besökaren att förstå syftet.
3. Tar bort rädsla. Den försäkrar att det är tryggt att dela uppgiften.
Placera hjälptexten direkt under etiketten eller i fältet som platshållartext. Använd inte verktygstipsikoner som kräver att man håller muspekaren över eller klickar. Besökare rör sig snabbt och letar inte efter dold hjälp. Gör den synlig.
Knapptext som för människor framåt
Skickaknappen är den sista uppmaningen till handling. Dess text avgör om besökaren klickar eller lämnar.
"Skicka" fungerar dåligt eftersom det är generiskt. En besökare kan "skicka" vad som helst. Det skapar ingen känsla av resultat. Får hen en offert? Ett bekräftelsemejl? Ett säljsamtal?
FEL: Skicka
Handlingsspecifik knapptext konverterar mycket bättre eftersom den berättar exakt vad som händer sedan. Om någon fyller i ditt formulär för demobokning ska hen se:
RÄTT: Boka min demo
Inte "Skicka demobeställning". Det är för passivt. Besökaren ber om demon. Besökaren är den som agerar. Formulera det så.
Fler exempel:
För ett formulär om prisförfrågan: Få min offert (inte "Skicka")
För en provperiod: Starta min provperiod (inte "Skicka")
För ett kontaktformulär: Skicka mitt meddelande (inte "Skicka")
För en jobbansökan: Sök nu (inte "Skicka ansökan")
För en konsultationsförfrågan: Boka mitt samtal (inte "Skicka")
Mönstret är: verb + possessiv + resultat. "Få min..." "Starta min..." "Skicka mitt..." Då blir besökaren subjektet och handlingen objektet. Besökaren gör något i stället för att skicka data ut i tomma intet.
En regel till: knapptexten ska stämma med vad formuläret leder till. Om någon fyller i formuläret och får ett bekräftelsemejl direkt kan knappen säga "Få mitt bekräftelsemejl". Om det dröjer innan någon hör av sig, skriv "Be om återuppringning". Anpassa knappen efter vad som verkligen händer sedan. Den ärligheten om nästa steg bygger förtroende och håller din konverteringsgrad för formulär högre än generiska "Skicka"-knappar.
Mikrobeslut: valfria fält och sekundär text
Ett formulär består av tusentals små beslut som besökaren fattar. Vissa är tydliga. Andra gömmer sig i marginalen.
När du markerar ett fält som valfritt hoppar en del besökare över det trots att de hade kunnat fylla i det. Varför? För att valfritt nu sitter i huvudet som "inte viktigt". Det sa ju formuläret.
Om ett valfritt fält verkligen hjälper dig (och det bör det göra, annars skulle du inte fråga) kan du lägga till en kort anmärkning som gör att besökaren vill fylla i det:
Webbplats (valfritt)
Hjälptext: Det hjälper oss att förstå din nuvarande närvaro på nätet och ge bättre rekommendationer.
Nu betyder valfritt inte "hoppa över". Det betyder "fyll i om du vill att vi ska göra ett bättre jobb". Andelen som fyller i valfria fält ökar när du förklarar varför de spelar roll.
Samma sak gäller sekundär text kring hela formuläret. Om formuläret gäller ett känsligt ämne ökar förtroendet när du är öppen med vad som händer sedan:
"Vi går igenom din ansökan och återkommer inom 2 arbetsdagar."
"Dina betalningsuppgifter krypteras med SSL och lagras aldrig på våra servrar."
"Vi skickar ett veckobrev, inte mer. Du kan avsluta prenumerationen när som helst."
De här raderna är egentligen inte formulärtext, men de står nära formuläret och påverkar om någon börjar fylla i det. Skriv dem lika tydligt och specifikt som dina etiketter.
Språkfällan: jargong eller tydlighet
Formulär ärver jargong från verksamhetssidan. Ett CRM-system kan kalla något för "kundprospektsidentifierare". Ditt formulär ska kalla det "Ditt kundnummer".
Gå igenom formuläret efter ord som låter som ett databasschema och inte som ett samtal:
FEL: Faktureringsadress | Kontaktmetodik | Organisation | Beställarens namn
RÄTT: Vart ska vi skicka fakturan? | Hur vill du helst att vi når dig? | Ditt företag | Ditt namn
Den andra uppsättningen låter som en människa som skriver till en annan. Den första låter som ett formulär. Gissa vilken som har högst andel som fyller i.
Ett undantag: om din målgrupp använder jargongen, använd den. Om du säljer företagsprogramvara till IT-chefer kanske de känner igen "API-slutpunktsåtkomst" bättre än "hur du ansluter till vårt system". Känn din målgrupp och möt dem på deras nivå.
Felmeddelanden som en andra chans, inte ett straff
När en besökare skickar in ogiltig data avvisar formuläret den. Här delar de flesta formulär ut ett straff. "Ogiltig indata." "Fel." "Det där matchar inte vårt format."
Det är ett misstag. Ett felmeddelande är inte ett straff. Det är en andra chans. Se det så.
FEL: Ogiltig e-postadress
RÄTT: Vi behöver en giltig e-postadress. (Exempel: namn@foretag.se)
FEL: Telefonnumret matchar inte formatet
RÄTT: Skriv ditt telefonnummer i formatet 070-123 45 67.
Den andra versionen berättar exakt vad som blev fel och hur det rättas till. Besökaren blir varken förvirrad eller frustrerad. Hen rättar och går vidare.
Viktigare är att specifika felmeddelanden minskar framtida fel. Den som ser "Skriv ditt telefonnummer i formatet 070-123 45 67" vet att inte ta med bokstäver eller extra tecken. Hen fyller i rätt direkt i nästa fält.
Testa formulärtext: vad fungerar för din målgrupp
Formulärtext som konverterar för en målgrupp kan falla platt för en annan. Företagsköpare förväntar sig ett annat språk än startupgrundare. Vårdpatienter förväntar sig en annan ton än e-handelskunder.
Det enda sättet att veta vad som fungerar är att testa. Sätt upp A/B-tester på din formulärtext:
Test 1: Generisk eller specifik knapptext
Version A: "Skicka" | Version B: "Starta min gratis provperiod"
Test 2: Med eller utan hjälptext
Version A: Bara etikett | Version B: Etikett + hjälptext som förklarar varför du behöver uppgiften
Test 3: Markering av obligatoriska fält
Version A: Röd asterisk | Version B: "(obligatoriskt)" i vanlig text
Test 4: Ton och terminologi
Version A: Formellt språk ("Ange dina kontaktuppgifter") | Version B: Samtalston ("Hur når vi dig enklast?")
Kör testerna i minst två veckor med likvärdig trafik. Följ hur många som fyller i formuläret. Vinnaren blir din nya utgångspunkt och testas mot nästa variant.
Viktigast: du lär dig vad just din målgrupp reagerar på. Du kanske upptäcker att din målgrupp älskar specifik knapptext men inte bryr sig om hjälptext. Eller tvärtom. Låt data styra dina val av text.
Tillgänglighet och formulärtext
Tydlig formulärtext är också tillgänglig formulärtext. När etiketterna är specifika och hjälptexten är synlig tjänar alla på det. Det gäller personer som använder hjälpmedel, men tydligheten spelar roll för alla besökare.
Några särskilda rutiner är dock viktiga för tillgängligheten:
Varje formulärfält måste ha en etikett. Inte en platshållare. Inte en ikon. En riktig etikett som är kopplad till fältet via HTML. Skärmläsare läser upp etiketter, så användarna vet vad varje fält är till för.
Platshållartext försvinner så fort någon börjar skriva. Den kan inte vara din enda instruktion. Använd den för att visa ett exempel, men para alltid ihop den med en synlig etikett.
Undvik att bara använda färg för att visa obligatoriska fält. En röd asterisk betyder ingenting för någon som är färgblind eller använder skärmläsare. Använd ordet "obligatoriskt" i vanlig text.
Felmeddelanden ska vara kopplade till fältet som orsakade dem. När ett inskick misslyckas ska felmeddelandet visas nära problemet, inte i en allmän popup högst upp på sidan.
Vanliga misstag i formulärtext
Misstag 1: Platshållartext som etikett
Du ser formulär där ett fält saknar etikett och bara har platshållartext som "Skriv din e-postadress här". I samma stund som någon börjar skriva försvinner instruktionen och hen har ingen aning om vad som fylls i. Använd alltid en riktig etikett ovanför eller bredvid fältet.
Misstag 2: Att fråga samma sak två gånger
Vissa formulär frågar efter "E-post" och sedan "Bekräfta e-post". Båda behövs för säkerheten, men den andra etiketten bör förtydliga. Inte "Bekräfta e-post" utan "Bekräfta din e-postadress (måste stämma med ovan)."
Misstag 3: Vaga instruktioner utan exempel
Ett fält säger "Födelsedatum". Ska det vara ÅÅÅÅ-MM-DD? DD/MM/ÅÅÅÅ? Bara året? Lägg till ett exempel: "Födelsedatum (ÅÅÅÅ-MM-DD)."
Misstag 4: Hjälptext som förklarar företagets skäl i stället för nyttan för användaren
FEL: "Det här hjälper oss att segmentera vår kunddatabas." (Ingen bryr sig.)
RÄTT: "Det här hjälper oss att ge dig rekommendationer som passar din erfarenhetsnivå." (Nytta för användaren.)
Misstag 5: Inkonsekvent terminologi
Ett fält säger "Firmanamn". Ett annat säger "Företag". Ett tredje säger "Organisation". Välj en term och använd den överallt i formuläret. Konsekvens tar bort förvirring.
Så passar formulärtext in i din övergripande strategi
Formulärtext är bara ett verktyg i en komplett strategi för konverteringsoptimering. Den fungerar bäst tillsammans med kloka principer för formulärdesign, lämplig formulärlängd och tydlig visuell hierarki. Men det är ofta i formulärtexten de största vinsterna gömmer sig, eftersom de flesta varumärken helt struntar i den. De varumärken som petar i varje ord får oproportionerliga fördelar i andelen som fyller i formuläret.
Så hjälper WEMASY dig att skriva formulärtext som konverterar
WEMASY:s formulärbyggare ger dig full kontroll över varje textdel: fältetiketter, hjälptext, knapptext, felmeddelanden och bekräftelsetext. Du kan skriva exakt det du behöver utan att oroa dig för tekniska begränsningar. Formulärbyggaren har också flexibel validering, så du kan tala om för besökarna exakt vilket format du behöver i stället för att avvisa deras indata med ett kryptiskt meddelande. Du kan se vilka fält som har flest fel och vilka knappar som klickas mest, så att du kan finslipa texten utifrån verkliga data.
Se hur WEMASY-formulär fungerar genom att utforska formulärfunktionerna i varje plan.
Din checklista för formulärtext
Innan du publicerar ett formulär, gå igenom varje etikett, varje hjälptext och varje knapp:
1. Svarar varje etikett på exakt vilken information fältet vill ha? (Inte ungefär. Exakt.)
2. Är obligatoriska fält tydligt markerade som "(obligatoriskt)"? Är valfria fält markerade som "(valfritt)" när det hjälper?
3. Har varje valfritt fält som behöver förklaras en hjälptext som visar varför det spelar roll?
4. Är knapptexten handlingsspecifik och resultatinriktad? (Inte "Skicka".)
5. Finns det jargongtermer som en vanlig besökare inte skulle förstå? (Byt ut mot vanligt språk.)
6. Berättar felmeddelandena för besökaren vad som blev fel och hur det rättas till?
7. Är hjälptexten synlig utan att man behöver hålla muspekaren över eller klicka?
8. Använder formuläret samma terminologi hela vägen? (Blanda inte "verksamhet", "företag" och "organisation".)
9. Har du testat olika textvarianter för att se vad din målgrupp reagerar på?
10. Kan någon utan förkunskaper om din verksamhet förstå vad varje fält vill ha och varför?