Holen Sie sich den Klick: 8 Tipps für effektives CTA-Design

Intro

Die erste Seite der Google-Suchergebnisse zu erreichen und die Aufmerksamkeit Ihres Publikums zu gewinnen, ist eine echte Herausforderung, da die Leute nur selten auf ein Ergebnis auf Seite zwei klicken. Die Optimierung Ihrer Website für SEO ist ein Muss, um dieses Ziel zu erreichen.

Das bedeutet jedoch nicht, dass eine Top-Ten-Platzierung zwangsläufig auch eine gute Konversionsrate bedeutet. Sie können zwar mit einem Anstieg des Website-Traffics rechnen, aber es gibt noch ein weiteres Element, das für die Konversionsrate entscheidend ist: eine wirksame Aufforderung zum Handeln.

Die Hauptaufgabe eines CTA ist es, die Besucher zum nächsten Schritt zu leiten und sie zu ermutigen, etwas zu unternehmen - einen Newsletter zu abonnieren, ein Ebook herunterzuladen, ein Produkt oder eine Dienstleistung zu kaufen oder sich für eine Testversion anzumelden.

Ein schlecht gestalteter CTA ist jedoch so gut wie gar kein CTA, da er keine Klicks generieren und keine Konversionen ermöglichen wird.

In diesem Artikel stellen wir Ihnen die besten Tipps für die Gestaltung unwiderstehlicher CTAs vor, bei denen Ihre potenziellen Kunden nicht anders können als zu klicken. Lesen Sie weiter und erfahren Sie mehr!

1. Verwenden Sie einen klebrigen CTA in der Seitenleiste

Bei CTAs geht es darum, die Aufmerksamkeit der Besucher zu gewinnen und sie zum Klicken zu bewegen.

Einige Webseiten, wie z. B. Homepages oder Blog-Posts, haben eine Menge Inhalt, und es ist leicht, dass CTAs mit all den anderen Elementen verschmelzen und praktisch unsichtbar werden.

Geben Sie einen klebrigen CTA für die Seitenleiste ein.

Diese schwebende Schaltfläche wird an der Seite einer Webseite befestigt und bleibt sichtbar, wenn der Benutzer auf der Seite nach oben oder unten scrollt, ohne zu aufdringlich zu sein oder abzulenken. Sie müssen sich keine Gedanken darüber machen, ob ein potenzieller Kunde Ihr tolles Angebot vergisst, während er einen Artikel liest oder sich Kundenrezensionen ansieht.

ATH Sport gewährt einen Rabatt von 10 % auf die erste Bestellung und wirbt für diesen Anreiz auf der Homepage und auf der gesamten Website, indem es in der Seitenleiste einen CTA mit der Aufschrift "Sparen Sie 10 %" anbringt. Auf diese Weise werden die Besucher auf subtile Weise daran erinnert, aktiv zu werden und den Rabatt in Anspruch zu nehmen.

(Quelle: ATH Sport)

2. Negativen Raum ausnutzen

Einer der größten Fehler, den Sie mit Ihrem CTA machen können, ist, ihn in der Mitte eines großen Textblocks zu vergraben. Das ist ein todsicherer Weg für Besucher, ihn zu übersehen und die Seite zu verlassen, ohne zu konvertieren.

Scheuen Sie sich nicht, den negativen Raum zu nutzen, d. h. den Bereich eines Designs, der nicht durch Text oder andere Elemente belegt ist. Indem Sie Ihre CTA mit Weißraum umgeben, können Sie eine visuelle Unterbrechung schaffen, die die Aufmerksamkeit des Betrachters auf die Schaltfläche lenkt.

Je weniger Ablenkungen um den CTA herum, desto eher wird er angeklickt.

Flamingo gibt dem CTA auf ihrer Homepage genügend Raum und trennt ihn von den anderen Elementen, um die Aufmerksamkeit der Besucher auf das Hauptziel zu lenken - das Hinzufügen ihres Leave-Trackers zu Slack. Trotz des vielen weißen Raums wirkt das Design nicht leer oder unfertig, die richtige Balance ist also entscheidend.

(Quelle: Flamingo)

3. Schaffen Sie ein Gefühl der Dringlichkeit

Dringlichkeit und Knappheit sind starke Konversionsfaktoren, weshalb Sie diese psychologischen Prinzipien in Ihre CTA-Texte aufnehmen sollten.

Nehmen Sie sich ein Beispiel an Amazon und ihrem cleveren "Nur noch 1/2/3 auf Lager"-Hinweis, der selbst unentschlossene Kunden dazu veranlasst, das Produkt sofort zu bestellen, bevor jemand anderes es sich schnappt.

