Call to Action (CTA): Psychologie, Beispiele und Platzierung

Ein Call to Action entscheidet darüber, ob aus einem Seitenbesuch eine Anfrage, eine Anmeldung oder ein Kauf wird. Gemeint ist die Handlungsaufforderung, die deinen Besuchern sagt, was sie als Nächstes tun sollen: meistens ein Button, manchmal ein Link oder ein einzelner Satz. Hier liest du, warum CTAs wirken und wie du sie formulierst, gestaltest, platzierst und misst.

Was ist ein Call to Action?

Ein CTA ist immer an ein Ziel gebunden. Auf einer Produktseite ist das der Kauf, auf einer Leistungsseite die Anfrage, in einem Blogartikel vielleicht die Newsletter-Anmeldung. Führen Besucher die gewünschte Handlung aus, spricht man von einer Conversion. Richtwerte für deren Anteil findest du in unserem Artikel zur guten Conversion Rate.

Warum ein Call to Action wirkt: die Psychologie dahinter

Das Fogg Behavior Model des Stanford-Forschers BJ Fogg beschreibt Verhalten mit einer kurzen Formel: B = MAP. Eine Handlung passiert, wenn Motivation, Fähigkeit (also wie leicht etwas fällt) und ein Auslöser, der Prompt, zur gleichen Zeit zusammenkommen.¹ Der CTA ist dieser Auslöser. Fehlende Motivation kann er nicht ersetzen, aber er entscheidet, ob vorhandene Motivation in einen Klick mündet.

Klarheit: Wer weiß, was passiert, klickt eher

Unklare Beschriftungen erzeugen Unsicherheit. Die Nielsen Norman Group kritisiert Labels wie „Mehr erfahren“, weil Nutzer nicht wissen, was sie nach dem Klick erwartet und ob sich das Warten auf die nächste Seite lohnt.²

Reibung: Je leichter der nächste Schritt, desto häufiger wird er gemacht

Im Fogg-Modell gleicht hohe Fähigkeit geringe Motivation aus: Je einfacher eine Handlung, desto weniger Motivation braucht es.¹ Für deinen CTA heißt das: Jedes zusätzliche Pflichtfeld, jeder Zwischenschritt und jede unklare Folge erhöht die Hürde.

Verlustaversion: Was entgeht, wiegt schwerer

Daniel Kahneman und Amos Tversky haben gezeigt, dass die meisten Menschen Verluste stärker meiden, als sie gleich große Gewinne anstreben. Kahneman erhielt für diese Forschung 2002 den Wirtschaftsnobelpreis.¹¹ Ein CTA nutzt den Effekt auf ehrliche Weise, wenn er zeigt, was ohne Klick ausbleibt, etwa „Frühbucherpreis bis 30. November sichern“, sofern die Frist echt ist.

Die Grenze liegt bei Druck und Beschämung. Ablehnungs-Links wie „Nein danke, ich zahle lieber den vollen Preis“ gelten als Confirmshaming, ein Deceptive Pattern, bei dem Nutzer emotional zu einer Handlung gedrängt werden, die sie sonst nicht gewählt hätten.¹²

Social Proof: Was andere tun, senkt die Hürde

In einem Hotel-Feldexperiment testeten Goldstein, Cialdini und Griskevicius Hinweiskarten zur Wiederverwendung von Handtüchern. Der Hinweis, dass die Mehrheit der Gäste ihre Handtücher wiederverwendet, führte zu einer Quote von 44,1 %, der klassische Umweltschutz-Appell nur zu 35,1 %.¹³ Übertragen auf deinen CTA: Eine echte Angabe zur Zahl deiner Kundinnen und Kunden oder eine konkrete Bewertung direkt am Button kann die Entscheidung erleichtern.

Arten von CTAs: primär, sekundär und je nach Kanal

Auf den meisten Seiten konkurrieren mehrere Handlungen um Aufmerksamkeit, deshalb braucht es eine Rangfolge:

• Primärer CTA: die eine Handlung, auf die die Seite hinarbeitet, zum Beispiel „Angebot anfordern“. Er bekommt die auffälligste Gestaltung.
• Sekundärer CTA: eine Alternative für alle, die noch nicht so weit sind, etwa „Preisliste ansehen“ oder „Rückruf vereinbaren“. Er tritt optisch zurück, zum Beispiel als Outline-Button oder Textlink.

Das Baymard Institute nennt vier Merkmale, die den primären Button im Checkout erkennbar machen: eigene Gestaltung, Hervorhebung, gleichbleibende Position und eine beschreibende Beschriftung. 48 % der untersuchten Onlineshops vernachlässigen mindestens eines davon.³ Reserviere den Stil des Haupt-Buttons deshalb für genau diese eine Aktion.

