Zum Hauptinhalt springen

Gute Call to Actions für deine Website mit vielen Beispielen

Was ein Call to Action ist, wie du ihn formulierst und wo er hingehört. Mit Beispielen für jede Situation, vom ersten Kontakt bis zur Anfrage.

Veröffentlicht am 5 Min. Lesezeit

Offene weiße Tür in einem hellen, leeren Raum

Das Wichtigste in Kürze

  • Ein Call to Action ist eine Einladung zur Entscheidung, nicht nur ein auffälliger Button.
  • Gute CTAs sagen konkret, was nach dem Klick passiert, etwa „30 Minuten unverbindlich sprechen“.
  • Der CTA muss zur Situation des Besuchers und zum Ton der Website passen.
  • Eine Hauptaktion pro Abschnitt, gut treffbar auf dem Handy und mit gutem Kontrast.

Von Benny ScheyAktualisiert am

„Jetzt klicken.“ „Hier buchen.“ „Mehr erfahren.“

Call to Actions, kurz CTAs, begegnen uns auf jeder Website. Und trotzdem wirken sie oft wie Fremdkörper. Wie ein Verkäufer, der im falschen Moment das falsche Angebot macht.

Das liegt daran, dass viele CTAs nur als Buttons verstanden werden. Ein Call to Action ist aber kein Gestaltungselement. Er ist eine Einladung zu einer Entscheidung.

Was ein Call to Action ist

Call to Action bedeutet übersetzt Handlungsaufforderung. Auf deiner Website ist es die Stelle, an der du fragst, was der Besucher jetzt tun möchte. Meist ist das ein Button oder ein Link, manchmal auch ein Satz mit einer Telefonnummer. Er ist der Übergang von Information zu Handlung, von Interesse zu Kontakt. Damit gehört er zu den wichtigsten Stellen deiner Seite.

Bevor jemand klickt, beantwortet er sich still ein paar Fragen:

  1. Ist das für mich relevant?
  2. Fühlt sich das richtig an?
  3. Was passiert, wenn ich klicke?
  4. Lohnt sich der Aufwand?

Bleibt eine dieser Fragen offen, passiert nichts.

Der Denkfehler, CTA gleich Button

„Wir brauchen da noch einen Button. Mach ihn orange, dann fällt er auf.“ Das ist kein CTA, das ist eine optische Notlösung.

Je aufdringlicher ein Button, desto misstrauischer werden Besucher. Menschen haben gelernt, alles zu übersehen, was nach Werbung aussieht. Ein guter CTA fügt sich so in den Inhalt ein, dass er wie die logische Fortsetzung des Gedankens wirkt.

Vier Dinge, die einen guten CTA ausmachen

1. Der richtige Moment

Wer gerade erst auf deiner Seite gelandet ist, will nicht sofort buchen. Wer schon überzeugt ist, braucht kein „Mehr erfahren“. Viele Websites bieten den letzten Schritt an, bevor der erste gemacht ist. Passende Beispiele für jede Phase findest du weiter unten.

2. Konkret statt allgemein

„Kontakt aufnehmen“ ist technisch richtig, aber leer. Es sagt nichts darüber, was danach passiert.

  • „Mehr erfahren“ wird zu „So läuft ein Projekt mit mir ab“.
  • „Jetzt kontaktieren“ wird zu „30 Minuten unverbindlich sprechen“.
  • „Hier klicken“ wird zu „Preisliste ansehen“.
  • „Angebot anfordern“ wird zu „Festpreis für dein Projekt anfragen“.

Konkrete Texte helfen auch Menschen mit Screenreader. Sie hören oft nur die Liste aller Links und Buttons, und „Hier klicken“ sagt dort gar nichts.

3. Der Ton muss passen

Wenn deine ganze Website ruhig und nahbar klingt und dann ein Button „JETZT GRATIS STRATEGIECALL BUCHEN!!!“ ruft, kracht es. Der Stilbruch kostet Vertrauen. Schreib deine CTAs so, wie du auch sonst schreibst.

  • Statt „GRATIS BERATUNG!!!“ lieber „Unverbindlich sprechen“
  • Statt „JETZT BUCHEN!!!“ lieber „Termin vereinbaren“

4. Kontext vor Einladung

Ein CTA ganz oben funktioniert, wenn dein Angebot sofort klar ist oder die Besucher schon wissen, was sie wollen, etwa aus einem Newsletter. Sonst gilt, erst Kontext schaffen, dann einladen. Auf langen Seiten hilft es, den Haupt-CTA nach jedem wichtigen Abschnitt und am Ende noch einmal anzubieten.

Call to Action Beispiele für jede Situation

Erster Kontakt

Besucher kennen dich noch nicht und wollen sich erst orientieren.

  • „So arbeite ich“
  • „Beispiele ansehen“
  • „Projekte aus deiner Branche ansehen“
  • „In drei Minuten erklärt, was ich mache“

Interesse ist da

