Was sind einige gute Beispiele für Call-to-Action-Buttons (CTA)?

Beim Entwerfen einer Webseite müssen wir den Weg des Benutzers durch unsere Seite planen. Das Durchsuchen des Inhalts sollte zu einer Aktion führen, z. B. einen Kauf zu tätigen, Kontakt aufzunehmen oder den Newsletter zu abonnieren. Ein CTA-Button ist ein Element, das, wenn es richtig eingesetzt wird, Ihrem Unternehmen helfen kann, die Konversionsrate zu steigern. Erfahren Sie, was ein Call to Action ist und wie Sie effektive Call to Action-Buttons erstellen. Schauen Sie sich die interessantesten Beispiele für CTAs an.

Was ist CTA?

Die Abkürzung CTA steht für Call to Action. Dieser Begriff wird verwendet, um ein Element zu beschreiben, das den Benutzer zu einer anderen Seite innerhalb der Website führt oder eine spezifische Aktion ermöglicht. Meistens erscheint es in Form eines Buttons oder Links und eines kurzen Slogans. Der CTA ist ein interaktives Element einer Website. Dies bedeutet, dass bei der Interaktion des Benutzers mit ihm (durch Klicken) eine Aktion ausgeführt wird, z. B. erscheint eine Nachricht, ein Formular oder ein Login-Feld, oder die Person wird auf eine andere Seite innerhalb der gegebenen Website (z. B. zu einer Kontaktseite) oder außerhalb davon (z. B. zu einer Landingpage) weitergeleitet.

Die grundlegende Funktion eines Call to Action ist es, den Benutzer zur Handlung zu motivieren und ihm bei der Durchführung einer bestimmten Aktion zu helfen (z. B. zu einem Formular weiterzugehen oder eine Bestellung aufzugeben) und damit die Effektivität einer Unternehmenswebsite zu steigern. Die Zwecke der Erstellung eines solchen Buttons können fast so zahlreich sein wie die Ziele, die die Organisation mit Hilfe einer Unternehmenswebseite erreichen möchte. Ein Call to Action kann Ihnen helfen, die Konversionsrate zu erhöhen, Leads zu generieren oder Benutzer zu bestimmten Unterseiten zu führen.

CTA-Buttons können in verschiedenen Bereichen einer Website erscheinen (z. B. auf Blogs, Angebotsunterseiten, einem Formular, einem Pop-up usw.). Sie sind in der Regel am effektivsten, wenn ihre Platzierung sorgfältig berücksichtigt wurde.

Wie sollte ein CTA-Button aussehen?

Calls to Action können in Größe, Erscheinung und Inhalt variieren – alles hängt von dem Ziel ab, das Sie mit ihnen erreichen möchten. Ein Call-to-Action-Button sollte sichtbar genug sein, um Aufmerksamkeit zu erregen. Sie sollten jedoch bedenken, dass er, obwohl er wichtig ist, nur eines von vielen Elementen einer Website ist und daher nicht zu viel Platz einnehmen sollte. Damit ein CTA sich vom Rest der Seite abhebt, kann er etwas größer als andere Elemente sein, eine helle Farbe haben und manchmal auch eine ungewöhnliche Form.

Wie schreibt man einen Call to Action?

Der Text eines Call to Action muss eher kurz, aber auch originell und einprägsam sein. Während er meistens nur einen Slogan mit ein bis drei Wörtern enthält, erscheint manchmal ein vollständiger Satz auf einem Button.

Jeder hat wahrscheinlich im Laufe seines Lebens mehr als einmal einen Button mit dem Wort Hier klicken gesehen. Es ist eine klassische und einfache Lösung, aber nicht sehr originell und bietet nicht viele Informationen. Es ist ziemlich wichtig, dass ein Call to Action Informationen darüber enthält, welche Aktion erfolgt, wenn er geklickt wird. Deshalb ist es besser, Testphase starten statt Testphase zu schreiben, damit der Benutzer weiß, was tatsächlich passiert, wenn er mit diesem Element interagiert. In nur wenigen Worten kann viel vermittelt werden. Zum Beispiel zeigt ein Kostenlos testen-Slogan, der Sie zur Handlung auffordert, zwei Vorteile:

