Hvad er en CTA? Eksempler på call to action der konverterer

En CTA (call to action) er en tydelig opfordring til handling, typisk en knap eller et link som “Book et møde” eller “Læg i kurv”, der fortæller den besøgende præcis, hvad næste skridt er.

De fleste hjemmesider har CTA’er. Færre har nogen, der virker. Her får du formlen for en god CTA, konkrete eksempler til B2B, webshop og lokale virksomheder, og hvordan du måler og tester, hvad der faktisk får folk til at klikke.

Hvad betyder CTA?

CTA er en forkortelse for call to action. Det er ethvert element, hvis eneste opgave er at få den besøgende til at gøre en bestemt ting: købe, ringe, booke, tilmelde sig eller downloade. Oftest er det en knap, men det kan også være et link, et telefonnummer, en formular, en pop-up eller den sidste linje i en annonce.

Man skelner typisk mellem to slags:

• Primær CTA: Den handling, siden findes for. På en produktside “Læg i kurv”, på en serviceside “Få et tilbud”.
• Sekundær CTA: Et mindre forpligtende alternativ til dem, der ikke er klar endnu, fx “Se priser” eller “Læs cases”. Den vises nedtonet, typisk som en knap med kun en kant.

Hvad kendetegner en CTA, der virker?

En god CTA svarer på tre spørgsmål på under et sekund: Hvad skal jeg gøre? Hvad får jeg? Hvad koster det mig? Det kan koges ned til fem regler:

1. Start med et verbum. “Book”, “Hent”, “Få”, “Prøv”, “Beregn”. Det fortæller, at der sker noget, når man klikker.
2. Beskriv gevinsten, ikke handlingen. “Få din pris” er stærkere end “Udfyld formular”.
3. Fjern usikkerheden lige ved knappen. En kort linje som “Svar inden for en arbejdsdag” eller “Gratis fragt over 499 kr.” fjerner den sidste tvivl. Skriv kun det, der er sandt.
4. Match forpligtelsen med, hvor kunden er. En ny besøgende fra en blogartikel er ikke klar til “Køb nu”. Giv dem “Hent tjeklisten” eller “Se eksempler”.
5. Hold den kort. To til fem ord på knappen. Resten kan stå i overskriften eller linjen under.

Eksempler på gode CTA’er

Brug eksemplerne som udgangspunkt, og tilpas dem til dit eget tilbud. Den bedste formulering er altid den, der passer præcist til det, kunden får.

Læg mærke til, at de stærke versioner er mere konkrete, ikke mere råbende. Udråbstegn, store bogstaver og “Klik her!” gør sjældent en CTA bedre.

Hvor skal CTA’en placeres?

Den besøgende skal kunne handle, i det øjeblik de er overbevist, uanset hvor på siden det sker. Derfor:

• Øverst på siden til dem, der allerede ved, hvad de vil.
• Efter de vigtigste argumenter, fx efter en prisoversigt, en case eller kundeanmeldelser.
• I bunden af siden til dem, der har læst det hele.
• På mobil kan en fast knap i bunden af skærmen give mening på lange sider, så længe den ikke dækker indhold.

Omvendt skal du fjerne forstyrrelser, når kunden er i gang med at konvertere. En god betalingsside har ingen store menuer, bannere eller links til blogindlæg, kun det, der skal til for at gennemføre købet.

Farve, kontrast og størrelse

Der findes ingen magisk knapfarve. Det, der virker, er kontrast: Den primære CTA skal skille sig ud fra resten af siden og have samme farve overalt, så folk lærer at genkende den. De samme krav sikrer også, at alle kan bruge den:

• Tekst på knappen: Kontrast på mindst 4,5:1 mod knappens baggrund (3:1 ved stor tekst) efter WCAG 2.2.
• Knappens kant eller flade: Mindst 3:1 mod omgivelserne, hvis det er det eneste, der viser, at det er en knap.
• Størrelse: Mindst 24 × 24 CSS-pixels som klikflade. I praksis bør en knap på mobil være noget større, så den er nem at ramme med tommelfingeren.
• Rigtig HTML: Brug et link til navigation og en knap til handlinger, og sørg for, at den kan nås med tastaturet og har synligt fokus.

Webtilgængelighed er ikke kun god stil. For webshops er der lovkrav, og vi hjælper med det på vores side om webtilgængelighed.

Hvordan måler du, om din CTA virker?

En CTA er kun god, hvis den får folk til at handle, og det skal måles. I Google Analytics 4 gør du sådan:

1. Mål klik på knappen som en hændelse (event), fx via Google Tag Manager med en klik-trigger på knappens CSS-klasse eller tekst.
2. Mål selve resultatet, ikke kun klikket. For formularer bruger du GA4’s anbefalede hændelse generate_lead, for webshops add_to_cart og purchase.
3. Markér de vigtigste hændelser som nøglebegivenheder (key events), så du kan se dem i rapporterne og bruge dem i Google Ads.
4. Udregn klikraten for CTA’en: klik ÷ sidevisninger × 100. Sammenlign den med sidens konverteringsrate, altså hvor mange af de besøgende der ender med at gennemføre handlingen.

Mange klik og få konverteringer peger på et problem efter knappen, typisk en for lang formular eller en uventet pris. Få klik peger på selve CTA’en: placering, tekst eller tilbud.

Test i stedet for at gætte

Er du i tvivl om tekst, placering eller farve, så lad de besøgende afgøre det med en A/B test. Vis to versioner til hver sin halvdel af trafikken, og lad testen køre, til du har nok konverteringer til at kunne stole på resultatet. Test én ting ad gangen, ellers ved du ikke, hvad der gjorde forskellen. På sider med lidt trafik giver det ofte mere mening at forbedre tilbuddet og teksten ud fra kundernes spørgsmål end at vente månedsvis på et testresultat.

CTA’er uden for hjemmesiden

CTA’en gælder alle steder, du kommunikerer:

• Google Ads: Skriv handlingen i annonceteksten, og brug sitelinks til de vigtigste undersider.
• Meta og LinkedIn: Vælg den knap, der matcher landingssiden. “Book nu” skal føre til en booking, ikke til forsiden.
• Nyhedsbreve: Én tydelig hovedhandling pr. mail virker bedre end ti ligeværdige links.
• Google Business Profile: Udfyld knapperne til opkald, website og booking, så lokale kunder kan handle direkte fra søgeresultatet.

Tjekliste til din næste CTA

• Siden har én tydelig primær handling.
• Knapteksten starter med et verbum og siger, hvad man får.
• Der er en kort linje ved knappen, der fjerner tvivl.
• CTA’en står øverst, efter argumenterne og i bunden.
• Kontrasten er mindst 4,5:1 for teksten, og knappen er nem at ramme på mobil.
• Klik og konverteringer bliver målt i GA4.
• Det, der sker efter klikket, svarer til det, knappen lover.

Ofte stillede spørgsmål

Kilder: W3C: Contrast (Minimum) · W3C: Non-text Contrast · W3C: Target Size (Minimum) · Google Analytics: Anbefalede hændelser

“Folk klikker ikke på knapper. De klikker på det, de får bagefter.”

Du er velkommen til at læse mere i nogle af vores andre blogindlæg