Ein einziger Button entscheidet darüber, ob ein Besucher kauft, einen Termin bucht oder wegklickt. Trotzdem behandeln die meisten Onlineshops den Call-to-Action Button als Nachgedanke: schnell ein “Jetzt kaufen” eingefügt und fertig. Dabei kann eine geänderte Formulierung die Conversion Rate um 20 bis 90 Prozent verschieben, ohne einen Cent mehr Budget. Das zeigen A/B-Tests immer wieder.
Dieser Artikel zeigt 25 konkrete call to action beispiele, erklärt warum sie funktionieren und welcher Kontext jeweils passt. Dazu gibt es einen interaktiven Generator für passende call-to-action button texte nach Branche und Ziel sowie eine Optimierungs-Checkliste zum Abhaken.
Was ist ein Call-to-Action Button?
Ein Call-to-Action (CTA) ist eine direkte Handlungsaufforderung, die Besucher zu einer konkreten Aktion führt: zum Kauf, zur Newsletter-Anmeldung, zur Terminbuchung oder zum Download. Der Begriff stammt aus dem Marketing und bezeichnet jeden Hinweis auf einer Webseite, der eine Reaktion auslösen soll.
Klassische call-to-action button beispiele kennt jeder:
- „Jetzt kaufen”
- „Kostenlos testen”
- „Mehr erfahren”
- „Termin buchen”
Der entscheidende Punkt ist der Aufbau. Ein effektiver CTA besteht aus drei Teilen:
Lead-in: Eine kurze Einleitung, die erklärt warum die Aktion sinnvoll ist. „Spare 20 % auf deine erste Bestellung” ist ein Lead-in, der den Klick vorbereitet.
Call-to-Action Button: Der eigentliche Button mit dem Aktionstext. Kurz, klar, im Imperativ oder in der ersten Person. Er löst die Aktion aus.
Lead-out: Ein kurzer Satz nach dem Button, der Bedenken ausräumt. „Keine Kreditkarte nötig. Jederzeit kündbar.” ist ein Lead-out. Er nimmt die letzte Hürde.
Viele Seiten haben nur den Button selbst. Wer alle drei Elemente kombiniert, konvertiert messbar besser, weil jeder Teil eine andere psychologische Kaufhürde überwindet.
Warum Call-to-Action Buttons über deine Conversion Rate entscheiden
Zwischen 1 und 3 Prozent der Besucher klicken auf einen typischen call to action button. Das klingt wenig, macht bei 1.000 Besuchern täglich aber bereits 10 bis 30 potenzielle Kunden aus. Eine Verdoppelung dieser Rate durch bessere CTAs kostet nichts und kann den Umsatz ohne zusätzliches Werbebudget spürbar steigern.
Ein paar Größenordnungen aus der Praxis:
- Personalisierte call-to-action beispiele in erster Person konvertieren laut HubSpot bis zu 202 Prozent besser als generische Imperative
- Zeitlimits und begrenzte Verfügbarkeit erhöhen die Conversion Rate in Tests um bis zu 332 Prozent
- Scarcity-CTAs wie „Nur noch 5 auf Lager” erzielen bis zu 67 Prozent höhere Conversion Rates als generische Alternativen
- Ein Lead-out wie „Kein Risiko, jederzeit kündbar” erhöht die Anmelderate für kostenlose Trials in vielen Tests um 30 bis 50 Prozent
Wenn du deine Conversion Rate steigern willst, sind Call-to-Action Buttons der erste und häufig wirksamste Hebel. Bevor mehr Geld in Ads oder SEO fließt, lohnt die Frage: Konvertiert das, was ich habe, überhaupt gut genug?
25 Call-to-Action Beispiele die wirklich funktionieren
Die 25 call to action beispiele unten sind nach Anwendungsfall gruppiert. Zu jedem steht, was ihn wirksam macht und wo er hingehört.
Call-to-Action Beispiele für E-Commerce
1. „Jetzt kaufen” Der direkteste call-to-action button im E-Commerce. Auf Produktseiten funktioniert er gut, weil Nutzer mit konkreter Kaufabsicht ankommen. Kein Kontext nötig.
2. „In den Warenkorb” Höhere Klickrate als „Kaufen”, weil er keine endgültige Entscheidung impliziert. Der Nutzer kann noch zurück. Shopify-Shops bevorzugen diesen call-to-action button deshalb auf Produktseiten mit vielen Varianten.
3. „Mein Exemplar sichern” Erste Person statt Imperativ. Der Nutzer trifft die Entscheidung in seiner eigenen Sprache, nicht auf Befehl. Tests zeigen bis zu 90 Prozent höhere Conversion im Vergleich zu „Kaufen”.
4. „Jetzt sichern” „Sichern” impliziert Besitz und aktiviert leicht das Verlustgefühl. Für hochpreisige oder limitierte Produkte besser geeignet als das neutrale „kaufen”.
5. „Heute bestellen, morgen da” CTA mit integriertem Lieferversprechen. Schlägt zwei Hürden auf einmal: Zeitdruck und Unsicherheit über die Lieferzeit.
6. „Nur noch 3 auf Lager, jetzt kaufen” Scarcity direkt in den call to action button gebaut. Bei Bestsellern wirksam. Nur verwenden wenn es stimmt, sonst bricht das Vertrauen weg.
7. „Jetzt kaufen, später bezahlen” Für Shops mit Klarna oder PayPal. Senkt die Kaufhürde bei mittleren und höheren Preisen, weil der Schmerz des Zahlens nach hinten verschoben wird.
8. „Sale endet um Mitternacht” Zeitdruck als CTA-Text. Wirksam bei Flash-Sales, weil FOMO ohne weitere Erklärung aktiviert wird.
Call-to-Action Beispiele für Newsletter und Lead-Gen
9. „10 % Rabatt sichern” Macht den Mehrwert der Newsletter-Anmeldung zum call-to-action button. Statt „Newsletter abonnieren” steht der Vorteil im Mittelpunkt, nicht die Aktion.
10. „Ja, ich will sparen” Erste Person plus aktive Entscheidung. Der Nutzer bestätigt eine positive Absicht statt auf einen generischen Button zu klicken. Einer der stärksten Newsletter-CTAs.
11. „Gratis Tipps abonnieren” „Gratis” senkt die Hürde. „Tipps” formuliert den Mehrwert konkret. Gut für informationsgetriebene Shops und Blogs mit hohem Contentvolumen.
12. „Wöchentliche Angebote direkt ins Postfach” Kein klassischer Button-Text, sondern ein Lead-in, der gleichzeitig als CTA wirkt. Frequenz und Kanal werden transparent kommuniziert.
13. „Gratis Guide herunterladen” Für Lead-Magneten. Die Kombination aus „gratis” und einem konkreten Format konvertiert deutlich besser als generische Download-Buttons.
Call-to-Action Beispiele für Dienstleistungen und Agenturen
14. „Kostenloses Erstgespräch buchen” Top-Performer für Agenturen, Berater und Dienstleister. Drei Schlüsselelemente in einem call-to-action button: kein Risiko (kostenlos), konkrete Aktion (buchen), klarer nächster Schritt (Erstgespräch).
15. „Strategie-Call buchen” Positioniert die Beratung höherwertiger als ein gewöhnliches „Gespräch”. Der Begriff „Strategie” kommuniziert Expertise, bevor das Gespräch überhaupt stattfindet.
16. „Termin in 30 Sekunden buchen” Die Zeitangabe im CTA kommuniziert, wie wenig Aufwand die Aktion bedeutet. Nimmt die gefühlte Hürde der Terminbuchung weg.
17. „Unverbindlich anfragen” Soft-CTA für erklärungsbedürftige Dienstleistungen. Kein Kaufdruck, kein Risiko. Gut für Nutzer im oberen Bereich des Funnels.
18. „Kostenlose Erstanalyse anfragen” Konkretes Angebot statt generischer Kontaktaufnahme. Nutzer wissen genau, was sie bekommen, bevor sie klicken.
19. „Mein Projekt starten” Ownership-orientierter CTA. Der Nutzer sieht sich als Akteur, nicht als Empfänger. Gut für Agenturen mit projektbasiertem Geschäftsmodell.
Call-to-Action Beispiele für SaaS und Software
20. „14 Tage kostenlos testen” SaaS-Standard aus gutem Grund. Konkrete Zeitangabe schafft Klarheit, „kostenlos” eliminiert das finanzielle Risiko. Viele Tools ergänzen direkt darunter: „Keine Kreditkarte nötig.”
21. „Sofort loslegen” Maximal reibungslos. Kommuniziert, dass kein langer Onboarding-Prozess wartet. Gut in Hero-Sektionen über dem Fold.
22. „Kostenlos starten, keine Kreditkarte nötig” Lead-out direkt in den CTA integriert. Entfernt die größte Barriere bei Free-Trial-Anmeldungen. Verdoppelt in Tests oft die Anmelderate.
Spezielle Call-to-Action Button Beispiele
23. „Zeig mir wie es geht” Neugier plus Personalisierung. Statt „Video ansehen” oder „Mehr erfahren” eine aktive Formulierung in erster Person. Gut für Erklärvideos und interaktive Demos.
24. „Ich bin dabei” Commitment und Enthusiasmus in drei Worten. Funktioniert bei Events, Community-Beitritten und Kursen, weil der Nutzer eine Entscheidung bekräftigt statt sie zum ersten Mal zu treffen.
25. „Weiterlesen: [konkretes Thema]” Navigations-CTA für Blogs und Content-Seiten. Besser als „Mehr erfahren”, weil das Ziel klar ist. Reduziert Absprungraten und steigert die Verweildauer auf der Seite.
CTA-Texte schreiben: 7 Formeln die funktionieren
Die meisten call-to-action button beispiele folgen wenigen bewährten Mustern. Wer diese Formeln kennt, kann schnell eigene CTAs entwickeln.
Formel 1: Verb + Objekt + Zeitqualifikator
„Jetzt kaufen”, „Heute bestellen”, „Sofort loslegen”
Klar, direkt, mit leichtem Zeitdruck. Basis-Formel für die meisten kauforientierten call to action beispiele.
Formel 2: Erste Person + Vorteil
„Mein Rabatt sichern”, „Ich will mehr Umsatz”, „Meine Gratis-Analyse erhalten”
Nutzer sprechen aus der eigenen Perspektive. Stärkere Identifikation, in Tests oft deutlich höhere Conversion als die Imperativ-Version.
Formel 3: Kostenlos + Aktion
„Kostenlos testen”, „Gratis herunterladen”, „Unverbindlich anfragen”
Risikofreiheit kommunizieren. Funktioniert immer dann gut, wenn der erste Kontakt nichts kostet.
Formel 4: Scarcity + CTA
„Nur noch 5 auf Lager, jetzt kaufen”, „Letzter freier Termin diese Woche”
Verfügbarkeit begrenzen aktiviert Verlustaversion. Nur verwenden wenn es der Wahrheit entspricht.
Formel 5: Zeitlimit + CTA
„Angebot endet um 23:59 Uhr”, „Sale nur heute”
Echter oder kommunizierter Zeitdruck. Gut für Flash-Sales und zeitlich begrenzte Angebote jeder Art.
Formel 6: Neugier + Personalisierung
„Zeig mir meine Ergebnisse”, „Wie viel spare ich?”, „Finde meinen Plan”
Quiz- und Konfiguratoren nutzen dieses Muster. Nutzer wollen ihr individuelles Ergebnis sehen, nicht ein generisches Angebot. Das erklärt die überdurchschnittlich hohen Engagement-Werte in dieser Kategorie.
Formel 7: Vorteil + Einwandbehandlung
„14 Tage kostenlos, jederzeit kündbar”, „Kostenlos starten, keine Kreditkarte”
Lead-out direkt in den CTA integriert. Angebot und Risikoabbau in einer Zeile.
CTA-Text Generator: Passende Formulierungen für deine Branche
Wähle deine Branche und das Ziel des Buttons. Der Generator zeigt passende call to action beispiele mit Erklärung, warum sie funktionieren. Per Klick in die Zwischenablage kopieren.
CTA-Text Generator
Wähle Branche und Ziel für passende Call-to-Action Beispiele mit Erklärung
Deine CTA-Vorschläge
Call-to-Action Buttons richtig gestalten
Die beste Formulierung nützt nichts, wenn der call-to-action button optisch untergeht. Farbe, Größe und Position entscheiden mit darüber, ob ein CTA geklickt wird.
Welche Farbe konvertiert am besten?
Es gibt keine universell beste Farbe für call-to-action buttons. Der Button muss sich vom Hintergrund abheben. Kontrast schlägt Trendfarbe.
Praktische Faustregeln für die Gestaltung von call-to-action button beispielen:
- Der CTA-Button unterscheidet sich farblich deutlich vom Rest der Seite
- Primärfarbe der Marke für den Haupt-CTA, neutrale Farbe für sekundäre Aktionen
- Orange und Grün schneiden in vielen Tests gut ab, weil sie auf weißen und grauen Hintergründen stark kontrastieren
- Rot funktioniert gut bei Dringlichkeit, kann aber Bedenken auslösen in Kontexten, die vor allem Vertrauen brauchen
Größe und Mobiloptimierung
Über 60 Prozent des E-Commerce-Traffics kommt von mobilen Geräten. Ein call to action button muss mit dem Daumen anklickbar sein. Mindestens 44 x 44 Pixel als Tippziel empfiehlt Apple, in der Praxis sind 48 bis 56 Pixel Höhe für mobile CTAs realistischer.
Wichtige Design-Punkte für call-to-action buttons auf Smartphones:
- Volle Breite oder mindestens 280 Pixel auf kleinen Screens
- Genug Weißraum um den Button (mindestens 8 bis 16 Pixel Abstand)
- Keine zwei gleichgroßen Buttons nebeneinander auf kleinen Screens
- Klarer Fokus-Zustand für Tastaturnavigation und Screen-Reader
Wie du deinen Checkout mit optimierten Call-to-Action Buttons umbaust, zeigt unser Guide zu Shopify Checkout-Anpassungen.
Strategische CTA-Platzierung: Wo Call-to-Action Buttons wirken
Der gleiche call to action button an unterschiedlichen Stellen erzielt unterschiedliche Ergebnisse. Platzierung ist genauso wichtig wie Formulierung.
Above the Fold
Der sichtbare Bereich ohne Scrollen ist die wertvollste Fläche einer Seite. Ein call-to-action button im Above-the-Fold-Bereich spricht Besucher an, bevor sie abspringen. Auf Landing Pages gehört hier immer mindestens ein primärer CTA hin. Wie du Landing Pages aufbaust, damit CTAs ihre volle Wirkung entfalten, erklärt unser Landing Page Guide.
Auf der Produktseite
Kaufbereite Nutzer landen auf Produktseiten. Die Priorität ist klar: „In den Warenkorb” oder „Jetzt kaufen” muss ohne Scrollen sichtbar sein, sich durch Farbwahl abheben und bei Produkten mit vielen Varianten erst nach der Auswahl aktiv werden.
In E-Mails und Newslettern
E-Mail-CTAs sind ein eigenes Kapitel. Als Faustregel gilt: ein Haupt-CTA pro Mail, platziert nach der stärksten Botschaft. Weitere Tipps zur Optimierung deines Shopify-Newsletters findest du in unserem Newsletter-Guide.
In der Meta Description
Die Meta Description erscheint in den Suchergebnissen und ist der erste call-to-action button, bevor ein Nutzer überhaupt auf die Seite kommt. Formulierungen wie „Jetzt kostenlos testen” oder „Preise direkt vergleichen” erhöhen die Klickrate messbar. Mehr zur CTR-Optimierung in Suchergebnissen erklärt unser CTR-Guide.
In Popups und Slide-ins
Popups polarisieren, konvertieren aber gut wenn sie richtig eingesetzt werden. Den Popup erst nach 10 bis 30 Sekunden oder beim Exit-Intent zeigen, nicht sofort beim Seitenaufruf. Der call-to-action button im Popup sollte denselben Anforderungen folgen wie auf der Seite selbst. Trust-Elemente direkt neben dem CTA reduzieren Abbrüche. Welche Trust-Elemente bei Käufern am stärksten wirken, haben wir in einem eigenen Artikel zusammengefasst.
Die 5 häufigsten CTA-Fehler und wie du sie vermeidest
Diese Fehler bei call to action buttons wiederholen sich auf tausenden Webseiten. Hier sind die fünf, die die stärksten negativen Auswirkungen auf die Conversion Rate haben.
Fehler 1: Zu viele gleichwertige CTAs auf einer Seite Wenn jeder Button wichtig ist, ist keiner wichtig. Pro Seite gibt es einen primären call-to-action button (das Hauptziel), einen sekundären (eine sanftere Alternative) und alle anderen in unterstützenden Rollen. Fünf gleichwertige Buttons nebeneinander führen zur Entscheidungslähmung.
Fehler 2: Vage Formulierungen „Mehr erfahren”, „Hier klicken” und „Weiter” sind Platzhalter, keine call-to-action button beispiele. Sie sagen nicht was passiert, was der Nutzer gewinnt und warum jetzt der richtige Zeitpunkt ist.
Fehler 3: Kein Lead-out bei riskanten Aktionen Wer auf „Jetzt kaufen” klickt und unsicher ist, ob Rücksendungen möglich sind, zögert. Ein kurzer Lead-out wie „Kostenloser Rückversand, 30 Tage” direkt unter dem call to action button nimmt die letzte Hürde. Das Gleiche gilt für Newsletter, Demos und Downloads.
Fehler 4: CTAs erst am Ende langer Seiten Viele Nutzer lesen nicht bis zum Ende. Ein call-to-action button, der erst nach 80 Prozent des Inhalts erscheint, wird von einem großen Teil der Besucher nie gesehen. Gute Seiten haben CTAs an mehreren Punkten, darunter immer einen above the fold.
Fehler 5: Falscher CTA für die Funnel-Phase Ein „Jetzt kaufen” als erstes Element für kalten Traffic konvertiert schlechter als ein weicherer Einstieg. Genauso sollte ein Nutzer mit konkreter Kaufabsicht nicht erst durch drei Seiten Content geführt werden. Der call-to-action button muss zur Kaufbereitschaft des Besuchers passen.
A/B-Tests für Call-to-Action Buttons: Was du testen solltest
Kein call to action button ist von Anfang an optimal. A/B-Tests zeigen, welche Variante in deinem spezifischen Kontext besser funktioniert. Die häufigsten Testvariablen:
- Text: Imperativ vs. erste Person, konkret vs. allgemein, kurz vs. erklärend
- Farbe: Primärfarbe vs. Kontrastfarbe, gesättigt vs. gedeckt
- Größe: Standard vs. deutlich größer, volle Breite auf Mobile vs. kompakt
- Position: Above the fold vs. nach dem Inhalt, fixiert scrollend vs. statisch
- Lead-out: mit vs. ohne Einwandbehandlung
Wichtig: immer nur eine Variable gleichzeitig ändern. Wer Text und Farbe gleichzeitig ändert, weiß hinterher nicht, welche Variable den Unterschied gemacht hat. Mindestens 100 Klicks pro Variante bevor eine Variante als Gewinner gilt.
CTA-Optimierungs-Checkliste
18 Punkte für Call-to-Action Buttons die wirklich konvertieren
Text und Formulierung
- CTA-Text enthält ein aktives Verb (kaufen, buchen, testen, sichern) Passiv und generische Wörter wie 'mehr erfahren' vermeiden
- Erste Person getestet (Mein, Ich) statt reiner Imperativ Kann Conversion um bis zu 90 % erhöhen
- Lead-out behandelt die wichtigste Kaufhürde z.B. 'kostenlos', 'kein Risiko', 'jederzeit kündbar'
- Keine vagen Formulierungen wie 'Hier klicken' oder 'Weiter' Jeder CTA sagt was nach dem Klick passiert
Design und Sichtbarkeit
- CTA-Button hebt sich farblich deutlich vom Hintergrund ab Kontrast vor Trendfarbe
- Mindestgröße auf Mobile: 48 x 48 Pixel Tippziel Apple HIG: 44 px Minimum, in der Praxis besser größer
- Ausreichend Weißraum um den Button (mind. 8 px Abstand) Verhindert versehentliche Klicks und erhöht Aufmerksamkeit
- Primärer CTA ist optisch stärker als sekundäre Aktionen Nur ein Button darf der 'wichtigste' sein
Platzierung
- Mindestens ein CTA-Button ist ohne Scrollen sichtbar Above the fold hat die höchste Sichtbarkeit
- Auf der Produktseite ist 'In den Warenkorb' ohne Scrollen erreichbar Kaufinteressierte Nutzer sollen nicht suchen müssen
- Nicht mehr als ein primärer Call-to-Action pro Seite Zu viele gleichwertige CTAs führen zur Nichtentscheidung
- Checkout-Buttons sind konsistent und an erwarteter Position Im Checkout nicht kreativ sein, Konventionen respektieren
Psychologie und Kontext
- CTA passt zur Kaufbereitschaft der Zielgruppe (Funnel-Phase) Kalter Traffic: weicher CTA. Warmer Traffic: kauforientierter CTA
- Dringlichkeit oder Scarcity sind nur eingesetzt wenn sie stimmen Falsche Knappheit zerstört Vertrauen nachhaltig
- Trust-Elemente stehen nah beim CTA Bewertungen, Siegel oder Garantien direkt neben dem Button
Testing
- Mindestens zwei CTA-Varianten werden aktiv getestet Nur eine Variable pro Test ändern
- Test läuft bis mindestens 100 Klicks pro Variante Zu frühe Auswertung führt zu falschen Schlüssen
- Testergebnisse werden dokumentiert und in Folgetests berücksichtigt CTA-Optimierung ist ein Prozess, kein einmaliger Task
Fazit: Call-to-Action Beispiele als Ausgangspunkt, nicht als Kopiervorlage
Die 25 call to action beispiele in diesem Artikel sind Ausgangspunkte, keine fertigen Lösungen. Was in einem großen Onlineshop nach hunderten A/B-Tests optimiert wurde, funktioniert nicht automatisch im eigenen spezifischen Kontext.
Klare Formulierung, starker Kontrast, passender Funnel-Kontext und ein Lead-out, der Bedenken ausräumt. Diese vier Faktoren trennen einen call-to-action button, der konvertiert, von einem, der nur Platz belegt.
Wenn du weißt wo die Schwachstellen liegen, aber die Umsetzung in Shopify Zeit kostet, schau dir unsere Erstanalyse an.
Deine CTAs bringen nicht was sie sollten?
Wir analysieren deine wichtigsten Seiten, identifizieren die stärksten call-to-action Hebel und setzen die Änderungen direkt in Shopify um. Kostenlose Erstanalyse, unverbindlich.
Ein Call-to-Action (CTA) ist eine direkte Handlungsaufforderung auf einer Webseite, die Besucher zu einer konkreten Aktion führt: zum Kauf, zur Newsletter-Anmeldung, zur Terminbuchung oder zum Download. Klassische call-to-action button beispiele sind 'Jetzt kaufen', 'Kostenlos testen' oder 'Termin buchen'. Ein vollständiger CTA besteht aus drei Teilen: Lead-in (Kontext), dem eigentlichen Button und einem Lead-out, der Bedenken ausräumt.
Die stärksten call to action beispiele kombinieren ein aktives Verb, einen klaren Vorteil und eliminieren das Risiko: 'Kostenloses Erstgespräch buchen', '14 Tage kostenlos testen' oder 'Mein Rabatt sichern'. Erste-Person-Formulierungen wie 'Mein Exemplar bestellen' konvertieren laut Studien bis zu 90 % besser als der Imperativ 'Jetzt kaufen'. Dringlichkeits-CTAs wie 'Nur noch 3 verfügbar' erhöhen die Conversion um bis zu 332 %.
CTA-Button-Texte sollten zwischen 2 und 5 Wörter lang sein. Zu kurze Texte wie 'Weiter' sagen nicht was passiert. Zu lange Texte passen nicht auf den call-to-action button und verlieren Wirkung. Die optimale Formel: Verb + Objekt + optionaler Zusatz. Zum Beispiel: 'Jetzt kostenlos testen' (3 Wörter) oder 'Mein Erstgespräch buchen' (3 Wörter).
Es gibt keine universell beste Farbe für call-to-action buttons. Entscheidend ist der Kontrast zum Hintergrund. Ein Button, der sich farblich deutlich abhebt, wird mehr geklickt als ein farblich passender Button. Orange und Grün schneiden in vielen Tests gut ab, weil sie auf weißen Seiten stark kontrastieren. Die Markenfarbe als Haupt-CTA-Farbe ist sinnvoll, wenn sie genug Kontrast bietet.
Mindestens ein call-to-action button sollte ohne Scrollen sichtbar sein (Above the Fold). Auf Produktseiten gehört der Kauf-CTA direkt unter Produktbilder und Preis. Auf Landing Pages sind CTAs nach starken Argumenten sinnvoll. Als Faustregel gilt: Kein wichtiger call to action button sollte erst nach 80 % des Seiteninhalts erscheinen.
Above the Fold bezeichnet den sichtbaren Bereich einer Webseite ohne zu scrollen. Im digitalen Marketing bedeutet es: der Bereich, den ein Besucher sofort sieht wenn die Seite lädt. Mindestens ein call-to-action button sollte hier platziert sein, weil nicht alle Nutzer nach unten scrollen. Studien zeigen, dass Inhalte above the fold deutlich mehr Aufmerksamkeit erhalten als Inhalte darunter.
Pro Seite gibt es idealerweise einen primären call-to-action button (das wichtigste Ziel), einen sekundären (eine sanftere Alternative) und keine gleichwertigen dritten Buttons. Zu viele gleichwertige call to action beispiele führen zur Entscheidungslähmung. Ausnahme sind sehr lange Seiten, wo der primäre CTA an mehreren Punkten wiederholt wird.
Der Primary CTA ist die wichtigste Handlungsaufforderung einer Seite, meist der Kauf- oder Buchungsbutton. Er hat das stärkste visuelle Gewicht (gefüllte Farbe, größer). Der Secondary CTA ist eine weniger verbindliche Alternative, zum Beispiel 'Mehr erfahren' neben 'Jetzt kaufen'. Er ist visuell zurückhaltender und spricht Nutzer an, die noch nicht bereit für die Hauptaktion sind.
A/B-Tests sind die zuverlässigste Methode. Erstelle zwei Versionen der Seite mit einem unterschiedlichen Element des call-to-action buttons (Text, Farbe oder Position). Teile den Traffic gleichmäßig auf und warte bis mindestens 100 Klicks pro Variante vorliegen. Tools wie Google Optimize, Optimizely oder die integrierten A/B-Test-Funktionen von Shopify helfen dabei. Wichtig: immer nur eine Variable gleichzeitig testen.
Der Lead-out ist ein kurzer Text direkt unterhalb des call-to-action buttons, der die häufigste Kaufhürde ausräumt. Beispiele: 'Keine Kreditkarte nötig', 'Kostenloser Rückversand', 'Jederzeit kündbar', 'Keine Spam-Mails'. Der Lead-out ist oft der Unterschied zwischen einem Nutzer, der klickt, und einem der doch nicht klickt. Vor allem bei kaufkritischen Aktionen erhöht ein guter Lead-out die Conversion messbar.
Die fünf häufigsten Fehler: Zu viele gleichwertige call-to-action buttons auf einer Seite (führt zur Entscheidungslähmung), vage Formulierungen wie 'Hier klicken', fehlender Lead-out bei riskanten Aktionen, CTAs erst am Ende langer Seiten und ein zu aggressiver call to action button für kalten Traffic. Dazu kommt ein häufig übersehener Punkt: CTA-Buttons, die auf Mobile zu klein sind oder zu wenig Abstand zum Seitenrand haben.