Welcher CTA passt, hängt von Ziel und Kanal ab. Beim Leads generieren geht es um Anfragen, im Shop um den Kauf, im Content-Marketing oft um die Newsletter-Anmeldung.

CTA auf der Landingpage

Eine Landingpage hat idealerweise genau ein Ziel. Zur Einordnung: In der Auswertung von Unbounce über mehr als 41.000 Landingpages lag die Conversion Rate im Median branchenübergreifend bei 6,6 %, je nach Branche zwischen 3,8 und 12,3 %.¹⁴ Die Werte beziehen sich auf Conversions der ganzen Seite, nicht auf Klicks auf einen einzelnen Button.

CTA im Newsletter

Plane pro Mailing einen klar hervorgehobenen Haupt-CTA und setze weitere Themen als Textlinks. Baue Buttons als HTML-Element: Lädt das E-Mail-Programm keine Bilder, bleibt ein HTML-Button trotzdem lesbar und klickbar.

E-Mail war in der Unbounce-Auswertung mit durchschnittlich 19,3 % der Kanal mit der höchsten Conversion Rate auf Landingpages.¹⁴ Wie deine Klickrate im Vergleich dasteht, zeigt unser Überblick zur guten Click Through Rate.

CTA auf Social Media, in Anzeigen und in den Suchergebnissen

In Werbeanzeigen wählst du den Button meist aus einer festen Liste. LinkedIn bietet für Single-Image-Anzeigen zum Beispiel zehn Optionen, darunter „Learn More“, „Register“ und „Request Demo“.¹⁵ Weil diese Buttons generisch sind, müssen Anzeigentext und Überschrift sagen, was man bekommt und was nach dem Klick passiert.

In organischen Posts steht der CTA im Text selbst, etwa als Frage oder als Hinweis auf den Link. Auch in der Google-Suche wirkt die Meta-Description wie eine Handlungsaufforderung. Wie du sie auf Klicks ausrichtest, steht in unserem Leitfaden CTR optimieren.

CTA im Onlineshop: Pflichtformulierungen beachten

Beim Bestellbutton endet die kreative Freiheit. Nach § 312j BGB muss die Schaltfläche, mit der Verbraucher eine kostenpflichtige Bestellung abschicken, gut lesbar mit nichts anderem beschriftet sein als „zahlungspflichtig bestellen“ oder einer entsprechend eindeutigen Formulierung. Fehlt das, kommt der Vertrag nicht zustande.¹⁶

Für online abschließbare Abos und andere Dauerverträge verlangt § 312k BGB außerdem eine Kündigungsschaltfläche mit der Aufschrift „Verträge hier kündigen“ oder einer entsprechend eindeutigen Formulierung.¹⁷

CTA Texte formulieren: Beispiele für gute und schwache Calls to Action

Der Text auf dem Button beantwortet die Frage, warum jemand jetzt klicken sollte. Als Ausgangspunkt für erste Varianten:

• Mit Verb und Ergebnis: „Checkliste als PDF laden“ ist klarer als „Download“, „Erstgespräch vereinbaren“ klarer als „Kontakt“.
• Einfach bleiben: Laut Unbounce erreichten Landingpages in einfacher Sprache (Lesestufe 5. bis 7. Klasse) eine Conversion Rate von 11,1 %, Seiten auf professionellem Sprachniveau 5,3 %.¹⁴ Das ist eine Korrelation, passt aber zum Prinzip geringer Reibung.
• Unsicherheit am Button abbauen: Eine kurze Zeile unter dem Button beantwortet die letzte offene Frage, etwa „Abmeldung jederzeit möglich“ oder „Antwort innerhalb von zwei Werktagen“. Voraussetzung: Es stimmt.
• Perspektive testen: Ob „Meinen Testzugang starten“ besser funktioniert als „Deinen Testzugang starten“, klärt nur ein A/B-Test.

Die folgenden CTA Beispiele zeigen typische Schwachstellen und eine stärkere Alternative:

Call to Action Button gestalten: Farbe, Form und Größe

Ein guter Button ist sofort als Button erkennbar, hebt sich ab und lässt sich mit dem Daumen sicher treffen. Wie er mit dem Rest der Seite zusammenspielt, steht im Artikel Was macht eine gute Website aus?

Farbe und Kontrast

Die eine Farbe, die immer am besten konvertiert, gibt es nicht. Das Baymard Institute versteht Farbe als visuelles Signal, das den primären Button von den übrigen Buttons abhebt.³ Ob Orange, Grün oder Blau: Entscheidend sind der Kontrast zur Umgebung und dass die Farbe auf der Seite dem Haupt-CTA vorbehalten bleibt.

