Call-to-Action (CTA)

Wie du die nächste Handlung so formulierst, dass sie zur Aufgabe und zum Vertrauen der Menschen passt

Ein visuelles oder textliches Element, das Nutzer zu einer bestimmten Handlung auffordert – der entscheidende Moment zwischen Interesse und Conversion.

Einsteiger2 Min Lesezeit

Erklärung starten

Auf einen Blick

3 Punkte

  1. Klare Handlungsaufforderung: Was soll der Nutzer tun?
  2. Visuell hervorgehoben: Farbe, Größe, Platzierung
  3. Nutzenorientiert formuliert: 'Kostenlos testen' statt 'Absenden'

Sofortantwort

CTA einfach erklärt

Aufforderung zur Handlung – Button, Link oder Text, der zur Conversion führt.

Kurz gesagt
Klare Handlungsaufforderung: Was soll der Nutzer tun?
Typischer Einsatz
Marketing, Lead Generation, Newsletter
Wichtig zu wissen
Nutzenorientiert formuliert: 'Kostenlos testen' statt 'Absenden'

Call-to-Action im Überblick

Ein Call-to-Action (CTA) ist die Aufforderung an den Nutzer, jetzt etwas zu tun. Ohne CTA wissen Besucher oft nicht, was der nächste Schritt ist – selbst wenn sie interessiert sind.

Gute vs. schlechte CTAs:

SchlechtBesserWarum
“Absenden”“Kostenlos starten”Nutzen statt Aktion
“Hier klicken”“Angebot sichern”Spezifisch statt generisch
“Weiter”“Zum Checkout”Klar, was passiert
“Mehr erfahren”“Preise ansehen”Konkreter nächster Schritt

Die Anatomie eines guten CTAs:

┌─────────────────────────────────┐
│                                 │
│   🎯 Testversion kostenlos      │
│        starten                  │
│                                 │
│   Keine Kreditkarte nötig      │
│                                 │
└─────────────────────────────────┘
     ↑              ↑
  Nutzen      Einwand entkräften

CTA-Formel:

Handlungsverb + Nutzen + (optional) Dringlichkeit

"Starten" + "kostenlos" + "jetzt"
= "Jetzt kostenlos starten"

Technisch betrachtet

CTA-Typen

Primärer CTA:

  • Hauptziel der Seite
  • Visuell dominant
  • Möglichst klar von sekundären Optionen abgegrenzt

Sekundärer CTA:

  • Alternative Aktion
  • Weniger prominent
  • “Mehr erfahren” neben “Kaufen”

Tertiärer CTA:

  • Zusätzliche Optionen
  • Text-Links
  • Footer-Aktionen

Visuelle Hierarchie

Primär:    [████████████████]  Groß, farbig, prominent
Sekundär:  [────────────────]  Outline, kleiner
Tertiär:   Textlink            Nur Text

Kontrast-Prinzip:

  • CTA sollte sich klar von der Umgebung abheben
  • ausreichend Whitespace um den CTA
  • Größe und Hierarchie passend zur Wichtigkeit wählen

CTA-Platzierung

Above the Fold:

  • Für bekannte Produkte/Marken
  • Wiederkehrende Besucher
  • Einfache Angebote

Nach Social Proof:

  • Nach Testimonials
  • Nach Kundenzahlen
  • Nach Bewertungen

Nach Einwandbehandlung:

  • Nach FAQ
  • Nach Preisvergleich
  • Nach Garantie-Info

Sticky CTA:

.sticky-cta {
  position: fixed;
  bottom: 0;
  /* Immer sichtbar beim Scrollen */
}

A/B-Testing für CTAs

Was testen:

ElementVarianten
Text“Kaufen” vs. “Jetzt sichern”
FarbeGrün vs. Orange
GrößeStandard vs. größerer Touch-/Klickbereich
Positionverschiedene Platzierungen im Layout
Dringlichkeitmit vs. ohne zeitlichen oder kontextuellen Hinweis

