Kontaktformularer, der konverterer: felter, fejl og det, der sker bagefter

Kontaktformularen er det sidste skridt mellem en besøgende, der har besluttet sig, og en henvendelse i jeres indbakke. Alligevel er den på de fleste sider lavet på fem minutter med standardindstillinger: otte felter, “Besked” som overskrift, en grå knap med “Send”, og ingen anelse om, hvor mange der begynder på den og giver op. Det er dyrt. Hver person, der falder fra i formularen, har I allerede betalt for at få ind, med annoncer eller med måneders SEO.

Her er, hvad forskningen siger om felter, labels, fejlbeskeder og knapper, hvordan en kontaktformular til en dansk virksomhed bør se ud, hvad der skal ske efter klikket, og hvordan I tracker, om den virker. Det handler om formularer til henvendelser; kassen i en webshop har sin egen artikel.

Hvor meget betyder formularen?

Mere, end antallet af felter antyder. HubSpot analyserede 40.000 landingssider og fandt, at konverteringen falder med antallet af felter, men mindre, end de havde ventet. Det, der for alvor trak ned, var typen: Store tekstbokse og dropdown-menuer havde en “powerful depressing effect”, mens almindelige enkeltlinjefelter næsten ikke kostede noget. Med andre ord: Tre felter plus en stor “Beskriv din opgave”-boks er værre end fem korte felter.

Baymard Institute, der tester kasseflows i webshops, målte i 2024, at et gennemsnitligt kasseflow har 11,3 felter, hvor de fleste kan klare sig med otte, og at antallet af felter betyder mere for brugervenligheden end antallet af trin. Samme institut fandt, at 31 procent af førende webshops slet ikke validerer felterne, før brugeren trykker send, så fejlene først kommer bagefter, samlet, og ofte med slettede indtastninger.

Tallene er fra webshops og amerikanske landingssider, men mekanismen er den samme på en dansk håndværkers kontaktside: Hvert felt er et sted at tænke sig om, hver uklar label et sted at tvivle, hver fejl et sted at give op.

Felterne: hvad I må spørge om

Udgangspunktet er, at formularen skal spørge om det, I skal bruge for at svare, og ikke mere. Resten kan I spørge om i telefonen. For de fleste virksomheder er det:

1. Navn. Ét felt, ikke fornavn og efternavn hver for sig. Baymard anbefaler ét samlet navnefelt, og I skal alligevel bare vide, hvem I ringer til.
2. Telefon eller e-mail. Spørg om den, I faktisk svarer på. Vil I ringe, så bed om telefonnummer, og gør e-mail valgfri. Vil I skrive, så omvendt. At kræve begge koster henvendelser, især fra folk på mobil.
3. Hvad det drejer sig om. Her er valget vigtigt. En dropdown med tolv ydelser er det, HubSpot så trække mest ned. Nielsen Norman Group anbefaler radioknapper i stedet for dropdown, når der er to eller tre valg. Har I flere ydelser, så lad feltet være en kort fritekst eller slet det, og lad siden, formularen står på, afgøre emnet: Formularen på tagsiden handler om tag.
4. Besked, valgfri og lille. En stor tom boks med “Besked” beder folk om at skrive et brev. Gør den valgfri, gør den to linjer høj, og skriv, hvad der hjælper jer: “Skriv gerne adresse og hvornår det passer at ringe.”

Det, der bør væk: firma (kan I spørge om), adresse (medmindre I skal køre derud, og så kun postnummer), “hvordan fandt du os” (det ved jeres tracking), budget (det skræmmer flere, end det kvalificerer), og alt, hvad der hedder “Emne” med en dropdown.

Undtagelsen er B2B og dyre ydelser, hvor I bevidst vil have færre, men bedre henvendelser. Her kan et ekstra spørgsmål om virksomhed eller opgavens størrelse være rigtigt. Men gør det som et aktivt valg, ikke fordi formularen kom med feltet. Hvad det gør ved raten, står under konverteringsrate.

Sådan ser felterne ud

Nielsen Norman Groups ti anbefalinger til formularer fra 2016 holder stadig, og de fleste danske formularer bryder tre af dem:

• Synlige labels over felterne, ikke tekst inde i dem. Pladsholdertekst, der forsvinder, når man skriver, skader mere, end den hjælper: Folk glemmer, hvad feltet var til, kan ikke tjekke deres svar, og overser udfyldte felter. Label over feltet, og brug eventuelt pladsholderen til et eksempel.
• Én kolonne. Felter ved siden af hinanden bliver sprunget over, især på mobil. Én kolonne, i logisk rækkefølge, og tab-rækkefølgen skal følge med.
• Markér det valgfrie, ikke det påkrævede. Når næsten alt er påkrævet, er stjerner støj. Skriv “(valgfrit)” ved de få felter, der er det.
• Rigtige felttyper. Et telefonfelt skal åbne taltastaturet på mobil, et e-mailfelt tastaturet med snabel-a, og felterne skal kunne autoudfyldes af browseren. Det er to attributter i koden og sparer folk for at skrive deres oplysninger på en telefon med tommelfingeren.
• Feltets længde passer til svaret. Et postnummerfelt i fuld bredde ligner et felt til noget andet.

Fejl: hvornår og hvordan

Det er her, flest bliver tabt, og det, Baymard har testet grundigst. Tre regler fra deres test af feltvalidering:

1. Tjek feltet, når man forlader det, ikke mens man skriver. En fejlbesked, der dukker op efter andet bogstav i en e-mailadresse, forstyrrer og irriterer. Vis fejlen, når feltet forlades, eller når indtastningen har den forventede længde.
2. Fjern fejlen, i samme øjeblik den er rettet. En rød besked, der bliver stående, efter at man har rettet, får folk til at rette noget, der er rigtigt.
3. Bekræft det rigtige. Et lille flueben ved et udfyldt felt fjerner tvivl og sparer et ekstra tjek før send.