• Sie können das Produkt ausprobieren, an dem Sie interessiert sind,
• Sie haben keine Kosten.

Es ist auch eine interessante Idee, den Empfänger in der ersten Person Singular anzusprechen. Anstatt eine Ermutigung wie Bestellen Sie das Produkt zu schreiben, können Sie schreiben Ich möchte das Produkt bestellen. Es stellt sich heraus, dass ein solcher Ansatz den CTR (Click-Through-Rate) um bis zu 90 % erhöhen kann. Der CTR gibt Ihnen an, wie effektiv die Kampagnen Ihres Unternehmens sind.

Wenn Sie einzelne Wörter in CTAs bevorzugen, stellen Sie sicher, dass der Button von einer entsprechenden Überschrift oder einem kurzen Text begleitet wird, der dem potenziellen Kunden erklärt, was er durch das Klicken auf den CTA gewinnen kann.

Button CTA – Beispiele

Call-to-Action-Buttons werden normalerweise danach klassifiziert, was ihre Ersteller beabsichtigt haben und welche Aktivität sie von ihren potenziellen Kunden erwarten. Ein CTA kann:

• einen Kauf ermöglichen,
• dem Benutzer helfen, das Angebot zu überprüfen (Buttons, die den Benutzer zwischen Unterseiten weiterleiten),
• erscheinen, wenn der Kunde die Website verlassen möchte (um ihn länger zu halten).

Innerhalb dieser drei grundlegenden Kategorien ist es auch möglich, zusätzliche Button-Typen zu unterscheiden, die sich auf spezifische Aktivitäten beziehen.

Verkaufs-CTA

Zweck dieses Buttons ist es, einen Verkaufsprozess, eine Testphase, die Nutzung des Produkts oder eine Reservierung zu starten. Diese Art von Call to Action wird normalerweise neben der Beschreibung eines spezifischen Produkts, auf einer Landingpage oder der Startseite platziert.

1. Xero

Nach dem Aufrufen der Beschreibung einer der Funktionen der Xero-Lösung sieht man den CTA fast sofort am oberen Rand der Seite. Genau wie der erste Button im Hero-Bereich leitet der Call to Action in der oberen rechten Ecke zur Seite mit dem Formular weiter, das nach dem Ausfüllen dem Benutzer einen kostenlosen Zugang zu einer 30-tägigen Testphase gewährt. Der oben erwähnte Button ist die ganze Zeit sichtbar, egal welche Unterseite der Benutzer betrachtet. Mit dem Call to Action, der von den allerersten Sekunden des Besuchs auf der Website an sichtbar ist, unabhängig vom betrachteten Tab, kann eine Person, die durch eine Anzeige auf Ihre Website geleitet wurde, sofort die Testphase starten oder mehr über die Lösung erfahren.

 

Der zweite Button im Hero-Bereich führt den Internetnutzer zur Angebotsseite mit beschriebenen Plänen, aus denen er wählen kann. Dort kann der Nutzer die ausgewählte Dienstleistung sofort erwerben. Es ist bemerkenswert, wie der wichtigere Button (der sich auf die Testphase bezieht) durch eine andere Farbe und Form hervorgehoben wird. Er ist auffälliger, daher ist er der erste, der dem potenziellen Kunden ins Auge fällt.

2. Click Funnels

Zusätzlich zu den festen Buttons in der oberen rechten Ecke der Webseite zeigt die Click Funnels-Website auch einen umfassenden CTA im Hero-Bereich, begleitet von einem Werbevideo und dem Inhalt, der die Vorteile des Tools hervorhebt.

 

