Was ist ein CTA-Button? Call-to-Action, erklärt anhand derjenigen, die tatsächlich angeklickt werden

design · Oct 6, 2026 · 5 min read

CTA steht für Call-to-Action und die CTA-Schaltfläche ist die Schaltfläche, auf die Sie am häufigsten geklickt haben: „Jetzt buchen“, „Angebot anfordern“, „Tisch reservieren“. Es ist der Satz, für dessen Verwirklichung Ihre gesamte Seite erstellt wurde – alles darüber ist ein Argument und die Schaltfläche ist die Frage. Jede Seite hat einen Job (how do i make a website lässt Sie diesen Job zuerst benennen); Der CTA ist der Job, als Button.

warum so viele Knöpfe sterben

Der generische CTA scheitert aus einem leicht nachvollziehbaren Grund: „submit“ fordert den Besucher auf, etwas auszugeben, was er nicht sehen kann. „Submit“ was? an wen? Was passiert danach? Das Zögern des Besuchers ist keine Faulheit, sondern eine unbeantwortete Transaktionsfrage – was gebe ich, was bekomme ich. Die Schaltflächen, auf die geklickt wird, beantworten die Frage:

  • „Senden“ → „Mein kostenloses Angebot anfordern“ – sagt, was ankommt und was es kostet (nichts).
  • „senden“ → „20-minütiges Gespräch buchen“ – gibt den Umfang der Verpflichtung an.
  • „Mehr erfahren“ → „Menü ansehen“ – sagt genau, was der Klick öffnet.
  • „Herunterladen“ → „Preisliste (PDF) anfordern“ – Format und Inhalt, keine Überraschung.

Spezifische Verben schlagen abstrakte, weil Spezifität ein Vertrauenssignal ist – das gleiche Argument wie in what makes a website look trustworthy, angewendet auf vier Wörter statt auf vier Absätze.

die Platzierungsregeln

  • ein primärer CTA pro Bildschirm. Eine Seite kann in ihrem Scrollbereich mehrere Aufgaben erfüllen, aber die Hierarchie jedes Bildschirms sollte seinen nächsten Schritt benennen. Zwei gleiche Knöpfe nebeneinander sind eine Frage, die Sie dem Besucher gestellt haben: „Welchen soll ich wollen?“

  • Above the Fold und an jedem Entscheidungspunkt. Der Besucher, der bei Sekunde drei bereit ist, und derjenige, der bei Sekunde neunzig überzeugt ist, benötigen beide den verfügbaren Button; keiner sollte jagen.

  • Wo das Auge schon hingeht. nach dem Angebot, nach dem Beweis, am natürlichen Ende des Arguments. Die umständliche Schaltfläche, die in der Mitte des Absatzes schwebt, verliert gegenüber der Schaltfläche, die genau dann eintrifft, wenn das Argument eintrifft. Die Entscheidung, wohin Schaltflächen gehen, ist eine eigene Disziplin – die Platzierungsentscheidungen, die ich tatsächlich verwende, sind in ux design tactics i use on my website.

  • der mobile Test. Ein CTA ist ein Daumenziel: Auf einem Telefon muss es mit einer Hand erreichbar sein, groß genug, um ohne Präzision zu treffen, und darf niemals dort platziert werden, wo sich das eigene Chrome des Browsers befindet. Der Layoutkontext befindet sich in what is responsive design.

    was der Button selbst braucht

  • wie das Wichtigste in seinem Bereich aussehen. Das ist die eigentliche Aufgabe der Akzentfarbe – das Knappheitsargument von how many colors should my website use existiert, sodass die eine Aktionsfarbe auf die eine Aktion zeigt.

  • versprechen, nicht fordern. „frei beginnen“, „bekommen“, „sehen“, „versuchen“ – die Verben des Empfangens. „registrieren“, „bereitstellen“, „eintreten“ sind die Verben des Papierkrams. Vergleichen Sie die beiden Listen neben Ihren eigenen Schaltflächen und spüren Sie den Unterschied.

  • um sein Versprechen zu halten. Der schnellste Vertrauenskiller auf einer Website ist eine Schaltfläche mit der Aufschrift „Sofortangebot einholen“ und dem Öffnen eines 14-Felder-Formulars. der Klick weckt eine Erwartung; Die Seite nach dem Klick muss dies respektieren, sonst ist die Lektion, dass Ihre Schaltflächen lügen.

  • eine stille Nebensache. „Nicht bereit? Sehen Sie, wie es funktioniert“ neben der Hauptschaltfläche fängt die noch nicht anwesenden Besucher ein, ohne mit der Frage zu konkurrieren. sekundär bedeutet optisch leiser, oder es bedeutet zwei Primärfarben.

    die Metrik, die jedes Argument klärt

CTA-Debatten enden mit Daten, nicht mit Geschmack: Die Website verfügt bereits über den Maßstab – wie viele Leute klicken und ob sie das Folgende zu Ende bringen. Das ist Conversion-Tracking, und die verständliche Version – was eine Conversion ist und wie das Absenden eines Formulars zu einem zählbaren Ereignis wird – finden Sie in what counts as a conversion for my site. Ändern Sie ein Wort nach dem anderen, messen Sie, behalten Sie den Gewinner.

FAQ: die Fragen, die ich tatsächlich bekomme

Kann ich mehrere CTAs auf einer Seite haben?

mehrere über die gesamte Schriftrolle, ja – eine pro Bildschirm davon. Der Fehler besteht darin, dass mehrere auf einem Bildschirm konkurrieren. eine primäre, eine ruhige sekundäre, nichts anderes, was schreit.

Was ist mit dem Sticky-Button, der der Schriftrolle folgt?

Auf einem Telefon ist es für eine Website mit nur einer Aktion (Anrufen, Buchen, Bestellen) eine ehrliche Ergonomie und verdient seinen Platz. Auf einer Desktop-Seite mit vielen Zielen ist es Rauschen. Beurteilen Sie die Zahl der Arbeitsplätze, nicht den Trend.

Wie lang sollte der Schaltflächentext sein?

zwei bis fünf Wörter, Verb zuerst. „Mein kostenloses Angebot einholen“ ist die Obergrenze des Guten; Danach hört es auf, als Schaltfläche zu lesen, und beginnt, als Satz zum Überspringen vorzulesen.