Call to Action: Buttons, die wirklich geklickt werden

1. Einführung: Was ein Call to Action leistet

Ein Button kann perfekt aussehen und trotzdem ins Leere laufen. Schöne Farbe, runde Ecken, mittig platziert, und niemand klickt. Der Grund liegt selten am Design allein. Er liegt an dem, was viele unterschätzen: Ein Call to Action ist kein Deko-Element. Er ist die Weiche zwischen Besucher und Kunde. Wie groß dieser Hebel ist, zeigt eine Auswertung von über 330.000 CTAs. Personalisierte Calls to Action konvertieren demnach rund 202 Prozent besser als generische. Es geht also nicht um Geschmack, sondern um Umsatz.

Auf einen Blick:

• Personalisierte Calls to Action konvertieren laut einer Auswertung von über 330.000 CTAs rund 202 Prozent besser als generische (HubSpot).
• Ein einziges geändertes Wort im Buttontext, „my“ statt „your“, steigerte die Klicks in einem A/B-Test um 90 Prozent (Michael Aagaard, Unbounce).
• Ein guter Call to Action ist kurz: meist nicht länger als fünf bis sieben Wörter (Optimizely).
• Generische Buttons wie „Get Started“ sind mehrdeutig und schwächen die Nutzerführung (Nielsen Norman Group).

Ein Call to Action (CTA) ist eine klar formulierte Handlungsaufforderung auf einer Website, meist ein Button oder Link, der Besucher zu einer konkreten Aktion bewegt: kaufen, anfragen, abonnieren oder herunterladen. Ein wirksamer Call to Action verbindet einen sichtbaren Button, einen handlungsstarken Text und einen klaren Nutzen. So wird aus Besuchern ein Kontakt und am Ende ein Kunde.

Dieser Ratgeber zeigt Ihnen Schritt für Schritt, wie Sie einen Call to Action erstellen, der wirklich geklickt wird. Es geht um Platzierung, um den Buttontext, um Kontrast und um Beispiele aus echten A/B-Tests. Wenn Ihre Seite noch keinen klaren Weg vorgibt, ist ein professionelles Webdesign der erste Hebel, an dem wir ansetzen würden.

2. Warum ein Call to Action über den Erfolg entscheidet

Warum ist ein Call-to-Action wichtig? Weil eine Website ohne ihn wie ein Geschäft ohne Kasse ist. Die Leute schauen sich um, finden es vielleicht schön, und gehen wieder. Der CTA sagt dem Besucher, was als Nächstes zu tun ist. Ohne dieses Signal bleibt selbst der beste Inhalt folgenlos.

Das ist der Punkt, den die meisten Ratgeber übersehen: Es geht nicht um Druck, sondern um Führung. Ein guter Call to Action drängt nicht, er weist den Weg. Wie conversion-starkes Webdesign diesen Weg insgesamt ebnet, zeigt unser Grundlagenbeitrag.

Genau hier liegt der wirtschaftliche Wert. Mehr Besucher zu bekommen, kostet Zeit und Geld. Aus den vorhandenen Besuchern mehr Anfragen zu machen, kostet oft nur einen besseren Buttontext. Die HubSpot-Auswertung von über 330.000 CTAs bringt es auf den Punkt: relevante Calls to Action schlagen generische um rund 202 Prozent. Der Hebel liegt selten im Traffic, sondern im letzten Meter vor dem Klick.

3. Was einen Call to Action Button stark macht

Ein starker Call to Action steht auf drei Beinen: Text, Kontrast und Platzierung. Fehlt eines, wackelt das Ganze. So sieht es im Detail aus.

3.1 Der Buttontext: kurz, konkret, mit Action Verbs

Der Text ist der wichtigste Teil des CTA. Er entscheidet, ob der Besucher versteht, was ihn nach dem Klick erwartet. Die Regel ist simpel: kurz und konkret. Ein guter Call to Action ist meist nicht länger als fünf bis sieben Wörter.