Der Call to Action selbst ist ziemlich umfangreich. Auf dem Button befinden sich zwei Sätze in zwei Zeilen. Der erste motiviert den Benutzer, sofort den 14-tägigen Testzeitraum zu nutzen (Sofort starten) und informiert ihn darüber, dass diese Option kostenlos ist. Der zweite Satz informiert darüber, dass der potenzielle Kunde mit diesem Tool sofort beginnen kann, seinen eigenen Verkaufstrichter zu erstellen. Der Vorteil eines so aufgebauten CTAs besteht darin, dass den Benutzern mehr nützliche Informationen über die angebotene Lösung geliefert werden.

Lead-generierendes CTA

Diese Calls to Action ermöglichen Ihnen den Kontakt mit dem Unternehmen. Der häufigste Effekt beim Klicken auf den Button ist die Weiterleitung eines Benutzers zu einem Kontaktformular oder einer Anwendung (Kalender), wo er ein Gespräch mit einem Kundenberater vereinbaren kann. Die Verwendung dieses Button-Typs kann jedoch auch darauf abzielen, die Kontaktdaten eines potenziellen Kunden zu erhalten, z. B. eine Telefonnummer oder E-Mail-Adresse.

3. Lasik MD

Die Website der Lasik MD-Augenkliniken verwendet CTAs, um einen potenziellen Kunden dazu zu ermutigen, sich für eine kostenlose Beratung anzumelden und ein persönliches Treffen mit dem Berater zu vereinbaren. Der Button befindet sich im Hauptmenü und fällt durch seine markante blaue Farbe auf. Der Bereich und die gewählte Farbe machen den Button praktisch unmöglich zu übersehen, sodass der Benutzer von dem ersten Moment an, den er auf der Website verbringt, weiß, dass er ein solches Angebot nutzen kann.

 

Der CTA definiert klar, welche Aktion der Button ermöglicht (eine Reservierung vorzunehmen), und informiert außerdem darüber, dass die Beratung kostenlos ist. Beim Klicken auf diesen Call to Action wird der Benutzer zu einem Formular weitergeleitet, das ihm erlaubt, einen Termin in der Klinik zu buchen.

4.Indochino

Der Call to Action (einen Termin buchen) befindet sich im Hero-Bereich und direkt unterhalb der Falzlinie der Indochino-Startseite. Der einfache CTA Einen Termin buchen verwendet Kontraste (weißer Text auf einem schwarzen Button) und hebt sich im Fall seines zweiten Auftretens durch seine dunklere Farbe im Vergleich zu anderen Seitenelementen hervor. Nach dem Klicken auf diesen Call to Action gelangt der Benutzer zu einer Karte, auf der er seinen bevorzugten Standort auswählen kann und auf Jetzt buchen darunter klickt. Dann klickt er auf die Option aus der Liste, die dem Zweck seines Besuchs entspricht, und im nächsten Schritt wählt er das für ihn bequemste Datum im Kalender aus.

 

„Mehr erfahren“-Button

Ein Call to Action, der dazu ermutigt, mehr über ein Produkt, eine Dienstleistung oder eine Marke zu erfahren, erscheint häufig auf der Startseite, in der Nähe der ersten kurzen Produktbeschreibungen. Ein weiterer beliebter Ort für einen solchen Call to Action ist eine Produktseite, die eine Vielzahl von Produkten oder Dienstleistungen präsentiert. Dann leitet der CTA normalerweise zu erweiterten Beschreibungen weiter. Der Zweck eines solchen Call to Action besteht darin, den Aufenthalt des Benutzers auf der Seite zu verlängern und ihm zu ermöglichen, mehr über das Unternehmen und dessen Angebot zu erfahren.

5. Here Technologies