Beispiel-Test:

Variante A: "Kostenlos testen"
Variante B: "Testversion starten"
Variante C: "Jetzt starten"

Gewinner ist die Variante mit statistisch und wirtschaftlich relevantem Uplift.

Psychologische Trigger

Dringlichkeit:

  • zeitlich begrenzte Angebote, wenn sie echt sind
  • begrenzte Verfügbarkeit, wenn sie nachvollziehbar ist
  • Countdown-Timer nur bei realer Frist

Social Proof:

  • echte Kunden- oder Nutzersignale
  • nachvollziehbare Bestseller- oder Beliebtheitssignale
  • Bewertungen oder Testimonials nahe am CTA

Risiko-Reduktion:

  • “Keine Kreditkarte nötig”
  • “Jederzeit kündbar”
  • klare Rückgabe- oder Garantiebedingungen

Exklusivität:

  • “Nur für Newsletter-Abonnenten”
  • “Early Access”
  • “VIP-Zugang”

Mobile CTAs

Best Practices:

  • ausreichend großes Touch-Target nach gängigen UX- und Accessibility-Richtlinien
  • Thumb-Zone beachten (unterer Bildschirmbereich)
  • Sticky Bottom Bar für wichtige CTAs
  • Keine Hover-Effekte (gibt’s nicht auf Mobile)
┌─────────────────┐
│                 │
│    Content      │
│                 │
│                 │
├─────────────────┤
│ [Jetzt kaufen]  │ ← Sticky, immer sichtbar
└─────────────────┘

Schritt für Schritt

Wie ein Call-to-Action tatsächlich hilft

  1. Nächste sinnvolle Handlung wählen

    Leite die Aktion aus dem Stand der Entscheidung ab. Wer ein Thema erst versteht, braucht etwas anderes als jemand, der ein Angebot bereits vergleichen oder starten möchte.

  2. Ergebnis klar benennen

    Formuliere, was nach dem Klick passiert und welchen Nutzen die Person erwarten kann. Konkrete Worte schaffen Orientierung, während Druck und künstliche Verknappung Vertrauen beschädigen können.

  3. Im passenden Moment platzieren

    Setze den CTA dort, wo die erforderliche Information vorhanden ist und die nächste Frage entsteht. Er muss sichtbar und zugänglich sein, aber darf nicht den Inhalt oder andere wichtige Entscheidungen überdecken.

  4. Wirkung im Zusammenhang prüfen

    Bewerte Klicks zusammen mit Abschluss, Qualität und späterer Zufriedenheit. Ein häufiger Klick ist kein Erfolg, wenn Menschen danach abbrechen oder etwas anderes erwartet haben.

Konkretes Beispiel

Ein CTA verspricht den richtigen nächsten Schritt

Ein Fachbeitrag erklärt die Grundlagen von RAG und richtet sich an Teams, die das Thema zunächst einordnen wollen. Am Ende steht bisher nur ein allgemeiner Button mit der Aufschrift Mehr erfahren.

Unklare Aktion

Lesende wissen nicht, ob sie nach dem Klick eine Produktdemo, weitere Grundlagen oder ein Verkaufsgespräch erwartet. Der Button konkurriert mit mehreren Links und passt nicht zur frühen Lernphase.

Passende Aktion

Der Beitrag bietet jetzt einen klar benannten Leitfaden zur ersten RAG-Entscheidung an. Produktgespräche werden erst dort vorgeschlagen, wo Menschen bereits Anforderungen und mögliche nächsten Schritte kennen.

Einordnung

Vorteile und Grenzen

Das spricht dafür

  • Macht aus Interesse einen klaren und selbstbestimmten nächsten Schritt.
  • Verbindet Inhalt, Angebot und Messung entlang einer konkreten Aufgabe.
  • Hilft, unnötige Ablenkung und missverständliche Erwartungen zu reduzieren.

