CTA-Button, der konvertiert: Text, Farbe, Platzierung
Ein guter CTA-Button sagt klar, was nach dem Klick passiert, und nimmt dem Besucher das Risiko. Konkrete Texte wie „Kostenloses Erstgespräch sichern“ schlagen vage Klassiker wie „Mehr erfahren“ meistens, weil sie Nutzen, Risikofreiheit und Handlung in einem Wort nennen. Die Farbe wirkt über Kontrast, nicht über einen bestimmten Farbton. Welche Variante bei dir wirklich gewinnt, zeigt am Ende nur ein A/B-Test.
Von Sebastian Klenk · Zuletzt aktualisiert: 18. Juni 2026
Der CTA-Button ist die Stelle, an der aus einem Besucher eine Anfrage wird, oder eben nicht. Trotzdem steht in den meisten Buttons der Standardtext, den das Theme mitgeliefert hat: „Mehr erfahren“, „Senden“, „Hier klicken“. Ein guter CTA sagt stattdessen klar, was als Nächstes passiert, und nimmt dem Klick das Risiko.
Was ein CTA-Button in zwei Sekunden beantworten muss
Ein Besucher entscheidet schnell, ob er klickt. Der Button muss in dieser kurzen Zeit drei Fragen beantworten: Was bekomme ich? Was kostet es mich? Was passiert direkt nach dem Klick? „Mehr erfahren“ beantwortet keine davon. „Kostenloses Erstgespräch sichern“ beantwortet alle drei: konkretes Ergebnis (Erstgespräch), kein Risiko (kostenlos), klare Handlung (sichern).
Der häufigste Fehler: den CTA aus Sicht des Anbieters formulieren statt aus Sicht des Besuchers. „Anfrage absenden“ beschreibt, was dein System tut. „Angebot anfordern“ beschreibt, was der Kunde bekommt. Die zweite Variante stellt den Nutzen nach vorn, nicht die Mechanik.
Guter und schlechter CTA-Text im direkten Vergleich
Es gibt kein universell perfektes Wort, aber ein klares Muster: Vage Verben verlieren gegen konkrete Versprechen. Ein paar Paare, an denen du das Prinzip sofort siehst:
- Statt „Mehr erfahren“ → „Kostenloses Erstgespräch sichern“ (Ergebnis plus Risikofreiheit)
- Statt „Senden“ → „Angebot anfordern“ oder „In 24 h Rückmeldung erhalten“ (Nutzen plus Erwartung)
- Statt „Jetzt kaufen“ bei einer Beratungsleistung → „Termin auswählen“ (passt zur echten Handlung)
- Statt „Anmelden“ → „Platz reservieren“ (konkreter, klingt nach weniger Aufwand)
- Statt „Download“ → „Checkliste gratis laden“ (was genau, und dass es nichts kostet)
Teste auch die Ich-Perspektive. Buttons in der ersten Person („Meinen Termin sichern“) wirken oft persönlicher als die neutrale Befehlsform. Ob das bei dir besser läuft, hängt von deiner Zielgruppe ab, und genau deshalb gehört es getestet statt geraten.
Farbe und Platzierung: Kontrast schlägt Bauchgefühl
Bei der Farbe wird viel Unsinn verbreitet. Es gibt keine „beste“ CTA-Farbe, weder Grün noch Orange noch Rot. Was zählt, ist Kontrast zum Rest der Seite. Der Button muss sich abheben, am besten in einer Farbe, die sonst kaum vorkommt. Wenn deine ganze Seite blau ist, ist ein blauer Button unsichtbar, egal wie schön der Blauton ist.
Zur Platzierung: mindestens ein CTA oberhalb der Falz, also im sichtbaren Bereich ohne Scrollen. Bei längeren Seiten wiederholst du ihn dort, wo die Entscheidung reift: nach dem Nutzenversprechen, nach den Referenzen, am Seitenende. Ein einzelner CTA ganz unten verschenkt alle, die vorher überzeugt waren und nicht weiterscrollen.
- Hoher Kontrast statt Markenfarbe um jeden Preis: der Button darf auffallen
- Genug Weißraum rundherum, damit das Auge ihn als Klickziel erkennt
- Tap-Fläche auf dem Handy mindestens 44 × 44 px, sonst Fehlklicks
- Eine klare Hauptaktion pro Ansicht, nicht fünf gleich laute Buttons nebeneinander
- Bei längeren Seiten den CTA wiederholen, nicht nur einmal am Ende setzen
Testen statt raten: was beim CTA-Button wirklich gewinnt
Das ehrliche Problem mit allen Tipps oben: Sie sind Ausgangspunkte, keine Garantien. Was beim Handwerksbetrieb gewinnt, kann beim Coaching floppen. Verlässlich beantwortet das nur ein A/B-Test: Du zeigst zwei CTA-Varianten parallel an verschiedene Besucher und misst, welche mehr Klicks und vor allem mehr echte Anfragen bringt.
Wichtig ist die Reihenfolge der Hebel. Der Text bringt meistens den größten Unterschied, dann die Platzierung, dann erst die Farbe. Teste also nicht zuerst drei Grüntöne, sondern „Mehr erfahren“ gegen „Kostenloses Erstgespräch sichern“. Und teste pro Durchlauf nur eine Sache, sonst weißt du am Ende nicht, was den Unterschied gemacht hat. Bei wenig Traffic dauert ein klassischer Test allerdings lange, dann lohnt sich vorher der Blick, ob sich A/B-Testing bei wenig Traffic überhaupt rechnet.
Bevor du testest, lohnt ein nüchterner Blick auf den Ist-Zustand: Wie viele Buttons hat die Seite überhaupt? Konkurrieren sie miteinander? Ist die Hauptaktion klar erkennbar? Ein kostenloser Website-Scan zeigt dir genau diese Schwachstellen, ohne dass du etwas installierst.
Häufige Fragen
Welcher CTA-Button-Text konvertiert am besten?
Einen universellen Gewinner gibt es nicht, aber ein klares Muster: Konkrete, nutzenorientierte Texte schlagen vage Verben. „Kostenloses Erstgespräch sichern“ schlägt meistens „Mehr erfahren“, weil es Ergebnis, Risikofreiheit und Handlung in einem nennt. Den für dich besten Text findest du nur per A/B-Test, weil er von deiner Zielgruppe abhängt.
Welche Farbe sollte ein CTA-Button haben?
Wichtiger als die konkrete Farbe ist der Kontrast zum Rest der Seite. Der Button muss sich deutlich abheben, am besten in einem Ton, der sonst kaum vorkommt. Die oft gehörte „beste Button-Farbe“ gibt es nicht: Ein roter Button auf roter Seite ist genauso unsichtbar wie ein grüner auf grüner.
Wo platziere ich den CTA-Button auf der Seite?
Setze mindestens einen CTA in den sofort sichtbaren Bereich, ohne dass der Besucher scrollen muss. Bei längeren Seiten wiederholst du ihn dort, wo die Entscheidung reift, etwa nach dem Nutzenversprechen und nach Referenzen. Ein einziger CTA ganz unten verschenkt alle, die vorher schon überzeugt waren.
Lohnt sich ein A/B-Test für einen einzelnen Button?
Ja, denn der CTA ist oft der Hebel mit dem besten Verhältnis aus Aufwand und Wirkung. Du änderst nur ein Element und misst direkt, ob mehr Besucher klicken und anfragen. Bei wenig Traffic dauert ein klassischer Test allerdings lange, dann sind Branchen-Erfahrungswerte oder kontextuelle Anpassungen oft der schnellere Weg.
Lass deine Seite kostenlos scannen und sieh in Sekunden, wo deine CTA-Buttons Klicks liegen lassen, bevor du den ersten Test startest.
Website kostenlos scannen