Call-to-Action (CTA)

Einfach erklärt

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:

Schlecht	Besser	Warum
”Absenden"	"Kostenlos starten”	Nutzen statt Aktion
”Klicken Sie hier"	"Angebot sichern”	Spezifisch statt generisch
”Weiter"	"Zum Checkout”	Klar, was passiert
”Mehr erfahren"	"Preise ansehen”	Konkreter nächster Schritt

Die Anatomie eines guten CTAs:

┌─────────────────────────────────┐
│                                 │
│   🎯 Jetzt 14 Tage kostenlos   │
│        testen                   │
│                                 │
│   Keine Kreditkarte nötig      │
│                                 │
└─────────────────────────────────┘
     ↑              ↑
  Nutzen      Einwand entkräften

CTA-Formel:

Handlungsverb + Nutzen + (optional) Dringlichkeit

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

Technischer Deep Dive

CTA-Typen

Primärer CTA:

• Hauptziel der Seite
• Visuell dominant
• Nur einer pro Viewport

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-Farbe sollte sonst nirgends vorkommen
• Whitespace um den CTA
• Größer als andere Buttons

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:

Element	Varianten
Text	”Kaufen” vs. “Jetzt sichern”
Farbe	Grün vs. Orange
Größe	Standard vs. 20% größer
Position	Links vs. Mitte vs. Rechts
Dringlichkeit	Mit vs. ohne “Nur heute”

Beispiel-Test:

Variante A: "Kostenlos testen"     → 3.2% CR
Variante B: "14 Tage gratis"       → 3.8% CR
Variante C: "Jetzt starten – 0€"   → 4.1% CR
                                      ↑ Gewinner

Psychologische Trigger

Dringlichkeit:

• “Nur noch heute”
• “Letzte 5 Plätze”
• Countdown-Timer

Social Proof:

• “12.847 Kunden vertrauen uns”
• “Bestseller”
• Sterne-Bewertung neben CTA

Risiko-Reduktion:

• “Keine Kreditkarte nötig”
• “Jederzeit kündbar”
• “30 Tage Geld-zurück”

Exklusivität:

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

Mobile CTAs

Best Practices:

• Mindestens 44x44px Touch-Target
• 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
└─────────────────┘