Beginnen Sie mit einem Verb. Action Verbs wie „Sichern“, „Starten“, „Anfragen“, „Herunterladen“ oder „Testen“ geben dem Klick eine Richtung. Englische Beispiele zeigen dasselbe Muster: „Buy now“, „Sign up“, „Get started“ beginnen alle mit einer Handlung. Vermeiden Sie blasse Wörter wie „Senden“ oder „Absenden“. Sie beschreiben die Technik, nicht den Nutzen.

Noch besser wird es mit Nutzen statt Aufgabe. „Kostenloses Angebot sichern“ schlägt „Anfragen“. Der Besucher liest, was er bekommt, nicht was er tun muss. Diese kleine Verschiebung im Wording ist einer der stärksten Hebel überhaupt, wie die A/B-Tests weiter unten zeigen.

3.2 Kontrast und Design: der Button muss herausstechen

Ein CTA Button, der sich farblich in die Seite einfügt, ist wie ein Notausgangsschild in Wandfarbe. Technisch da, praktisch unsichtbar. Der Button braucht eine Farbe, die sich klar vom Hintergrund abhebt. Das Auge soll ihn finden, ohne zu suchen.

Wichtig ist der Kontrast, nicht eine bestimmte „Wunderfarbe“. Es gibt keine Knopffarbe, die universell mehr Klicks bringt. Entscheidend ist, dass der Button die auffälligste Sache auf der Seite ist und sich vom Rest abhebt. Achten Sie zugleich auf ausreichenden Text-Kontrast, damit die Beschriftung lesbar bleibt.

Geben Sie dem Button Luft. Genügend Weißraum rundherum lenkt den Blick und macht das Antippen auf dem Handy treffsicher. Ein CTA Button, der zwischen Text und Bildern eingequetscht ist, geht unter, egal wie gut der Buttontext ist.

3.3 Platzierung: ein klarer Weg statt vieler Buttons

Jede Seite sollte ein primäres Ziel haben und damit einen primären Call to Action. Platzieren Sie ihn weit oben, im sichtbaren Bereich ohne Scrollen, und wiederholen Sie ihn auf langen Seiten in natürlichen Abständen. So begegnet der CTA dem Besucher genau dann, wenn er bereit ist. Besonders wichtig ist das bei der Landingpage-Gestaltung, wo alles auf ein einziges Ziel einzahlt.

Was, wenn der Besucher noch nicht kaufen will? Dafür gibt es den sekundären Call to Action. Er bietet einen kleineren Schritt an, etwa „Mehr erfahren“ neben „Jetzt anfragen“. Der primäre Button bleibt aber immer der auffälligere. Zwei gleich laute Buttons heben sich gegenseitig auf.

Aus der Praxis: In über 15 Jahren und zahlreichen Website-Projekten sehen wir denselben Fehler immer wieder. Auf der Startseite stehen fünf gleichwertige Buttons nebeneinander, jeder ruft etwas anderes. Das Ergebnis: Der Besucher entscheidet sich für nichts. Sobald wir auf einen klaren primären Call to Action reduzieren und die übrigen zu dezenten Links abstufen, wird der Weg sichtbar, und die Anfragen über das Kontaktformular nehmen spürbar zu.

4. Schritt für Schritt: einen wirksamen Call to Action erstellen

Theorie ist gut, ein Vorgehen ist besser. So erstellen Sie einen Call to Action, der seine Aufgabe erfüllt. Vier Schritte, in dieser Reihenfolge.

1. Ziel der Seite festlegen. Was soll der Besucher hier tun? Anfragen, kaufen, anrufen? Eine Seite, ein Hauptziel. Aus diesem Ziel ergibt sich der primäre Call to Action.
2. Den Buttontext schreiben. Beginnen Sie mit einem Verb und nennen Sie den Nutzen. „Kostenlosen Termin sichern“ statt „Senden“. Halten Sie ihn unter sieben Wörtern.
3. Den Button sichtbar machen. Kontrastfarbe, genügend Weißraum, ausreichend groß für den Daumen. Der CTA Button muss das auffälligste Element der Seite sein.
4. Platzieren und wiederholen. Oben in den sichtbaren Bereich, auf langen Seiten zusätzlich weiter unten. Sekundäre Aktionen dezenter halten als den primären CTA.

