---
title: "Hvad er en CTA? Eksempler fra hjemmesider og webshops"
url: "https://mikkeltschentscher.dk/viden/webudvikling/cta"
language: "da"
updated: "2026-10-24"
---

# Hvad er en CTA? Eksempler fra hjemmesider og webshops

CTA står for call to action. Det er en opfordring til en konkret handling, for eksempel at se en ledig tid, sende en opgave eller lægge en vare i kurven. En god CTA forklarer næste skridt og sætter en forventning, som den efterfølgende side eller funktion kan indfri.

[![](https://mikkeltschentscher.dk/images/derived/avatar.5f721b7fc11b.png)Mikkel TschentscherWebudvikler siden 2010](https://mikkeltschentscher.dk/)

Udgivet 24\. oktober 2026

## Beskriv den handling, der faktisk sker

Knapteksten skal passe til forløbet. Hvis knappen åbner en formular, skal den ikke love et færdigt tilbud. Hvis den viser ledige tider, er det mere præcist at skrive det end at love en bekræftet booking med det samme.

Der behøver ikke være ét universelt ordvalg på hele hjemmesiden. Brug samme betegnelse for den samme funktion, men lad forskellige handlinger få forskellige, præcise navne. Sammenhængen omkring knappen skal forklare det, der ikke kan stå på selve knappen.

Originale, illustrative knaptekster
| Uklar tekst | Mere konkret tekst | Forudsætning |
| --- | --- | --- |
| Klik her | Se ledige tider | Destinationen viser faktisk tider |
| Få din pris nu | Beskriv din opgave | Næste trin er en afklaring, ikke en prisberegning |
| Læs mere | Se hvad SEO-analysen omfatter | Linket går til leverancen, ikke til forsiden |
| Fortsæt | Gå til levering | Næste trin i købet handler om levering |

## Placér næste skridt, hvor valget giver mening

Vis den primære handling, når læseren har oplysninger nok til at vælge. På en ydelsesside kan en tidlig kontaktmulighed være nyttig for den, der allerede ved, hvad der skal løses. Senere kan den gentages efter leverancer og relevante eksempler.

En guide kan have et link til en relevant ydelse efter svaret. Den behøver ikke afbryde hvert afsnit med en stor salgsknap. Lad overskrifter og indhold give læseren en sammenhængende vej frem for at skabe flere konkurrerende handlinger.

## Formularen er en del af handlingen

Et flot kontaktlink hjælper ikke, hvis formularen fejler på mobil. Gennemfør hele forløbet med realistiske oplysninger og fejl. Det er især vigtigt, når et eksternt system står for booking, betaling eller modtagelse af beskeder.

-   Giv hvert felt en synlig og forståelig label.
-   Forklar nødvendige oplysninger og format, før brugeren sender.
-   Fortæl præcist, hvad der skal rettes, hvis noget er forkert.
-   Bevar indtastede oplysninger, når en rettelse er nødvendig.
-   Vis en klar bekræftelse, og kontrollér at beskeden også når frem.
-   Brug ikke en succesbesked som bevis for en modtaget henvendelse uden at teste modtagelsen.

## Et link navigerer, og en knap udfører en handling

Brug et almindeligt link til en ny side og en knap til en handling som at åbne en dialog eller sende en formular. Tastaturfokus skal være synligt. Det tilgængelige navn skal indeholde den synlige tekst, så den samme handling kan findes med forskellige hjælpemidler.

Kontrollér hele forløbet med tastatur. Hvis en dialog åbner, skal fokus flyttes ind i den, og der skal være en forståelig vej tilbage. På en lille skærm skal handlingen kunne bruges uden at dække vigtige oplysninger eller andre kontroller.

## Skeln mellem et klik og et gennemført forløb

Et CTA-klik viser interesse i næste skridt. Det beviser ikke, at en formular blev sendt, et opkald blev gennemført eller en ordre blev lagt. Navngiv hændelserne efter det, de faktisk registrerer, og rapportér de forskellige trin hver for sig.

Hvis I tester en ændring, så skriv hypotesen før testen og vælg et mål, der passer til den. Sammenligningen kræver nok relevante observationer og opmærksomhed på trafik og sæson. Flere klik er ikke nødvendigvis bedre, hvis de fører til færre kvalificerede henvendelser.

## Kilder og videre læsning

-   [W3C om links og knapper](https://www.w3.org/WAI/ARIA/apg/patterns/button/)
-   [W3C om tilgængelige formularer](https://www.w3.org/WAI/tutorials/forms/)

## Har du en konkret opgave?

Send linket til din hjemmeside og beskriv, hvad du vil have løst. Så afgrænser vi næste skridt og aftaler leverancen, før arbejdet begynder.

-   [Hjemmesideoptimering](https://mikkeltschentscher.dk/services/webudvikling/hjemmeside-optimering)
-   [Google Tag Manager og GA4](https://mikkeltschentscher.dk/services/tracking/google-tag-manager)
-   [Udvikling af hjemmeside](https://mikkeltschentscher.dk/services/webudvikling/hjemmeside-udvikling)

## Læs videre

-   [
    
    ### SEO-tekster: brief, struktur og kvalitet
    
    Skriv SEO-tekster ud fra kundens spørgsmål. Brug det konkrete brief, et originalt redigeringseksempel og en tjekliste til publicering og opfølgning.
    
    
    
    ](https://mikkeltschentscher.dk/viden/seo/seo-tekster)
-   [
    
    ### Hvad er en copywriter, og hvornår har du brug for en?
    
    Forstå copywriterens opgave, forskellen på teksttyper og hvad et brugbart brief skal indeholde. Et originalt eksempel viser, hvordan en tekst bliver mere konkret.
    
    
    
    ](https://mikkeltschentscher.dk/viden/marketing/hvad-er-en-copywriter)

Original: https://mikkeltschentscher.dk/viden/webudvikling/cta