Besucher haben verstanden, was du anbietest, und überlegen, ob es passt.

  • „Kostenloses Erstgespräch vereinbaren“
  • „30 Minuten kennenlernen“
  • „Projekt kurz schildern“
  • „Frage stellen, Antwort in 24 h“

Entscheidung steht an

Besucher sind überzeugt und wollen den nächsten verbindlichen Schritt gehen.

  • „Festpreis-Angebot anfragen“
  • „Termin wählen“
  • „Paket Sichtbarkeit anfragen“
  • „Jetzt reservieren“

Kleine Schritte

Nicht jeder CTA muss zur Anfrage führen. Kleinere Schritte bauen Vertrauen auf.

  • „Kundenstimmen lesen“
  • „Referenzen ansehen“
  • „Mehr zum Thema im Blog“
  • „Newsletter mit einem Tipp pro Monat“

Wer schon zwei, drei kleine Schritte gegangen ist, geht den großen leichter.

Für bestimmte Branchen

  • Restaurant: „Tisch reservieren“, „Speisekarte ansehen“, „Anrufen“
  • Praxis: „Termin online buchen“, „Anfahrt und Parken“
  • Handwerk: „Kostenlose Besichtigung vereinbaren“, „Foto vom Schaden schicken“
  • Coaching: „Kennenlerngespräch buchen“, „Passt das zu mir? Kurz-Check starten“

Gestaltung, die die Botschaft unterstützt

  • Eine Hauptaktion pro Abschnitt. Zu viele gleich starke Buttons lähmen.
  • Hierarchie: Der wichtigste CTA ist ein gefüllter Button, Nebenaktionen sind schlichter.
  • Genug Abstand: Weißraum lenkt den Blick.
  • Gut zu treffen: Auf dem Handy groß genug für den Daumen und nicht zu dicht an anderen Links.
  • Kontrast: Der Text auf dem Button muss gut lesbar sein, auch für Menschen mit Sehschwäche.
  • Echter Button im Code: Nur dann funktioniert er mit Tastatur und Screenreader.

Messen, was wirkt

Ob ein CTA funktioniert, siehst du nur, wenn du misst. Erfasse Klicks auf deine wichtigsten Buttons und abgeschickte Formulare als Ereignisse, zum Beispiel mit dem Google Tag Manager in GA4 oder mit einer cookielosen Statistik wie Umami. Wichtiger als die Zahl der Klicks ist, wie viele daraus echte Anfragen werden.

Typische Fehler

  • Zu viele CTAs auf einmal: Wer alles anbietet, lässt Besucher ratlos zurück.
  • CTAs ohne Zusammenhang: Ein Button mitten im Nichts wirkt beliebig.
  • Falsche Dringlichkeit: „Nur heute“, und das jeden Tag. Das merkt jeder.
  • Überall „Mehr erfahren“: Nutze Texte, die den nächsten Schritt beschreiben.
  • Formular hinter dem Klick zu lang: Ein guter CTA nützt nichts, wenn danach zwanzig Pflichtfelder warten.

Kurz zusammengefasst

Menschen klicken nicht auf Buttons, sie folgen Einladungen. Ein guter Call to Action passt zum Moment, sagt konkret, was passiert, und klingt wie der Rest deiner Website. Dann fühlt er sich nicht wie Verkauf an, sondern wie die natürliche Antwort auf das, was der Besucher gerade denkt.

Wo der erste CTA deiner Seite hingehört, steht im Beitrag Was in die Hero Section deiner Website gehört. Und wie das auf einer Seite mit nur einem Ziel aussieht, im Ratgeber Was ist eine Landingpage?

Titelbild: Foto von Philipp Berndt über StockSnap, Lizenz CC0 (öffnet in neuem Tab), gefunden über Openverse.

Schlagworte:Call to ActionCTAConversionButtons

Häufige Fragen

  • Was bedeutet Call to Action?

    Call to Action heißt wörtlich Handlungsaufforderung. Gemeint ist die Stelle auf einer Website, einer Anzeige oder in einer E-Mail, an der Leser zu einem bestimmten nächsten Schritt eingeladen werden, meist mit einem Button oder Link. Abgekürzt wird er CTA.

  • Wie viele Call to Actions gehören auf eine Seite?

    Pro Abschnitt eine Hauptaktion, höchstens mit einer schlichteren Alternative daneben. Auf langen Seiten darf derselbe Haupt-CTA mehrfach vorkommen, etwa oben, nach den Belegen und am Ende.

  • Welche Farbe sollte ein Call-to-Action-Button haben?

    Eine Farbe, die sich klar vom Rest der Seite abhebt und zu deinem Design passt. Eine bestimmte Farbe wirkt nicht immer besser. Wichtig ist, dass der Text auf dem Button gut lesbar ist, mit einem Kontrast von mindestens 4,5 zu 1.

  • Was ist ein guter CTA für ein Erstgespräch?

    Einer, der Zeitaufwand und Verbindlichkeit klar macht, zum Beispiel „30 Minuten kennenlernen, kostenlos“ oder „Termin für ein Erstgespräch wählen“. So weiß der Besucher, worauf er sich einlässt.

Alle Beiträge