Und dann der wichtigste Schritt, den fast alle auslassen: testen. Kein Mensch weiß vorab sicher, welcher Buttontext gewinnt. Genau deshalb prüfen Sie Varianten gegeneinander, statt zu raten.

5. A/B-Testing: drei Beispiele, die belegen, was funktioniert

Beim A/B-Testing zeigen Sie der Hälfte Ihrer Besucher Variante A, der anderen Variante B, und messen, welche mehr Klicks bringt. Ein CTA ist das einfachste Element zum Testen, weil schon ein Wort viel bewegt. Drei dokumentierte Beispiele machen das greifbar.

Das bekannteste stammt von Conversion-Forscher Michael Aagaard. Er änderte in einem Test nur ein Wort, von „Start your free trial“ zu „Start my free trial“. Das Ergebnis: 90 Prozent mehr Klicks, allein durch den Wechsel von „your“ zu „my“. Die Auswertung bei Unbounce erklärt den Effekt mit Besitzdenken: „my“ lässt den Besucher die Handlung als seine eigene begreifen.

Zweites Beispiel, ebenfalls aus der Praxis: Ein Buttontext wurde von „Order Information“ zu „Get Your Free Quote“ geändert. Die Klicks stiegen um 38 Prozent. Der Grund ist derselbe wie oben. Der neue Text nennt den Nutzen, nicht die Pflicht.

Drittes Beispiel ist die große Linie hinter allem: die HubSpot-Auswertung mit rund 202 Prozent mehr Conversions durch personalisierte, relevante Calls to Action. Es ist nicht die Farbe, die den Unterschied macht, sondern die Relevanz der Botschaft. Wer einen CTA testet, testet im Kern, wie gut er seine Besucher versteht.

Sie brauchen dafür kein großes Tool. Schon zwei Versionen über ein paar Wochen geben ein klares Bild.

6. Call to Action Beispiele und internationale Best Practices

Der Begriff stammt aus dem englischen Marketing, und die meisten Beispielsammlungen sind englisch. Ein Blick darauf lohnt sich, denn die Muster gelten sprachunabhängig. Hier ein paar Call to Action Beispiele zum Abschauen, deutsch wie englisch:

• „Kostenlosen Termin sichern“ (Dienstleister) und „Jetzt 14 Tage testen“ (Software)
• „Get Your Free Quote“ statt blassem „Order Information“
• „Start my free trial“ statt „Start your free trial“
• Klassiker im E-Commerce: „Buy now“, „Sign up“, „Add to cart“

Die englischen Leitfäden fassen die Regeln in wenigen Sätzen zusammen. Diese internationale Best-Practice-Zusammenfassung zeigt das Muster, das hinter jedem starken CTA steckt:

What is a call to action? A call to action is a prompt that tells the user what to do next. The call to action is a clear call to action and an effective call to action that prompts immediate action. The goal is to get visitors to take action: to click, or to make a purchase when they are ready to act. Keep one call to action per page, make it easy to act, and use action words to prompt the user to take action.

The best way to test your call to action is to try a second version, because you need to make it easy and visible enough to find. These call-to-action examples show the pattern, and each call to action example follows it. Adapt these CTA examples to your website, bring the call to action to the top, and match each CTA to the user. To get more sign-ups, you need to give users to sign up for a newsletter or to create an account a clear reason, and get them to click. This is how to write a call to action that works.

Das Muster ist immer gleich: ein klares Ziel, ein Verb, ein Nutzen. Sprache und Branche ändern nur die Worte, nicht das Prinzip.

7. Häufige Fehler bei Calls to Action

Manche Fehler sehen wir auf Kunden-Websites immer wieder. Sie sind leicht zu beheben, sobald man sie kennt.

