Der CTA-Button ist das kleinste Element auf Ihrer Seite und statistisch das mit dem größten Hebel. Eine Startseite hat vielleicht 2.000 Wörter, 15 Abschnitte, 6 Bilder und einen CTA-Button. Besucher lesen vielleicht 200 dieser Wörter und sehen sich 2 der Bilder an – aber jeder Besucher, der konvertiert, klickt auf den Button. Am Button wird aus der Entscheidung eine Handlung.
Trotzdem verwenden die meisten deutschen Websites noch austauschbare CTAs („Mehr erfahren“, „Klicken Sie hier“, „Kontakt“), platziert dort, wo der Blick nicht natürlich landet, in Farben, die nicht auffallen, und ohne umgebende Texte, die Reibung abbauen. Dieser Leitfaden fasst zusammen, was wir auf Hunderten deutscher B2B- und B2C-Websites getestet haben: Button-Texte, Farbe, Größe, Platzierung, Mikrotexte rund um den Button und die Reihenfolge der A/B-Tests, die funktioniert.
Warum ist der CTA-Text wichtiger als das Design?
Studien bewerten den CTA-Text durchweg als wirksamsten Hebel bei der Button-Optimierung – vor Farbe, Form und Größe. Den Text bewertet der Käufer tatsächlich in der halben Sekunde vor dem Klick. „Jetzt kaufen“ und „Mehr erfahren“ lösen grundlegend unterschiedliche Gedankenlagen aus, selbst bei identischem Design.
Die Regel: Der Button-Text sollte genau zur Gedankenlage des Käufers an dieser Stelle der Seite passen. Besucher der Startseite am Anfang des Funnels reagieren gut auf neugierig machende CTAs wie „Mehr erfahren“ oder „Wie funktioniert es?“. Besucher der Preisseite sind entscheidungsbereiter, daher wirken handlungsorientierte CTAs wie „Plan wählen“ oder „Jetzt starten“ besser. Nutzer im Checkout haben sich bereits festgelegt, daher sind direkte CTAs wie „Jetzt kaufen“ oder „Sicher bezahlen“ am wirksamsten.
Passt Ihr CTA-Text nicht zur Phase des Käufers, drängen Sie entweder zu sehr (Buttons, die eine verfrühte Festlegung verlangen, schrecken ab) oder zu wenig (unverbindliche Buttons konvertieren kaufbereite Besucher nicht). Der häufigste Fehler im deutschen B2B: Überall steht „Mehr erfahren“ – das konvertiert weder die Neugierigen noch die Entschlossenen.
Falls Sie unsere Grundlagen zur Conversion-Optimierung noch nicht kennen, lesen Sie CRO-Leistungen in Deutschland für den strategischen Überblick und Landingpage-Optimierung für das Umfeld, von dem der CTA abhängt.
Welche Button-Texte funktionieren im deutschen B2B-Markt am besten?
Für SaaS-Testphasen und Registrierungen: „Kostenlos testen“ schlägt „Jetzt anmelden“ in unseren Tests um 15–25 %. „Kostenlos“ entkräftet den Preiseinwand von vornherein. Ein Zusatz wie „14 Tage kostenlos testen“ oder „Kostenlos testen – keine Kreditkarte“ bringt weitere 10–15 %.
Für Demo-Anfragen: „Termin buchen“ schlägt „Demo anfordern“, weil es einen konkreten nächsten Schritt statt einer vagen Anfrage verspricht. „Live-Demo buchen“ schlägt „Termin buchen“, wenn Sie betonen wollen, dass im Gespräch etwas passiert. „15-Minuten-Beratung buchen“ setzt eine klare Zeiterwartung und senkt die Angst vor Verbindlichkeit.
Für Preisseiten: „Plan wählen“ oder „Mit [Tarifname] starten“ schlägt das allgemeine „Jetzt kaufen“, weil es bestätigt, dass der Käufer sich für einen Tarif entschieden hat. Der Button greift die Auswahl des Käufers auf.
Für Kontakt- und Angebotsseiten: „Angebot anfordern“ schlägt „Kontakt“ deutlich. Käufer wollen nicht „Kontakt aufnehmen“ – sie wollen ein konkretes Ergebnis. Benennen Sie dieses Ergebnis.
Für B2C-E-Commerce: „In den Warenkorb“ bleibt Standard und funktioniert gut. Varianten wie „Jetzt sichern“ oder „Mein [Produkt] holen“ können in bestimmten Situationen besser abschneiden. „Sofort kaufen“ funktioniert bei Impulskäufen. „Mit Klarna kaufen“ oder „Mit PayPal kaufen“ kann das allgemeine „Jetzt kaufen“ übertreffen, weil die Zahlungsart sofort sichtbar ist.
Für Newsletter-Anmeldungen: nie nur „Abonnieren“. Nennen Sie immer, was der Abonnent bekommt: „Wöchentliche Tipps erhalten“, „10 % Rabatt sichern“, „Meinen Leitfaden herunterladen“.
Sollte der CTA-Text in der ersten oder zweiten Person stehen?
Die erste Person („Mein kostenloses Konto erstellen“, „Meine Demo buchen“) schneidet in unseren Tests im deutschen Markt durchweg besser ab als die zweite Person („Ihr Konto erstellen“, „Ihre Demo buchen“). Die Psychologie dahinter: Die erste Person erzeugt schon vor dem Klick ein Gefühl von Eigentum und Entscheidung.
Die Ausnahme: Bei sehr formellen B2B-Zielgruppen (Recht, Finanzdienstleistungen, öffentliche Auftraggeber) schneidet die Sie-Form in der zweiten Person („Ihre Beratung anfordern“) manchmal besser ab, weil sie dem erwarteten Ton entspricht. Testen Sie gezielt in Ihrer Branche, statt sich pauschal festzulegen.
Erste und zweite Person mischen: vermeiden. „Mein Konto bei Ihnen erstellen“ liest sich holprig. Wählen Sie eine Form und behalten Sie sie bei allen CTAs auf der Seite bei.
Wie lang sollte ein CTA-Text sein?
Kurz (1–3 Wörter) für Folge- und Nebenaktionen. Mittel (3–6 Wörter) für Hauptaktionen, bei denen die Einordnung wichtig ist. Längere Texte nur, wenn direkt ein Einwand beantwortet werden muss.
Beispiele nach Länge:
- 1 Wort: „Weiter“, „Senden“, „OK“ – funktioniert in Abläufen, in denen der Kontext bereits klar ist
- 2 Wörter: „Jetzt kaufen“, „Demo buchen“ – funktioniert bei klaren Aktionen mit einem einzigen Zweck
- 3–4 Wörter: „Kostenlos testen – keine Kreditkarte“ – funktioniert, wenn ein Einwand beantwortet werden muss
- 5+ Wörter: selten; meist ein Zeichen, dass der umgebende Kontext die Botschaft tragen sollte
Vermeiden Sie: „Klicken Sie hier“ – nichtssagend und veraltet. „Submit“ oder andere englische Begriffe auf einer deutschen Website. „Mehr“ – zu vage, wenn das Ziel nicht aus dem Kontext klar wird.
Welche Rolle spielen Farbe und Kontrast?
Es gibt keine allgemein beste Farbe für CTAs. Die richtige Farbe hängt von Ihrer Markenpalette ab und davon, was auf Ihrer konkreten Seite den stärksten Kontrast erzeugt. Grüne CTAs funktionieren hervorragend, wenn Ihre Seite überwiegend weiß und blau ist. Orange CTAs funktionieren hervorragend auf überwiegend weißen und dunkelblauen Seiten. Das Muster: Wählen Sie eine Farbe, die kein anderes Element auf der Seite verwendet, und testen Sie dann einzelne Farbtöne.
Wichtiger als die Farbe ist das Kontrastverhältnis. Der CTA muss herausstechen und darf nicht mit den umgebenden Designelementen verschmelzen. Mindestens 4,5:1 Kontrast zum Hintergrund gemäß WCAG AA (Barrierefreiheit). Für den primären CTA einer Seite nach Möglichkeit mehr (7:1).
Rote CTAs: funktionieren bei Dringlichkeit und im Verbraucher-E-Commerce. Wirken im deutschen B2B aggressiv. Verwenden Sie im B2B Grün, Blau oder Orange, sofern Sie keinen besonderen Grund für Rot haben.
Schwarze CTAs auf weißem Hintergrund: High Fashion, minimalistisch, Premium-Positionierung. Funktioniert für Luxus, designorientiertes B2B-SaaS und designbewusste Marken. Funktioniert nicht im klassischen B2B, wo Sichtbarkeit wichtiger ist als Ästhetik.
CTAs in der Markenfarbe: nur sinnvoll, wenn die Markenfarbe genug Kontrast zum Seitenhintergrund hat. Ist Ihre Markenfarbe zugleich die Akzentfarbe der Seite, geht der CTA optisch unter. Ändern Sie dann entweder den Einsatz der Markenfarbe auf der Seite oder verwenden Sie eine andere CTA-Farbe.
Wie groß sollten CTA-Buttons sein?
Mobil: mindestens 44 × 44 px Tippfläche gemäß Apple HIG und Google Material Design. Realistisch funktionieren 48–56 px Höhe mit 12–16 px horizontalem Innenabstand am besten. Kleinere Buttons wirken gedrängt und werden verfehlt; größere wirken verzweifelt.
Desktop: 44–56 px Höhe mit ausreichend horizontalem Innenabstand für den Text. Der Text sollte bequem in den Button passen, ohne gedrängt zu wirken – der Button darf aber nicht wie ein Banner aussehen.
Primärer CTA größer als sekundärer: ja, immer. Die Hierarchie muss auf einen Blick erkennbar sein. Sieht ein Käufer zwei gleich große Buttons, hält er inne, um abzuwägen – und jedes Innehalten senkt die Conversion.
CTAs in voller Breite auf Mobilgeräten: gewinnen bei Hauptaktionen meist. Der CTA füllt den verfügbaren Platz und ist eindeutig die nächste Aktion. Wenden Sie das aber nicht pauschal an; auf überladenen Seiten wirken Buttons in voller Breite zu aggressiv.
Was gehört rund um den CTA-Button?
Die 100 Pixel rund um den CTA-Button sind die wertvollste Fläche Ihrer Seite. Nutzen Sie sie gezielt.
Über dem CTA: ein Satz mit Nutzen oder Risikoumkehr. Beispiele:
- „14 Tage kostenlos testen – jederzeit kündbar“
- „Über 1.200 Mittelstand-Unternehmen vertrauen uns“
- „Kostenlose Lieferung ab 50 €“
- „Rückgabe innerhalb von 30 Tagen“
Unter dem CTA: ein Vertrauenssignal oder ein unterstützender Fakt. Beispiele:
- Trusted-Shops-Siegel
- „Sichere Zahlung mit SSL-Verschlüsselung“
- Kundenzahl oder Bewertung
- „Sicher und DSGVO-konform“
Nicht überladen: höchstens ein Element darüber und eines darunter. Mehr lässt den Button optisch untergehen, und der Käufer weiß nicht, welchem Signal er trauen soll.
Zur Auswahl der Vertrauenssignale lesen Sie unseren Ratgeber zu Vertrauenssignalen und Conversion und unseren Ratgeber zu Social Proof im deutschen Markt.
Wo auf der Seite sollte der primäre CTA erscheinen?
Die Regel „above the fold“ wird überschätzt. CTAs funktionieren im sichtbaren Bereich, weiter unten und in fixierten Positionen. Das Ziel: Ein CTA ist immer dann sichtbar, wenn ein Käufer die Absicht zum Handeln gefasst hat – egal, wo er sich auf der Seite befindet.
Auf Startseiten: ein CTA im Hero-Bereich, ein sekundärer CTA am Ende jedes größeren Abschnitts und ein abschließender CTA im Schlussblock. Käufer fassen ihre Absicht an unterschiedlichen Stellen, je nachdem, was sie überzeugt – holen Sie sie dort ab.
Auf langen Landingpages: ein CTA alle 600–800 Pixel Scrolltiefe. Wer nach Absatz 3 überzeugt ist, sollte nicht bis hinter Absatz 11 scrollen müssen, um einen Button zu finden.
Auf Produktseiten: primärer CTA weit oben (Preis plus „In den Warenkorb“), wiederholt nach den technischen Daten und mobil zusätzlich in einer fixierten Leiste am unteren Rand. Drei Positionen, derselbe CTA-Text.
Auf Preisseiten: ein CTA pro Tarifkarte, dann nichts im mittleren Teil und ein abschließender CTA unter der Vergleichstabelle. Die Mitte der Seite dient der Bewertung, nicht dem Handeln.
Fixierte CTAs auf Mobilgeräten: gewinnen auf Shopseiten fast immer. Bei B2B-SaaS können sie aufdringlich wirken – testen Sie, bevor Sie sich festlegen.
Ein CTA oder mehrere?
Die meisten Seiten profitieren von einem primären und einem sekundären CTA. Beispiele:
- Primär: „Kostenlos testen“, sekundär: „Demo buchen“
- Primär: „Jetzt kaufen“, sekundär: „Auf die Wunschliste“
- Primär: „Termin buchen“, sekundär: „Whitepaper herunterladen“
Der sekundäre CTA fängt Käufer auf, die für die Hauptaktion noch nicht bereit sind. Ohne ihn verlieren Sie diese ganz. Mit ihm bleiben sie für die weitere Betreuung in Ihrem Funnel.
Drei oder mehr CTAs mit gleichem visuellem Gewicht: verwirren Käufer und senken die Conversion. Haben Sie tatsächlich drei Zielgruppen (etwa Konzerne, Mittelstand und Kleinunternehmen), sind drei separate Landingpages besser als drei CTAs auf einer Seite.
CTA-Hierarchie: primärer CTA in kräftiger Vollfarbe, sekundärer CTA als umrandeter oder transparenter Button, tertiärer CTA als Textlink. Die visuelle Hierarchie lenkt die Aufmerksamkeit und lässt trotzdem Wahlmöglichkeiten.
Welche CTA-Fehler schaden der Conversion in Deutschland besonders?
Muster, die im deutschen B2B und B2C durchweg schlechter abschneiden:
- Englische CTAs auf einer deutschen Seite: „Get Started“ oder „Sign Up“ auf einer sonst deutschen Website wirkt sofort unstimmig. Übersetzen Sie sauber.
- Vage, austauschbare CTAs: überall „Mehr erfahren“. Konkrete Ergebnisse schlagen vages Erkunden immer.
- Drängende Dringlichkeit ohne Grund: „Nur noch heute!“ auf jeder Seite wird als Werbung abgetan. Setzen Sie Dringlichkeit nur ein, wenn sie wirklich befristet ist.
- Versteckte CTAs: Links, die wie Fließtext statt wie Buttons gestaltet sind. Käufer erkennen sie nicht als Aktion.
- Uneinheitliche CTA-Texte entlang der Customer Journey: Startseite „Kostenlos testen“, Landingpage „Jetzt anmelden“, Checkout „Konto erstellen“. Kontinuität ist wichtig.
- CTAs, die nicht zum Google-Ads-Text passen: Die Anzeige verspricht „14 Tage kostenlos testen“, der CTA auf der Seite sagt „Mehr erfahren“. Die Erwartung des Käufers bricht sofort.
- CTAs, die nur beim Hover reagieren: Buttons, die ihren Zustand nur beim Überfahren mit der Maus zeigen. Mobile Nutzer können nicht hovern.
- Zu blasse Mikrotexte: Vertrauenssignale in 10 px grauer Schrift sind praktisch unsichtbar. Wenn Sie Mikrotexte einsetzen, machen Sie sie lesbar.
Welcher CTA-Text passt zu kaltem und welcher zu warmem Traffic?
Kalter Traffic (erster Besuch, keine vorherige Interaktion): CTAs mit geringer Verbindlichkeit gewinnen. „Mehr erfahren“, „Whitepaper herunterladen“, „Newsletter abonnieren“ wecken Interesse, ohne eine Entscheidung zu verlangen.
Warmer Traffic (wiederkehrende Besucher, weit gescrollt, Preisseite angesehen): CTAs mit höherer Verbindlichkeit gewinnen. „Kostenlos testen“, „Demo buchen“, „Beratung anfordern“ konvertieren Besucher, die sich bereits selbst qualifiziert haben.
Heißer Traffic (Klick aus einer Nurturing-E-Mail, Besuch über eine Anzeige zur Preisseite): CTAs für den direkten Kauf oder eine starke Festlegung gewinnen. „Jetzt kaufen“, „Plan wählen“, „Termin buchen“ funktionieren, weil der Käufer bereits entscheidet.
Die meisten Websites verwenden für kalten und heißen Traffic denselben CTA und verschenken an beiden Enden Conversions. CTAs nach Traffic-Quelle zu segmentieren (oder mit Personalisierungstools je nach Nutzerverhalten zu variieren) gehört zu den wirkungsvollsten CRO-Projekten mittlerer Schwierigkeit.
Welche A/B-Tests sollten Sie bei CTAs zuerst durchführen?
Sortiert nach bisher beobachteter Wirkung:
- Text des primären CTAs – meist 10–30 % Steigerungspotenzial. 3 Varianten über 4–6 Wochen testen.
- Farbe oder Kontrast des CTAs – 3–15 % Potenzial, wenn der aktuelle Button in der Seite untergeht.
- Mikrotext über dem CTA – eine neue oder überarbeitete Zeile über dem Button kann die Conversion um 5–15 % verändern.
- Fixierte CTA-Leiste auf Mobilgeräten – im E-Commerce meist ein Gewinn, im B2B unterschiedlich.
- Button-Größe – von „Standard“ auf „groß“ beim primären CTA bringt oft 3–8 %.
- CTA-Position im sichtbaren Bereich oder darunter – abhängig von Zielgruppe und Seitenziel.
- CTA-Text in erster oder zweiter Person – meist gewinnt die erste Person, testen Sie aber in Ihrem Kontext.
- Zusätzlicher sekundärer CTA – ein unverbindlicher sekundärer CTA steigert oft die Gesamtzahl der gewonnenen Kontakte, auch wenn die primäre Conversion gleich bleibt.
Zur technischen Umsetzung lesen Sie unsere Ratgeber zu A/B-Testing-Tools, statistischer Signifikanz und A/B-Tests in Deutschland.
Wie lange sollte ein CTA-Test laufen?
Mindestens 2 Wochen mit Daten über vollständige Wochenzyklen. Die meisten CTA-Tests brauchen 4–6 Wochen bis zur Signifikanz, weil Conversion-Raten meist bei 1–5 % liegen – kleine Effekte auf kleinen Basisraten erfordern viele Besucher.
Berechnen Sie die Stichprobengröße vor dem Start. Ein typischer CTA-Test auf einer SaaS-Preisseite (aktuelle Rate 12 %, kleinster messbarer Effekt 15 % relativ) braucht rund 3.500 Besucher pro Variante. Hat Ihre Preisseite 500 Besucher pro Woche, sind das 7 Wochen pro Variante oder 14 Wochen für einen A/B-Test. Planen Sie entsprechend oder akzeptieren Sie, dass Sie nur große Effekte testen können.
Brechen Sie Tests nicht vorzeitig ab, nur weil eine Variante zu gewinnen scheint. Falsch-positive Ergebnisse sind der häufigste Fehler beim ungeduldigen Testen. Halten Sie sich an die vorab festgelegte Stichprobengröße und Signifikanzschwelle.
Was gilt für CTAs nach deutschem Recht?
Konkrete rechtliche Punkte:
- CTAs für Abonnements: müssen klar zeigen, was der Nutzer abschließt. Für kostenpflichtige Bestellungen ist nach § 312j BGB („Button-Lösung“) „Zahlungspflichtig bestellen“ oder eine gleichwertige Formulierung Pflicht. Ein allgemeines „Bestellen“ ist bei kostenpflichtigen Abos nicht rechtskonform.
- CTAs in Lead-Formularen: Newsletter-Anmeldungen erfordern ein Double-Opt-in. Der CTA kann „Newsletter abonnieren“ lauten, der Bestätigungsablauf muss aber dokumentiert und DSGVO-konform sein.
- CTAs im Cookie-Banner: Nach TTDSG und aktueller Rechtsprechung muss „Ablehnen“ genauso prominent sein wie „Akzeptieren“. Ein grünes „Akzeptieren“ neben einem grauen oder versteckten „Ablehnen“ ist nicht rechtskonform.
- CTAs für kostenlose Testphasen: Vor der Festlegung muss klar sein, was nach der Testphase passiert (automatische Abbuchung, manuelle Reaktivierung, Herabstufung).
Zur Button-Lösung im Detail: Jeder Button, der eine kostenpflichtige Bestellung auslöst, muss mit „zahlungspflichtig bestellen“ oder einer ebenso eindeutigen Formulierung beschriftet sein. „Bestellen“ oder „Jetzt buchen“ allein wurde von Gerichten als nicht rechtskonform eingestuft.
Was kostet eine professionelle CTA-Optimierung?
Ein fokussiertes CTA-Projekt (Audit, Texte, Design, Einrichtung der A/B-Tests, 4–6 Testzyklen auf den wichtigsten Seiten) kostet typischerweise 3.000–8.000 € bei einer Laufzeit von 4–6 Wochen. Reine CTA-Arbeit wird oft in eine umfassendere Optimierung von Landingpages oder Funnels eingebunden statt separat abgerechnet.
Im Rahmen eines laufenden CRO-Retainers gehören CTA-Tests zu den günstigsten und häufigsten Testarten – typischerweise 2–4 CTA-Tests pro Monat zu den üblichen Retainer-Sätzen. Den Rahmen für Retainer erläutert unser Ratgeber zu den Kosten von CRO in Deutschland.
Häufige Fragen zur Optimierung von CTA-Buttons
Im B2B schaden sie meist. Emojis wirken amerikanisch und weniger seriös. Bei jüngeren B2C-Zielgruppen: testen statt annehmen.
In der Regel nicht. Sie wirken aggressiv. Ausnahme: echte, zeitlich begrenzte Dringlichkeit.
Nein. Dieses US-Muster wirkt auf deutsche Käufer effekthascherisch. Verwenden Sie stattdessen direkte CTAs.
Entscheidend. Deaktivierter Zustand während des Absendens, Ladeanzeige, Erfolgsbestätigung. ARIA-Attribute für die Barrierefreiheit verwenden. Verhindert doppeltes Absenden.
Der CTA sollte zum logischen nächsten Schritt nach der KI-Antwort passen. „Termin buchen“ oder „Kostenlos testen“ statt „Mehr erfahren“.
Bei SaaS ja. CTAs abhängig vom Login-Status sind Standard. Eingeloggte Nutzer sollen zur Nutzung angeregt werden, nicht erneut gewonnen.
Innerhalb Deutschlands kaum. Unterschiede gibt es in der DACH-Region: Österreich („zzgl. USt.“), Schweiz („Fr.“, etwas formellerer Ton).
„Kostenlose Beratung buchen“ oder „15-Minuten-Demo buchen“ – der Mittelstand bevorzugt den persönlichen Kontakt gegenüber Self-Service.
Möchten Sie Ihre CTAs für den deutschen Markt optimieren?
CTA-Optimierung ist die CRO-Arbeit mit dem geringsten Aufwand und der größten Wirkung. Ein einziger Nachmittag mit neuen CTA-Texten und Farbtests kann bei kaufbereitem Traffic 15–30 % mehr Conversions bringen. Zusammen mit Mikrotexten und Vertrauenssignalen ist der Gesamteffekt beträchtlich.
Buchen Sie einen Termin für einen kostenlosen CTA-Audit: Wir prüfen Ihre wichtigsten Seiten, benennen die fünf größten Verbesserungen und zeigen Ihnen, wie Sie diese am schnellsten per Test bestätigen. Oder informieren Sie sich über unsere Leistungen zur Conversion-Optimierung und kontaktieren Sie uns für ein CRO-Projekt, das die CTA-Optimierung als Teil der gesamten Funnel-Arbeit umfasst.