Menschen nehmen Produkte, die knapp sind oder kurz vor dem Ausverkauf stehen, als wertvoller wahr, was wiederum die Angst auslöst, etwas zu verpassen (FOMO). Sie können sich dieses Phänomen zunutze machen, indem Sie einen CTA-Text verfassen, der sich um die begrenzte Verfügbarkeit von Produkten dreht.

Um die Dringlichkeit hervorzuheben, verwenden Sie Zeitangaben wie "jetzt", "sofort" oder "heute".

Der CTA auf der Homepage von Bed Bath & Beyond ist ein gutes Beispiel für die Kombination von Dringlichkeit und Knappheit. Die Kunden werden aufgefordert, "Jetzt einkaufen", da das Angebot bis zum 8. Januar gültig ist, aber dieses Zeitfenster wird durch den Zusatz "Solange der Vorrat reicht" zusätzlich minimiert. Die Tatsache, dass der CTA selbst in einem großen roten Banner über der Falz platziert ist, macht ihn noch auffälliger und überzeugender.

(Quelle: Bed Bath & Beyond)

DieJanuar-Homepage enthält eine CTA mit einer etwas anderen Art von Dringlichkeit. Die sorgfältig ausgearbeitete Formulierung "Kommen Sie auf die Warteliste" sorgt für Aufregung rund um die App und erzeugt Nachfrage, indem sie impliziert, dass es andere potenzielle Kunden gibt, die ungeduldig auf den Start warten. Diese einfache, aber faszinierende CTA funktioniert, weil sie eine gewisse Exklusivität ausstrahlt - es ist, als würde man auf die Liste eines VIP-Clubs kommen.

(Quelle: Januar)

4. Powerwörter einbeziehen

Wie der Name schon sagt, haben Power-Wörter die Fähigkeit, bei Ihren potenziellen Kunden Emotionen hervorzurufen. 95 % der Kaufentscheidungen werden unbewusst getroffen, was bedeutet, dass Gefühle dabei eine wichtige Rolle spielen.

Die Einbeziehung von Powerwörtern wie z. B.

• Kostenlos
• Erstaunlich
• Neu
• Wirksam
• Einfach
• Unmittelbar
• Garantiert
• Kein Risiko
• Zertifiziert
• Geschützt
• Getestet
• Geprüft
• Extra

den richtigen Ton bei Ihrem Publikum treffen und es zum Handeln bewegen.

Wie Sie sehen können, zielen einige dieser Wörter darauf ab, Kunden davon zu überzeugen, dass es sicher ist, auf die Schaltfläche zu klicken und einen Kauf zu tätigen oder einen Newsletter zu abonnieren. Andere konzentrieren sich darauf, den Wert Ihres Angebots hervorzuheben.

Die Homepage von Evernote verspricht den Nutzern, dass sie ihr Leben mit der App organisieren können, während die CTA sie dazu verleitet, sich kostenlos zu registrieren. Und wer könnte ein so verlockendes Angebot ablehnen?

(Quelle: Evernote)

In ähnlicher Weise lädt die CTA auf der BaseLang-Homepage die Nutzer ein, mit dem Spanischunterricht für "nur 1 $" zu beginnen, was dem Angebot eines kostenlosen Dienstes am nächsten kommt. Das gesamte Messaging der Marke wird durch andere Power-Wörter wie "unbegrenzt" oder "All-you-can-eat" verstärkt, die beide den Wert des Angebots vermitteln, das potenzielle Kunden eine Woche lang ausprobieren können und einen symbolischen Preis von 1 $ zahlen.

(Quelle: BaseLang)

5. Bringen Sie Ihren CTA zum Strahlen

Sie haben wahrscheinlich schon von der 15-Sekunden-Regel gehört, nach der Sie nur eine Viertelminute Zeit haben, um die Aufmerksamkeit Ihrer Besucher zu erregen. Das bedeutet, dass Sie schnell handeln und sicherstellen müssen, dass der CTA zu den ersten Dingen gehört, die die Besucher bemerken, wenn sie auf Ihrer Webseite landen.

Eine der besten Möglichkeiten, dieses Ziel zu erreichen, sind Farbkleckse. Es gibt unterschiedliche Meinungen darüber, welche Farbe die Konversionsrate steigert, aber die Entscheidung darüber steht noch aus. Man kann jedoch mit Sicherheit sagen, dass es nicht so sehr darum geht, ob man rot, grün, blau oder gelb wählt, sondern darum, einen Kontrast zu schaffen.

Sie können zum Beispiel so genannte Komplementärfarben verwenden, die sich auf gegenüberliegenden Seiten des Farbkreises befinden. Wenn Ihre Webseite überwiegend blau ist, wird ein orangefarbener CTA einen starken Kontrast erzeugen.