• Zu viele Calls to Action: Fünf gleichwertige Buttons lähmen die Entscheidung. Ein klarer primärer CTA gewinnt fast immer.
• Vager Text: „Get Started“ oder „Mehr“ sagen nicht, was passiert. Sie senken die Klickbereitschaft, weil der Besucher das Risiko nicht einschätzen kann.
• Kein Kontrast: Ein Button in Hintergrundfarbe wird übersehen, so gut der Buttontext auch ist.
• Versteckt unten: Liegt der einzige CTA ganz am Seitenende, sehen ihn nur die wenigen, die so weit scrollen.
• Nie getestet: Wer nie eine zweite Variante prüft, verschenkt den günstigsten Conversion-Hebel überhaupt.

Besonders der vage Text wiegt schwer. Die Nielsen Norman Group warnt ausdrücklich vor generischen Knöpfen: „Die Formulierung ‚Get Started‘ ist mehrdeutig und kann auf fast jedes Ziel zutreffen, das ein Nutzer haben könnte“ (Original: „The phrase Get Started is ambiguous and can apply to almost any goal that a user might have“). Ihre Empfehlung ist klar: „Wenn Sie einen Einstieg in einen Prozess anbieten wollen, vermeiden Sie eine generische Handlungsaufforderung und erhöhen Sie den Informationsgehalt, indem Sie präzise benennen, was Nutzer erwartet.“

Auch zur Kürze gibt es eine klare Ansage. Optimizely fasst es so: „Ein guter Call to Action sollte eine kurze Phrase sein, kein ganzer Satz. Die meisten sind nicht länger als fünf bis sieben Wörter“ (Original: „A good call to action should be a short phrase, not a sentence. Most are no longer than five to seven words“). Mehr Text bedeutet hier nicht mehr Überzeugung, sondern mehr Reibung. Wenn aus Klicks dann auch Sichtbarkeit werden soll, hilft eine begleitende SEO-Beratung, damit überhaupt genug Besucher auf Ihren CTA treffen.

8. Fazit

Ein guter Call to Action ist kein Zufall. Er ist die Summe aus klarem Text, sichtbarem Button und der richtigen Platzierung, geprüft an echten Zahlen statt am Bauchgefühl.

Das Ziel ist ein einfaches Bild: Ein Besucher landet auf Ihrer Seite, sein Blick fällt sofort auf einen Button, der in einem Wort sagt, was er davon hat. Er klickt, ohne zu zögern. Aus der Suchanfrage von heute Morgen wird eine Nachricht in Ihrem Postfach. Genau diesen reibungslosen Moment baut ein durchdachter Call to Action für jeden Besucher neu.

Fangen Sie klein an. Ein Button, ein klarer Nutzen, etwas Kontrast, eine zweite Testvariante. Mehr braucht der erste Schritt nicht.

9. Anhang: Checkliste für klickstarke Call to Action Buttons

Gehen Sie Ihre wichtigsten Seiten mit dieser Liste durch. Jeder Punkt, den Sie abhaken können, bringt Sie näher an einen CTA, der wirklich geklickt wird.

• Hat die Seite ein klares Hauptziel und genau einen primären Call to Action?
• Beginnt der Buttontext mit einem Verb und nennt er den Nutzen?
• Ist der Text kurz, höchstens fünf bis sieben Wörter?
• Hebt sich der Button durch Kontrast und Weißraum klar ab?
• Steht der CTA oben im sichtbaren Bereich und auf langen Seiten zusätzlich weiter unten?
• Ist der sekundäre Call to Action dezenter als der primäre?
• Läuft gerade ein A/B-Test mit einer zweiten Buttontext-Variante?

Kontakt aufnehmen

Sie möchten Ihre Calls to Action überarbeiten lassen oder eine Website, die Besucher klar führt? Schreiben Sie uns, wir melden uns innerhalb von 24 Stunden:

Disclaimer: Alle genannten Studien, Testergebnisse und Prozentwerte sind Momentaufnahmen aus den zum Zeitpunkt der Erstellung verfügbaren Quellen und der Agentur-Praxis. Sie können je nach Branche, Zielgruppe und Umsetzung abweichen. Diese Inhalte ersetzen keine individuelle Conversion-Beratung.