Die subtilen und einfachen CTAs (mehr erfahren) auf der Startseite von Here Technologies, an der wir gearbeitet haben, führen Sie weiter unten auf der Seite Produkt- und Dienstleistungsbeschreibungen, ebenso wie Mehr erfahren im Hero-Bereich. Die Buttons sind für den Benutzer sichtbar, sind jedoch so in den Rest der Seite eingebunden, dass sie den Besucher nicht ablenken und die Wahrnehmung der Website nicht behindern.

Quelle: Here Technologies-Website

In diesem Fall begrenzen die CTAs den Inhalt auf der Startseite und informieren den Benutzer gleichzeitig darüber, dass zusätzliche Informationen verfügbar sind. Dies macht die Website übersichtlicher und organisierter.

6. Get Harvest

Get Harvest verwendet klassische, minimalistische CTAs mit der Aufforderung Alle Funktionen entdecken auf der Startseite ihrer Lösung. Auf diese Weise wird dem potenziellen Kunden klar, dass die Lösung viele nützliche Tools hat und ihm ermöglicht, die Website weiter zu erkunden und das Angebot besser kennenzulernen.

 

Das Unternehmen lädt den Benutzer unaufdringlich ein, seine Reise auf der Webseite fortzusetzen, wenn er noch nicht bereit ist, einen Kauf zu tätigen und gibt sich selbst mehr Zeit, um positive Assoziationen mit der Marke zu wecken.

Newsletter-Abonnement-CTA

Ein Newsletter-Abonnement verbessert die Kommunikation einer Marke mit ihren Nutzern und ermöglicht den Versand von Werbeinformationen. Ein solcher CTA erscheint häufig auf Blogs, Startseiten und „Über uns“-Tabs.

7. The Budgetnista

Um ihren Newsletter zu fördern, hat die Finanzpädagogin auf der The Budgetnista-Website einen separaten Abschnitt auf der Startseite eingerichtet, der ausschließlich dem Sammeln von E-Mail-Abonnements gewidmet ist. Er besteht aus der Überschrift, dem Foto der Autorin, dem CTA-Button Für wöchentliche Geschenke anmelden und den Kategorien von Nachrichten, die im Mailing enthalten sein werden.

 

Dank der in dem Abschnitt enthaltenen Informationen kann der Benutzer schnell entscheiden, ob er an diesem speziellen Newsletter interessiert ist. Er erfährt auch, wie oft er Nachrichten erhält – der CTA bezieht sich auf den Newsletter als Wöchentliche Geschenke, was darauf hinweist, dass er wöchentlich versendet wird. Die Farbe des Call-to-Action-Buttons hebt ihn auf dem schwarzen Hintergrund hervor, und durch die Platzierung in einem speziellen Abschnitt stellt der Spezialist auch sicher, dass er nicht übersehen wird.

8. Backlinko

Der CTA auf der Backlinko-Website befindet sich im Hero-Bereich. Dadurch kann der Benutzer ihn leicht finden, auch wenn er sich nicht sofort nach dem Betreten der Webseite dazu entscheidet, ihn zu verwenden.

 

Das einzelne Feld zum Eingeben einer E-Mail-Adresse und der Probieren Sie es aus-Call to Action befinden sich unter der Kundenreferenz und der Überschrift, die erklärt, was der Benutzer erhält, wenn er eine E-Mail-Adresse angibt. Positive Kundenmeinungen motivieren dazu, das Angebot des Unternehmens wahrzunehmen. Die Verwendung eines CTAs auf diese Weise ist ein einfacher Weg, schnell zusätzliche Adressen für die Mailing-Datenbank zu erhalten.

Beispiele für CTA-Buttons – Zusammenfassung

Gut aussehende und strategisch platzierte Calls to Action sind ein wichtiger Bestandteil einer Website. Sie müssen nicht nur für Verkaufszwecke verwendet werden, sondern können auch einen Kundenpfad innerhalb der Webseite erstellen, Leads generieren und die Marke fördern. Wir bieten umfassende Dienstleistungen im Bereich User Experience (UX) und User Interface (UI) Design an.