WCAG 2.2 verlangt auf Stufe AA für Bedienelemente einen Kontrast von 3:1 bei allem, was nötig ist, um das Element zu erkennen,⁴ und für normal große Beschriftung 4,5:1.⁵ Wie oft das verfehlt wird, zeigt der WebAIM Million Report 2026: Auf 83,9 % der eine Million meistbesuchten Startseiten fand sich Text mit zu geringem Kontrast.¹⁸

Form: Der Button muss wie ein Button aussehen

Flache Designs mit schwachen Signalen kosten Zeit. In einem Eyetracking-Experiment der Nielsen Norman Group brauchten Testpersonen auf Seiten mit schwach erkennbaren klickbaren Elementen im Schnitt 22 % mehr Zeit und hatten 25 % mehr Fixationen als auf Seiten mit deutlichen Signalen.¹⁹

Eine gefüllte Fläche, etwas Weißraum rund um den Button und sichtbare Zustände für Hover und Tastaturfokus machen klar, dass hier geklickt werden kann. Ghost-Buttons mit dünner Linie eignen sich eher für sekundäre CTAs.

Größe und Touch-Ziele auf dem Smartphone

In der Unbounce-Auswertung fanden 83 % der Landingpage-Besuche auf Mobilgeräten statt.¹⁴ Diese Vorgaben für Touch-Ziele gibt es:

• WCAG 2.2, Stufe AA: mindestens 24 x 24 CSS-Pixel, mit Ausnahmen etwa für Links im Fließtext oder bei ausreichendem Abstand.⁶
• WCAG 2.2, Stufe AAA: mindestens 44 x 44 CSS-Pixel.²⁰
• Apple: 44 x 44 pt als Standardgröße für Bedienelemente unter iOS und iPadOS.²¹
• Google: mindestens 48 x 48 dp, das entspricht etwa 9 mm, mit mindestens 8 dp Abstand zum nächsten Element.⁷

Mehr Fläche hilft auch am Desktop. Nach Fitts’ Gesetz hängt die Zeit bis zum Treffer von Größe und Entfernung des Ziels ab: Große, nahe Ziele werden schneller erreicht, und mit der Größe sinkt die Fehlerquote.²²

Barrierefreiheit

Ein CTA, den nicht alle bedienen können, verschenkt Conversions. Laut WebAIM enthielten 30,6 % der untersuchten Startseiten mindestens einen leeren Button, also eine Schaltfläche ohne auslesbaren Text.¹⁸ Achte deshalb auf diese Punkte:

• sichtbare Beschriftung oder ein aussagekräftiges Label bei Icon-Buttons
• ein deutlich sichtbarer Tastaturfokus
• eine Beschriftung, die auch ohne umgebenden Text verständlich ist²

Für Dienstleistungen im elektronischen Geschäftsverkehr, die nach dem 28. Juni 2025 für Verbraucher erbracht werden, gilt zudem das Barrierefreiheitsstärkungsgesetz (BFSG). Kleinstunternehmen, die Dienstleistungen anbieten, sind von den Anforderungen ausgenommen.²³ Ob dein Angebot betroffen ist, solltest du im Einzelfall prüfen lassen.

CTA Platzierung: oben, weiter unten oder mehrfach

Der Rat, den CTA immer „above the fold“ zu platzieren, also im ersten sichtbaren Bildschirm, stimmt nur noch zum Teil. 2010 entfielen in den Eyetracking-Studien der Nielsen Norman Group 80 % der Betrachtungszeit auf den Bereich oberhalb des Folds. 2018 waren es 57 %, und 74 % der Betrachtungszeit lagen in den ersten beiden Bildschirmhöhen.⁸

Der erste Bildschirm bleibt wichtig, doch Nutzer scrollen, wenn die Seite ihnen einen Grund dazu gibt.⁹ Daraus ergeben sich vier Faustregeln:

• Einfache, bekannte Angebote wie Newsletter, Download oder ein Produkt mit bekanntem Preis: CTA in den ersten Bildschirm.
• Erklärungsbedürftige oder teure Angebote: CTA nach den Argumenten, die Motivation aufbauen, und an jedem Entscheidungspunkt wiederholen, etwa nach Nutzen, Referenzen und Preisen.
• Formulare: Den Absende-Button direkt unter das letzte Feld setzen. So bleibt der Weg für Maus und Daumen kurz.²²
• Lange Seiten: Den primären CTA am Ende wiederholen, damit niemand zurückscrollen muss.

A/B-Tests und Messung: Klickrate und Conversion Rate

Um einen CTA zu bewerten, brauchst du zwei Kennzahlen:

