Den dårligste send-knap i de fleste undersøgelser er altid den samme. Den har ingen egen farve. Den smelter ind i siden. Teksten er ét ord. Og den virker pålideligt på alle hjemmesider, der ønsker færre konverteringer.
Den knap siger "Send".
Ikke alle besøgende, der når din knap, er klar til at klikke. Nogle er stadig i tvivl. Nogle er nervøse. Nogle leder efter en forsikring om, at det er tiden værd at udfylde formularen. Knappen er ofte det sidste indtryk, der afgør, om de gennemfører. En generisk tekst på ét ord overlader det til dem selv at finde den forsikring. En omhyggeligt designet knap med konkret tekst fjerner tvivlen.
Dette kapitel gennemgår, hvad knaptekst, farve og placering faktisk ændrer ved, hvor mange der sender formularen, hvordan formularens sammenhæng afgør, hvilken knaptekst der virker, og hvordan du undgår design og tekst, der ødelægger konverteringen uden at du ved det.
Hvad knapteksten faktisk betyder for konverteringen
Undersøgelser af knapper med opfordring viser faste mønstre. Generiske knapper som "Send" og "Indsend" klarer sig 30 til 40 procent dårligere end tekst, der siger, hvad der sker. En knap med "Få mit gratis tilbud" konverterer højere end en med "Send". En knap med "Bekræft min tilmelding" virker bedre end "Send". Men det handler ikke om at være smart med ordene. Det handler om at være klar om resultatet.
Når en besøgende holder musen over en knap med teksten "Send", svarer vedkommende på et uudtalt spørgsmål. Hvad sender jeg? Hvor går det hen? Hvad sker der bagefter? Vedkommende har ikke svaret og gætter. Generisk knaptekst skaber besvær, fordi den besøgende selv må regne ud, hvad der kommer.
Konkret knaptekst om handlingen svarer på spørgsmålet med det samme. "Få mit gratis tilbud" fortæller den besøgende præcis, hvad der sker ved klik. "Bekræft min tilmelding" forklarer næste skridt. "Bed om en demo" gør det klart, at vedkommende starter en samtale og ikke forpligter sig til noget ukendt.
Mønsteret holder på tværs af formulartyper og brancher. I en undersøgelse af betalingsformularer fra et brugervenlighedsinstitut slog "Gennemfør ordre" "Send" med 25 procent i konvertering. I en test af kontaktformularer i et marketingværktøj slog "Send min forespørgsel" "Send" med 18 procent. I en analyse af konverteringstest på 50 webshops slog knapper med en fordel eller et næste skridt knapper med ét ord med 23 procent i gennemsnit.
Forbedringen er ikke lille. Det er ikke en optimering på 2 procent. Det er at løfte din afsendelsesrate fra 15 procent til 19 procent. Eller fra 300 afsendelser om måneden til 370. Knapteksten hører til de ændringer, der giver mest, du kan lave i en formular.
Knaptekst efter formulartype
Den samme tekst virker ikke i alle formularer. Hvorfor nogen udfylder en formular, afgør, hvilken knaptekst de reagerer på.
Formularer til tilmelding og oprettelse
Når nogen opretter en konto, forpligter vedkommende sig til noget. Beslutningen er som regel truffet. Vedkommende spørger ikke længere "skal jeg?". Vedkommende spørger "kommer det til at virke?" og "er det sikkert?". Knapteksten til oprettelse skal bekræfte handlingen og give tryghed.
Gode mønstre: "Opret min konto", "Lad os komme i gang", "Bekræft min tilmelding". Undgå generisk "Send". Undgå tekster, der føles tunge eller endelige, som "Forpligt dig til kontooprettelse". Hold tonen let og fremadrettet.
Ved oprettelse med adgangskode kan knapteksten anerkende besværet: "Vælg adgangskode og fortsæt". Det fortæller den besøgende, at vedkommende ikke vælger en adgangskode uden grund. Det er et skridt mod noget. Handlingen er klar.
Kontakt- og forespørgselsformularer
Kontaktformularer har gavn af menneskelig knaptekst i samtaletone. Den besøgende tager kontakt. Vedkommende beder om noget. Knappen skal lyde, som om du anerkender den anmodning.
Gode mønstre: "Send min forespørgsel", "Kontakt os", "Send min besked", "Få mere at vide". De får formularen til at føles som en samtale og ikke som en dataafleveringsplads.
Undgå kliniske eller formelle ord. Skriv ikke "Indgiv forespørgsel". Skriv "Send min forespørgsel". Forskellen er lille. Det ene føles som en transaktion. Det andet føles som at tale med et menneske.
Bookings- og aftaleformularer
Når nogen udfylder en bookingformular, er hensigten bekræftet. Vedkommende vil have aftalen. Knapteksten skal være direkte og fjerne tvivl om, hvad der kommer bagefter.
Gode mønstre: "Bekræft min aftale", "Book min tid", "Planlæg mit opkald", "Reservér min plads". De anerkender, at personen allerede har besluttet sig. Knappen er det sidste bekræftende skridt.
Undgå alt, der skaber tvivl. "Reservér" virker. "Tilmeld" gør det mindre klart, hvad der reserveres. Klarhed i dette trin øger gennemførelsen.
Betalings- og checkoutformularer
Betaling i webshops har mest at miste ved vag knaptekst. Hvert ord her påvirker omsætningen direkte. Den besøgende er klar til at købe. Skab ikke tøven.
Gode mønstre: "Gennemfør mit køb", "Betal nu", "Afslut ordre", "Køb nu". Nogle butikker tester tekst med fordelen først, som "Få min [produktnavn]", for at fremhæve det, kunden får, og ikke det, kunden betaler.
Brug aldrig generisk "Send". Test, om "Gennemfør mit køb" eller "Køb nu" virker bedst for din målgruppe. Nogle brancher og prisleje reagerer på forskelligt sprog. Men begge slår generisk tekst.
Formularer til feedback og spørgeskemaer
Knapper i spørgeskemaer skal føles hurtige og lette. Den besøgende gør dig en tjeneste. Knapteksten skal anerkende det og få det til at føles uden besvær.
Gode mønstre: "Send min feedback", "Indsend mit svar", "Del mine tanker". De føles hurtige. Undgå sprog, der får feedback til at føles som en formel indsendelse. "Send min feedback" føles lettere end "Indsend spørgeskema".
Kvalificering af kontakter og B2B-formularer
B2B-formularer kræver ofte flere oplysninger, fordi de filtrerer kontakter. Knapteksten kan vise, hvad der kommer næste gang, uden at virke afskrækkende.
Gode mønstre: "Bed om et tilbud", "Book en rådgivningssamtale", "Start min gratis prøve", "Få et skræddersyet tilbud". De gør det klart, hvad næste skridt er. Den besøgende frygter ikke at forpligte sig til noget uklart.
Knappens design påvirker klik mere, end de fleste tror
Knapteksten er kun en del af historien. Hvordan knappen ser ud, og hvor den står på siden, afgør, om nogen overhovedet ser den som noget, man kan klikke på.
Farvekontrast og synlighed
En knap, der smelter ind i sidens baggrund, får færre klik end en knap med høj kontrast. Det handler ikke om prangende design. Det handler om at kunne findes. Hvis en knap ikke skiller sig ud fra formularen, kan den besøgende overse den helt.
Effektive knapper har en farvekontrast på mindst 4,5 til 1 mod baggrunden. I praksis betyder det, at knappens farve skal være tydeligt anderledes end sidens baggrund og andre elementer i formularen.
Test, hvad der virker for dit brand. Nogle brands bruger en brandfarve, der naturligt skiller sig ud. Andre bruger varme farver som orange eller rød på kolde baggrunde som grå eller hvid. Den præcise farve betyder mindre end kontrasten. Sørg for, at knappen kan findes.
Størrelse og luft
Knapper, der er for små, føles ikke klikbare. Knapper, der er for store, virker påtrængende. Den rette størrelse afhænger af formularen og siden. En knap, der fylder halvdelen af formularens bredde, virker aggressiv. En knap på 150 pixel i en kontaktformular i fuld bredde virker passende.
Luft omkring knappen øger antallet af klik. En knap omgivet af andre formularelementer forsvinder. En knap med tydelig plads omkring sig skiller sig ud og føles klikbar. Giv luft over og under knappen. Lad den få plads.
Knappens form og stil
Runde hjørner føles mere moderne og venlige. Skarpe hjørner føles mere firmaagtige eller tekniske. Ingen af dem er altid bedst. Test, hvilken stil der passer til dit brand og din målgruppe.
Fyldte knapper med tydelig baggrund virker bedre end knapper med kun kant eller gennemsigtig baggrund i de fleste formularer. En knap med kun kant, der matcher formularens stil, forsvinder. En fyldt knap med kontrast skiller sig ud.
Skygger og effekter ved musen øger følelsen af, at noget kan klikkes. En knap, der skifter farve eller har en synlig tilstand ved musen, viser den besøgende, at den svarer på berøring.
Knapstørrelse på mobil
Mobilbrugere trykker med tommelfingeren. En knap, der er for lille, bliver misset. Retningslinjerne for iOS anbefaler et trykområde på mindst 44 gange 44 pixel. Retningslinjerne for Android anbefaler 48 gange 48 pixel. Formularer på mobil bør have knapper, der er store nok til, at en tommelfinger rammer sikkert.
På mobil står knapper ofte oven på hinanden. En knap i fuld bredde føles mere klikbar end en, der kun er delvist synlig. En fast knap, der bliver synlig, mens man scroller gennem formularen, øger gennemførelsen på mobil.
Placeringen afgør, hvem der ser knappen
Den bedste knaptekst og det bedste design hjælper ikke, hvis folk scroller forbi uden at opdage den. Hvor knappen står på siden, påvirker synligheden.
Knapper over folden
Ideelt skal den primære knap kunne ses uden at scrolle på en computer. Fylder din formular det meste af skærmen, må man måske scrolle ned til knappen. Det kan ikke undgås. Men er der plads over folden, så sæt knappen dér, så den besøgende ikke skal lede efter den.
Faste knapper på mobil
Formularer på mobil kræver ofte scrolling. En fast knap, der bliver synlig nederst på skærmen, øger gennemførelsen. Den besøgende mister aldrig knappen af syne, mens vedkommende udfylder felter. Vedkommende kan afslutte når som helst uden at scrolle til bunden.
Primære og sekundære knapper
Nogle formularer har flere knapper. "Send", "Gem som udkast", "Næste trin". Har du flere knapper, så gør den primære handling visuelt dominerende. En stærk primær knap skal være tydeligt mere klikbar end de sekundære. Brug farve, størrelse eller placering til at vise rækkefølgen.
En almindelig fejl er at gøre primære og sekundære knapper ens. Hvis "Annullér" og "Send" har samme størrelse og farve, klikker nogle på den forkerte. Designere tester det og finder, at en primær knap, der er 30 til 40 procent større end de sekundære, mindsker utilsigtede annulleringer.
Tekst under knappen øger gennemførelsen
Selve knappen er kun den sidste handling. Tekst under eller ved knappen giver en sidste forsikring, der skubber tøvende besøgende til at klikke.
Tryghedstekst tager fat på den sidste indvending. Beder din formular om en e-mailadresse, fjerner en linje under knappen med "Vi deler aldrig dine oplysninger" den sidste grund til ikke at sende. Kræver din formular et telefonnummer, skaber "Ingen spamopkald, vi kontakter dig inden for en hverdag" tillid.
Tryghedsteksten skal være lille og i anden række. Du sælger ikke længere. Du svarer på den sidste tvivl. Eksempler: "Vi vender tilbage inden for 24 timer", "Dine data er altid beskyttet", "Intet kreditkort kræves for at starte din gratis prøve", "Dit privatliv er vores prioritet".
Test viser, at tryghedstekst under knapper øger gennemførelsen med 3 til 5 procent i formularer med højt besvær. I formularer med lavt besvær som nyhedsbreve er effekten mindre. I B2B-formularer, der beder om mange oplysninger, kan tryghedstekst øge gennemførelsen med 10 procent eller mere.
Fejl og tilbagemelding under afsendelse
Det, der sker efter klikket, afgør, om den besøgende føler sig sikker på sin afsendelse.
Slukket knap under afsendelse
Så snart nogen klikker på knappen, så slå den fra med det samme. En slukket knap forhindrer dobbelte afsendelser. Endnu vigtigere viser den den besøgende, at klikket blev registreret. Knappen bør vise, at den arbejder: "Sender..." eller en cirkel eller animeret tekst.
Uden en sådan tilstand ved den besøgende ikke, om klikket virkede. Vedkommende klikker måske igen. Vedkommende lukker måske browseren. Et sekunds forsinkelse mellem klik og tilbagemelding føles langt for en bruger. Vis straks, at der sker noget.
Tekst ved fejl
Når en afsendelse fejler, skal knappen og teksten omkring den forklare, hvad der gik galt, og hvad man skal gøre. Vis ikke bare en fejlmeddelelse øverst i formularen. Opdatér selve knappen.
En knap med "Prøv igen" er mere brugbar end "Send", når der opstår en fejl. Teksten ved knappen skal forklare konkret, hvad der fejlede: "Denne e-mail er allerede registreret" eller "Udfyld alle obligatoriske felter."
Gør det tydeligt, hvordan man kommer videre efter en fejl. Nogle formularer fremhæver det felt, der er problemet. Nogle viser fejl ved selve feltet. Nogle gør begge dele. Jo tydeligere fejlen er, desto hurtigere kan den besøgende rette den.
WEMASY-formularer og optimering af send-knappen
WEMASY's formularbygger lader dig tilpasse knaptekst, design og placering, så de passer til din formularstrategi. Du kan sætte forskellig knaptekst for forskellige formulartyper. Du kan tilføje betinget logik, der ændrer knapteksten ud fra svarene. Du kan tilpasse knappens farver, størrelse og stil, så de passer til dit brand.
Formularanalyse viser, hvilke felter der giver frafald. Hvis netop din knap har højt frafald, er det et tegn på, at tekst eller design skal testes. Kommer besøgende frem til knappen uden at klikke, så test anden tekst og andet design uden at bygge formularen om.
Se, hvordan WEMASY's formularbygger håndterer tilpasning af knapper og formularanalyse. Læs mere om formulartekst, der får flere til at gennemføre, i sådan skriver du feltnavne og hjælpetekst, der virker og hvad der skaber frafald i formularer, og hvordan du forebygger det.