Das solltest du beachten

  • Ein CTA kann fehlende Relevanz oder ein unpassendes Angebot nicht ausgleichen.
  • Zu viele gleichwertige Handlungen erschweren Orientierung und Priorisierung.
  • Klickzahlen ohne Folgekennzahlen können eine falsche Optimierung belohnen.
Vertiefung · für Fortgeschrittene

Von Information zur Handlung

Wissenskarte

Nächster Schritt

Landing Page
Zielseite mit einem klaren Conversion-Ziel.
Conversion Rate
Anteil der Nutzer, die eine gewünschte Aktion ausführen.
User Journey
Alle Schritte eines Nutzers von der ersten Berührung bis zur langfristigen Bindung.
A/B-Testing
Ein Verfahren zum Vergleich zweier Varianten durch Nutzeraufteilung.
Funnel Analysis
Analyse der Nutzer-Schritte von Awareness bis Conversion.
Ein guter CTA verbindet den Informationsstand einer Person mit einer Handlung, deren Ergebnis verständlich, passend und messbar ist. CTA gliedert sich in: Landing Page, Conversion Rate, User Journey, A/B-Testing, Funnel Analysis.

01Einsatzbereiche

Wann ist CTA sinnvoll?

Geeignet für

  • Marketing'In den Warenkorb', 'Jetzt kaufen' – direkte Kaufaufforderung
  • Lead Generation'Whitepaper herunterladen', 'Demo anfragen'
  • Newsletter'Jetzt anmelden', 'Updates erhalten'
  • Digital'Kostenlos starten', 'Testversion starten'

↑ Inhalt

02Werkzeuge

Womit CTA umgesetzt wird

↑ Inhalt

Merksatz

Ein CTA ist wie der Kellner, der fragt 'Darf ich dir die Rechnung bringen?'

ohne diese Frage würden viele Gäste ewig sitzen bleiben, obwohl sie längst zahlen wollten.

  1. Klare Handlungsaufforderung: Was soll der Nutzer tun?
  2. Visuell hervorgehoben: Farbe, Größe, Platzierung
  3. Nutzenorientiert formuliert: 'Kostenlos testen' statt 'Absenden'

04Redaktion

Herkunft und Stand

Redaktion und Aktualität

Ebenex RedaktionRedaktion

Veröffentlicht
Aktualisiert

Dieses Feld entwickelt sich schnell. Oben stehen Veröffentlichung und letzte Änderung; ein Prüfdatum kommt dazu, sobald die Erklärung nach ihrer letzten Änderung geprüft wurde.

↑ Inhalt

05FAQ

Häufige Fragen zu CTA

Welche Farbe funktioniert am besten für CTAs?

Es gibt keine universell beste Farbe. Wichtig sind Kontrast, Markenfit, visuelle Hierarchie und Barrierefreiheit. Tests auf der eigenen Seite sind aussagekräftiger als allgemeine Farbregeln.

Wie viele CTAs sollte eine Seite haben?

Meist hilft ein klarer primärer CTA pro Seite oder Abschnitt. Sekundäre CTAs können sinnvoll sein, sollten aber die Hauptaktion nicht verwässern.

Was ist besser: 'Jetzt kaufen' oder 'In den Warenkorb'?

Das hängt von Kontext, Kaufphase, Produkttyp und Erwartung ab. 'In den Warenkorb' wirkt oft weniger endgültig, 'Jetzt kaufen' direkter. Testen ist sinnvoll.

Sollte der CTA above the fold sein?

Oft ja, aber nicht ausschließlich. Bei komplexen Produkten brauchen Nutzer erst Kontext und Vertrauen. CTAs sollten dort erscheinen, wo Nutzer bereit für den nächsten Schritt sind.

↑ Inhalt

06Weiterlernen

Was möchtest du als Nächstes verstehen?

  • Grundlage nachholen

    Bounce Rate

    Anteil der Besucher, die ohne Interaktion die Website verlassen.

  • Technisch vertiefen

    Conversion Rate

    Anteil der Nutzer, die eine gewünschte Aktion ausführen.

↑ Inhalt