• CTA-Klickrate: Klicks auf den CTA geteilt durch die Zahl der Sitzungen, in denen er angezeigt wurde. Daran erkennst du, ob der CTA wahrgenommen wird und Interesse weckt.
• Conversion Rate: abgeschlossene Ziele wie Kauf, Anfrage oder Anmeldung geteilt durch die Besucher. Hier siehst du, ob der Klick auch zum Ergebnis führt.

Am Ende zählt die Conversion Rate. Ein reißerischer CTA kann die Klickrate erhöhen und trotzdem weniger Anfragen bringen, wenn die Zielseite das Versprechen nicht hält.

Wie oft Bauchgefühl danebenliegt, zeigt eine Auswertung von Ronny Kohavi und Kollegen: Bei Microsoft verbesserte nur etwa ein Drittel der getesteten Ideen die Kennzahl, für die sie entwickelt wurden.¹⁰ Für deine Tests heißt das:

• Pro Test nur eine Sache ändern, also Text, Farbe oder Position. Sonst bleibt unklar, was gewirkt hat.
• Die Zielmetrik vorher festlegen, idealerweise die Conversion und nicht nur den Klick.
• Klicks als Event erfassen, etwa in Google Analytics 4, damit du Klickrate und Conversion je Variante vergleichen kannst.

Bei wenig Traffic liefern A/B-Tests oft kein belastbares Ergebnis. Dann zeigen Nutzerinterviews oder Session-Aufzeichnungen, wo Besucher vor dem Klick hängen bleiben.

Häufige Fehler beim Call to Action

• Zu viele gleichrangige CTAs: Wenn fünf Buttons gleich laut sind, ist keiner der Hauptweg.
• Vage Beschriftung: „Mehr erfahren“, „Hier klicken“ oder „Absenden“ verraten nicht, was passiert.
• Versprechen ohne Einlösung: Der CTA kündigt „Preise ansehen“ an, die Zielseite zeigt nur ein Kontaktformular.
• Künstlicher Druck: Countdown ohne echte Frist oder Confirmshaming beim Ablehnen.

Checkliste für deinen Call to Action

• Die Seite hat genau einen primären CTA, alle anderen sind sichtbar nachrangig.
• Der Text beginnt mit einem Verb und nennt das Ergebnis.
• Eine Zeile am Button beantwortet die letzte offene Frage zu Kosten, Aufwand oder Datenschutz.
• Der Button ist als Button erkennbar, das Bedienelement erreicht mindestens 3:1 Kontrast, die Beschriftung mindestens 4,5:1.
• Die Trefferfläche misst mobil mindestens 24 x 24 CSS-Pixel, für den Haupt-CTA besser 44 x 44 oder mehr.
• Der CTA steht dort, wo die Entscheidung fällt, auf langen Seiten auch am Ende.
• Bestell- und Kündigungsbuttons tragen die gesetzlich vorgeschriebenen Formulierungen.
• Klicks und Conversions werden je CTA gemessen, größere Änderungen laufen erst als Test.

Der CTA ist der sichtbarste Teil einer Conversion-Strecke, aber selten der einzige Hebel: Angebot, Formular, Ladezeit und Vertrauen auf der Zielseite wirken mit. Wie wir solche Strecken untersuchen und testen, beschreiben wir auf unserer Seite zur Conversion-Optimierung.

Häufige Fragen zum Call to Action

Was bedeutet Call to Action auf Deutsch?

Call to Action heißt wörtlich „Aufruf zum Handeln“, im Deutschen spricht man von Handlungsaufforderung. Gemeint ist jedes Element, das zu einem konkreten nächsten Schritt auffordert, meist ein Button wie „Angebot anfordern“ oder „Newsletter abonnieren“.

Welche Farbe ist die beste für einen CTA Button?

Eine universell beste Farbe gibt es nicht.³ Wichtig sind ein deutlicher Kontrast zur Umgebung, nach WCAG mindestens 3:1 für das Bedienelement,⁴ und dass die Farbe auf der Seite dem Haupt-CTA vorbehalten bleibt.

Wo platziere ich den CTA am besten?

Bei einfachen Angeboten im ersten Bildschirm, bei erklärungsbedürftigen Angeboten nach den wichtigsten Argumenten. Laut Nielsen Norman Group entfallen 57 % der Betrachtungszeit auf den ersten Bildschirm.⁸ Nutzer scrollen aber, wenn die Seite ihnen einen Grund gibt.⁹

Wie groß sollte ein CTA Button auf dem Smartphone sein?

WCAG 2.2 verlangt auf Stufe AA mindestens 24 x 24 CSS-Pixel.⁶ Apple nennt 44 x 44 pt als Standardgröße,²¹ Google empfiehlt mindestens 48 x 48 dp.⁷ Plane den Haupt-CTA lieber etwas größer.