Die Homepage von Menlo Caoching ist in Weiß und Grau gehalten, so dass das kräftige Rot, das für den CTA-Button gewählt wurde, diesen sofort sichtbar macht. Das Design profitiert auch von dem negativen Raum, der die CTA-Schaltfläche zusätzlich betont und sie von dem neutralen Hintergrund abhebt.

(Quelle: Menlo Coaching)

6. Seien Sie nicht vage

Erwarten Sie nicht, dass Ihre Besucher Rückschlüsse auf das weitere Vorgehen ziehen - sagen Sie es ihnen.

CTA-Schaltflächen mit der Aufschrift "Hier klicken" oder "Absenden" verwirren die Leute nur, und das ist das Schlimmste, was Sie tun können.

Die Kunst besteht darin, Ihren Besuchern klar zu vermitteln, welchen Nutzen sie von einer Aktion haben, und sie über den nächsten Schritt zu informieren.

Dropbox nutzt diesen "Was ist für mich drin"-Ansatz auf seiner Homepage, indem es seinen potenziellen Kunden mitteilt, dass sie durch Klicken auf die CTA-Schaltfläche den besten Tarif für sich selbst finden können. Es liegt auf der Hand, dass sie auf der nächsten Seite Tarifdetails, Funktionen und Vergleiche finden, die ihnen bei der Entscheidungsfindung helfen werden.

(Quelle: Dropbox)

7. Sozialen Beweis hinzufügen

Wenn es darum geht, potenzielle Kunden zu überzeugen, gibt es nichts Besseres als Social Proof. 87 % der Kaufentscheidungen beginnen mit einer Online-Recherche, und Kunden lesen im Durchschnitt zehn Bewertungen, bevor sie eine Bestellung aufgeben.

Da Sie aber nicht wollen, dass Ihre potenziellen Kunden Ihre Website verlassen, während sie nach Kundenrezensionen und Erfahrungsberichten suchen, ist es am besten, wenn Sie ihnen den sozialen Beweis gleich dort zeigen, bevor Sie ihnen die CTA präsentieren.

Auf diese Weise bauen Sie Vertrauen auf und zerstreuen mögliche Zweifel, die der Kunde vor dem Kauf haben könnte.

Das ist genau das, was Buffer auf seiner Homepage macht. Die CTAs sind mit Zitaten zufriedener Kunden gepaart, die hervorheben, wie die Nutzung der Plattform ihr Leben erleichtert. Um eine weitere Glaubwürdigkeitsebene hinzuzufügen, hat die Marke die Namen und Fotos ihrer Kunden aufgenommen. Diese einfache Taktik ist sehr wirkungsvoll, da sie dem Namen ein Gesicht gibt und den sozialen Beweis authentischer macht.

(Quelle: Buffer)

8. Die Dinge einfach halten

All die Tipps, die wir bisher besprochen haben, könnten Ihnen den Eindruck vermitteln, dass Ihre CTAs übertrieben sein müssen, damit sie funktionieren.

Die Wahrheit ist jedoch, dass die Einfachheit häufig unterschätzt wird.

In vielen Fällen erzielen Sie gute Ergebnisse, wenn Sie Ihre CTA sowohl in Bezug auf das Design als auch auf den Umwandlungsprozess einfach halten.

Die CTA auf der Jira-Startseite erfüllt mit ihrer "Weiter mit Google"-CTA alle Anforderungen. Der Teufel steckt im Detail, und obwohl hier scheinbar nicht viel passiert, liegt die Effektivität dieser CTA in der Tatsache, dass sie die Dinge für diejenigen, die sich für eine Anmeldung entscheiden, super einfach macht.

Anstelle eines komplizierten Anmeldeverfahrens spart Jira den Nutzern Zeit, indem sie über ihr Google-Konto auf die Plattform zugreifen können. Es sind nur ein paar Klicks nötig, und es gibt kein lästiges Ausfüllen von Formularen, das für viele abgebrochene Registrierungen und Warenkörbe verantwortlich ist. Außerdem enthält der Werbetext das magische Sesam-öffne-dich-Wort " kostenlos", das Zauderer zum Klicken und Weitermachen bewegen kann.

(Quelle: Jira)

Einpacken

Der Aufruf zum Handeln mag das kleinste Designelement auf Ihrer Webseite sein, aber seine Bedeutung ist enorm. Ohne sie wüssten potenzielle Kunden nicht, was Sie von ihnen erwarten und was sie als Nächstes tun sollten. Überlegen Sie also genau, wie Sie Ihre CTAs gestalten, und lassen Sie sie nicht außer Acht. Mit diesen Taktiken können Sie sicherstellen, dass die Klicks in Strömen fließen.