Og når der er en fejl: Sig præcis hvad, ved feltet, med ord og ikke kun med rød farve, og behold det, personen har skrevet. Nielsen Norman Group: “Provide highly visible and specific error messages”. “Der skete en fejl” øverst på siden, med formularen tømt, er den sikreste måde at miste en henvendelse på.

Knappen og det, der står omkring den

“Send” siger, hvad knappen gør teknisk. Den bør sige, hvad personen får: “Få et uforpligtende tilbud”, “Book et opkald”, “Send forespørgsel, vi svarer i dag”. Knappen skal have sidens primære farve og stå alene; ingen “Nulstil” ved siden af, som nogen rammer ved et uheld.

Lige over eller under knappen hører tre ting til, som ingen formularplugin sætter ind af sig selv: Hvad der sker bagefter (“Vi ringer inden for en time i åbningstiden”), hvem der svarer (et navn og et ansigt), og en sætning om, hvad I gør med oplysningerne, med link til privatlivspolitikken. Det sidste er både et krav og et tillidssignal; hvordan det hænger sammen med samtykke og cookies, står under GDPR og cookies.

Formularen i sammenhæng

En god formular på en dårlig landingsside konverterer ikke. Tre ting omkring den betyder lige så meget som felterne:

• Den står der, hvor beslutningen tages. Ikke kun på /kontakt/, men nederst på hver ydelsesside, efter priser og beviser, hvor folk netop har læst, hvad I kan. Et link til en kontaktside er ét klik mere, og hvert klik koster.
• Telefonnummeret står ved siden af. Mange vil hellere ringe. Et klikbart nummer ved formularen er ikke konkurrence til den; det er den samme henvendelse ad en anden vej.
• Siden er hurtig. En formular, der først kan bruges, når en tung side er færdig med at indlæse, taber de utålmodige. Tjek det med hastighedstesten.

Efter klikket

Formularen er ikke færdig, når den er sendt. Tre ting skal ske:

1. En bekræftelse, der siger, hvad der nu sker. “Tak, vi har modtaget din henvendelse. Mette ringer til dig inden kl. 16 i dag.” Ikke “Din besked er sendt”, som efterlader folk i tvivl om, hvorvidt det virkede, og hvornår de hører noget.
2. En mail til personen, fra jeres domæne. Med samme information, så de har noget at finde frem. Sendes den fra en gratis mailadresse eller fra “wordpress@”, lander den i spam; hvordan I undgår det, står under mail med eget domæne.
3. Et hurtigt svar. Harvard Business Review dokumenterede i 2011, at de fleste virksomheder svarer alt for langsomt på henvendelser fra nettet, og at chancen for at få fat i personen falder kraftigt, allerede efter den første time. Den, der ringer først, får typisk opgaven. Få formularen til at sende en notifikation til den, der har vagten, ikke kun til info@.

Mål formularen

Uden tracking ved I ikke, om formularen er problemet. Tre tal skal på plads, alle via tracking:

• Sendte formularer som nøglehændelse i Google Analytics 4, med sidens navn, så I kan se, hvilke sider der leverer, og hvilke der har trafik uden henvendelser.
• Påbegyndte formularer. En hændelse, når første felt får fokus. Forholdet mellem påbegyndte og sendte er formularens egen konverteringsrate. Ligger den under 50 procent, er der noget galt med felterne eller fejlene.
• Spam for sig. Brug et usynligt felt eller en moderne spamkontrol frem for billedgåder, og tæl spam fra, så raten er ægte. En CAPTCHA, folk skal løse, er endnu et felt, og det er et af de værste.

Tjekliste: kontaktformularen

1. Højst fire felter, heraf højst ét påkrævet ud over navn og kontaktoplysning?
2. Ingen dropdown med mange valg, ingen stor påkrævet beskedboks?
3. Synlige labels over felterne, én kolonne, valgfrie felter markeret?
4. Telefon- og e-mailfelter med rigtig felttype og autoudfyldning?
5. Fejl vises ved feltet, når det forlades, med ord, og forsvinder, når de er rettet?
6. Knappen siger, hvad man får, og der står, hvad der sker bagefter, og hvem der svarer?
7. Formularen står på ydelsessiderne, med telefonnummer ved siden af?
8. Bekræftelse med tidspunkt, mail fra eget domæne, og notifikation til den, der ringer?
9. Trackes påbegyndte og sendte formularer pr. side?

De fleste formularer, vi gennemgår, fejler på fire eller fem af de ni. At rette dem er typisk en dags arbejde og en af de billigste forbedringer, en side kan få. Hvordan vi gør det, står under konverteringsoptimering. Hele gennemgangen som tjekliste med 60 punkter står i en artikel for sig.

Kilder

• Dan Zarrella, Which Types of Form Fields Lower Landing Page Conversions?, HubSpot, opdateret 2025.
• Baymard Institute, Checkout Flow Average Form Fields, juni 2024, og Usability Testing of Inline Form Validation, januar 2024.
• Kathryn Whitenton, Website Forms Usability: Top 10 Recommendations, Nielsen Norman Group, 2016.
• Katie Sherwin, Placeholders in Form Fields Are Harmful, Nielsen Norman Group, 2014.
• GOV.UK Design System, Question pages: ét spørgsmål pr. side.
• Oldroyd, McElheran og Elkington, The Short Life of Online Sales Leads, Harvard Business Review, 2011.