Startseite  /  Alle Produkte  / Design-Tricks zum Erstellen besser anklickbarer E-Mail-CTA-Schaltflächen

Design-Tricks zum Erstellen besser anklickbarer E-Mail-CTA-Schaltflächen

11. März 2024

Hatten Sie schon einmal das Gefühl, dass Ihre E-Mail-Kampagnen großartig sind, Sie aber nicht die Klicks erhalten, die Sie verdienen? Der Übeltäter könnte Ihr Call-to-Action-E-Mail-Button sein. Keine Sorge, das passiert den Besten von uns. Aber die gute Nachricht ist, dass ein paar Änderungen am Design Ihrer CTA-Schaltfläche einen großen Unterschied machen können.

Warum sollte Sie das interessieren? Die Zahlen sprechen für sich:

Laut verschiedenen E-Mail-Marketing-Statistiken ist E-Mail das effektivste Instrument, um den Umsatz zu steigern und die Konversion Ihrer Marketingkampagnen zu beeinflussen. Während einige darauf bestehen, dass „heutzutage niemand mehr E-Mails liest“, bleibt dies der Kommunikationskanal Nr. 1 für 85% der Erwachsenen und die wichtigste ROI-Quelle für 59% von Vermarktern.

Darüber hinaus steigert E-Mail den Umsatz als soziale Medien:

61% der Verbraucher sagen, dass sie kaufen, nachdem sie eine Marketing-E-Mail erhalten haben, und 49% Geben Sie zu, dass sie auf E-Mails mit Angeboten einer Marke warten.

Wollen Sie diese Macht trotz alledem nicht zu Ihrem Vorteil nutzen?

Personalisiert und zielgerichtet: Ihre E-Mail hat alle Chancen, Verbraucher anzusprechen und ihr Interesse für einen Kauf bei Ihnen zu wecken. Und sein CTA gehört zu den Dingen, die Sie für eine bessere Konvertierung optimieren müssen.

Wie Sie das tun, um Ihre Wirkung zu erzielen E-Mail-Marketing-ROI?

Lesen Sie weiter, um es herauszufinden.

5 Tricks zum Entwerfen des anklickbaren E-Mail-CTA-Buttons

Nachfolgend finden Sie fünf praktische Tipps für die bestmögliche Gestaltung Ihres E-Mail-CTA-Buttons. Und während einige für erfahrene E-Mail-Marketer offensichtlich erscheinen mögen, gehören alle fünf zu den häufigsten Fehlern, die sie in der Praxis machen.

1) Stellen Sie sicher, dass eine E-Mail-Schaltfläche vorhanden ist

Wenn du schreibst kalte E-Mails, konzentrieren Sie sich auf Betreffzeilen, Preheader und E-Mail-Textkopien, um Zielgruppen zum Klicken zu bewegen. Auch wenn dort Handlungsaufforderungen eine Rolle spielen, wird dieser Teil Ihrer Marketingbotschaft noch wichtiger, wenn Sie Willkommens-E-Mails, Newsletter oder E-Commerce-Nachrichten versenden.

Warum?

Da es die Entscheidung eines Benutzers beeinflusst und motiviert, fortzufahren und die Beziehung zu Ihrer Marke fortzusetzen oder Ihr Angebot abzulehnen, schließen Sie die E-Mail und verschieben Sie sie in den Papierkorb.

Wenn Sie E-Mail-Marketing-Plattformen für Kampagnen nutzen, haben Sie mehrere Möglichkeiten, Ihren CTA zu gestalten: Machen Sie ihn zu einem Link, einem Bild oder einer HTML-E-Mail-Schaltfläche. Stellen Sie sicher, dass Sie die Entscheidung eines Benutzers beeinflussen und ihn zum Klicken bewegen Wählen Sie eine Schaltflächenoption:

Laut Statistik entsteht dadurch ein 45% Steigerung der Klicks.

Ein paar Gründe dafür:

  1. Psychologisch: Die meisten Leute betrachten Links in E-Mails immer noch als Spam, sodass Ihre Zielgruppe Ihren Link-CTA einfach ignorieren kann.
  2. Technisch: Einige Ihrer potenziellen Kunden sehen keinen CTA, wenn Sie ein Bild daraus machen, weil sie Bilder in E-Mails deaktivieren.
  3. Praktisch: HTML-basierte E-Mail-CTA-Schaltflächen lassen sich einfacher entwerfen und steuern, da ihre Größe, Farbe und Position im E-Mail-Text geändert werden können.

Der erste Trick, den Sie berücksichtigen sollten, wenn Sie bereit sind, Ihre E-Mail-Konvertierung zu beeinflussen, besteht darin, Folgendes zu tun: Gestalten Sie seinen CTA wie einen Knopf damit mehr Interessenten aufmerksam werden und sich für einen Klick entscheiden.

Eine lustige Tatsache beim E-Mail-Schaltflächen-HTML ist, dass Sie in einer E-Mail zwar eine schicke Schaltfläche mit abgerundeten Ecken und einem Farbverlauf sehen, der eigentliche HTML-Code für die Schaltfläche selbst jedoch sehr einfach ist. Es handelt sich lediglich um ein normales Schaltflächenelement, dessen Stil mithilfe von CSS angewendet wird.

2) Berücksichtigen Sie Farbe und Größe

Die Chancen stehen gut, dass Sie schon davon gehört haben Farbpsychologie und seine Rolle in Ihrer Markenidentität und beim Hervorrufen bestimmter Emotionen bei den Verbrauchern. Das Gleiche gilt für eine CTA-Schaltfläche in E-Mails: Berücksichtigen Sie bei der Gestaltung die Farbe, damit sie zu Ihrer Markenpalette passt und hell genug ist, damit ein Verbraucher sehen kann, wo er klicken muss.

Aufgrund der erwähnten Farbpsychologie geben Experten die beiden besten Farben für CTA-Buttons in E-Mails an: Orange und Grün.

Orange steht für Freundlichkeit und Grün für Frieden, sodass beide Farben perfekt geeignet sind, um Vertrauen aufzubauen und positive Emotionen beim Klicken hervorzurufen. Außerdem sind beide Farben hell genug, damit ein CTA im E-Mail-Text hervorsticht.

Einige bestehen darauf, dass die rote Farbe auch deshalb gut geeignet ist, weil sie Aufregung und Verlangen auslöst, während andere sie für aggressiv und leistungshemmend halten. Dennoch hängt hier alles vom Kontext ab.

Für welche Farbe Sie sich auch entscheiden, abhängig von Ihrer Markenidentität und den Emotionen, die Sie hervorrufen möchten, denken Sie auch an den Kontrast und die Größe eines Knopfes:

Ja, es muss auffallen, unabhängig von Ihrem Marketingziel: um Ihre E-Mail-Liste zu erweitern, verwandeln Sie Abonnenten in Leads oder verkaufen Sie ein Produkt direkt über Ihre E-Mail. Aber der Trick besteht darin Machen Sie es zum Blickfang und nicht zur Ablenkung.

Größer ist nicht gleich besser: Finden Sie einen Kompromiss zwischen groß und klein und platzieren Sie einen CTA nicht aggressiv in der Hoffnung auf mehr Interesse und Klicks.

Die Best Practices hier sind:

  • Wählen Sie CTA-Button-Farben, die zu Ihrer Markenidentität passen.
  • Halten Sie diese Farben in jeder E-Mail konsistent, damit Abonnenten sie mit Aktionen verknüpfen und schnell erkennen können, worauf sie klicken müssen.
  • Machen Sie Ihre CTA-Schaltfläche auffälliger als den Text der E-Mail, aber gehen Sie dabei einfach vor: Sie sollte auch berührungsfreundlich für Benutzer sein, die Ihre E-Mails auf Mobilgeräten lesen.
  • Machen Sie es hell genug, um es zu erkennen: Sorgen Sie für einen hohen Kontrast zum E-Mail-Hintergrund.

3) Denken Sie an den Text darauf

Ein weiteres entscheidendes Element Ihres E-Mail-Button-Designs ist die Überzeugungskraft und argumentativer Text du schreibst darauf. Als Vermarkter darf man es nicht unterschätzen:

Während Farbe, Größe und Position eines CTAs in einer E-Mail dazu dienen, die Aufmerksamkeit eines Benutzers zu erregen und Emotionen hervorzurufen, hilft ihm der Text zu verstehen, ob es sich lohnt, darauf zu klicken. Damit Ihr CTA-Text funktioniert, gestalten Sie ihn bitte wie folgt:

  • Machen Sie es handlungsorientiert: Die Leser sollten verstehen, was zu tun ist und welche Vorteile sie durch das Klicken erhalten.
  • Verwenden Sie überzeugende Verben wie „„holen“, „ausprobieren“, „einkaufen“, „reservieren“, „herunterladen“, "Kaufen," und andere. Vermeiden Sie langweilige "Klicke hier" or "einreichen," Dabei handelt es sich lediglich um allgemeine Anweisungen, die nichts mit Ihrer spezifischen Bestellung zu tun haben.
  • Halten Sie den Text kurz: zwei oder drei Wörter; Na ja, maximal fünf Wörter.
  • Stellen Sie die Schriftgröße so ein, dass sie gut lesbar ist.
  • Berücksichtigen Sie unterschiedliche CTA-Texte für verschiedene Kundensegmente in Ihrem Verkaufstrichter. Es liegt auf der Hand, dass a "Kaufe jetzt" Der E-Mail-Button wird in einem Willkommens-Newsletter arrogant und unzeitgemäß aussehen, wenn a "Erzähl mir mehr" Variante würde besser funktionieren.

Ein weiterer Trick, den Sie ausprobieren sollten, besteht darin, den Text Ihrer E-Mail-CTA-Schaltfläche in der Ich-Form zu schreiben, wenn Ihr Markenton dies zulässt: Verwenden Sie in einer Schaltflächenkopie „ich“ und „mein“ anstelle von „Sie“. Zum Beispiel:

  • „Gib mein Buch“ nicht „Holen Sie sich Ihr Buch“
  • „Ja, ich möchte Inhalte“ nicht „Nehmen Sie Ihre Inhalte“
  • „Schick mir das Kit“ nicht „Probieren Sie Ihr Kit aus“
  • "Zeig mir wie," nicht "Lernen wie"

Eine solche Personalisierung führte einst zu einem 90% Klick-Erhöhung für Unbounce, warum also nicht gleich testen und ihm neues Leben einhauchen?

4) Suchen Sie Ihren E-Mail-CTA richtig

Die erste Regel des E-Mail-Marketer-Clubs lautet: Sie Geben Sie nicht mehr als einen CTA ein in einer E-Mail. Die zweite Regel des E-Mail-Marketer-Clubs lautet: Sie dürfen nicht mehr als einen CTA in eine E-Mail einfügen.

Die dritte Regel des E-Mail-Marketer-Clubs lautet: Um sicherzustellen, dass Ihr CTA auffällig, aber nicht ablenkend ist, lokalisiere es richtig.

Zunächst zur Anzahl der CTA-Buttons in einer E-Mail:

Das „mehr Optionen, mehr Chancen zum Auswählen und Klicken“ funktioniert hier nicht. Ihre zahlreichen CTAs können einen Benutzer verwirren oder überfordern. Bitte denken Sie an ein Aufmerksamkeitsverhältnis im Marketing: Es sollte 1:1 zwischen dem sein, was eine Person auf einer Seite tun kann, und dem, was Sie von ihr erwarten.

Je mehr Optionen Sie angeben, desto wahrscheinlicher ist es, dass Sie ihre Aufmerksamkeit verlieren. Darüber hinaus riskieren Sie, einen dieser Effekte auszulösen, wenn Sie viele Optionen haben:

  1. Wahllähmung: Je mehr Optionen wir haben, desto anspruchsvoller oder sogar anspruchsvoller demotivierend Es liegt an uns, eine Entscheidung zu treffen.
  2. Reue des Käufers: Je mehr Optionen wir haben, desto eher werden wir die Entscheidung bereuen, weil wir denken, dass sie falsch sein könnte.

Wenn Sie also möchten, dass ein Benutzer entscheidet und Maßnahmen ergreift, stellen Sie ihm einen direkten CTA zur Verfügung, den er berücksichtigen sollte.

Doch wie so oft im Marketing gibt es ein paar Ausnahmen von der Regel:

  • Fühlen Sie sich frei, mehrere Calls-to-Action zu platzieren, wenn sie einen Benutzer dazu verleiten die gleiche Seite.
  • Denken Sie über ein paar CTAs in einer E-Mail nach, wenn es um E-Commerce geht Werbung für mehrere Produkte/Dienstleistungen. Wenn das der Fall ist, gestalten Sie Ihre E-Mail entsprechend: Teilen Sie sie in Abschnitte mit jeweils einem anderen Aufruf zum Handeln. Dadurch wird es für Benutzer einfacher, Ihre E-Mails zu scannen und zu verstehen, worum es in den einzelnen Bereichen geht.

Und nun zum E-Mail-CTA-Standort:

Die beste Vorgehensweise wäre, es „über dem Falz“ zu platzieren, damit Leser, die nicht gerne scrollen, es ohnehin sehen können. Weitere Tipps hängen davon ab, welches Gerät Ihre Zielgruppe zum Lesen von E-Mails bevorzugt:

  • Für Desktop-Benutzer: Platzieren Sie einen CTA rechts vom E-Mail-Text und den Bildern.
  • Für mobile Benutzer: Platzieren Sie einen CTA vorne und in der Mitte oder berücksichtigen Sie die obere linke Ecke Ihrer E-Mail, da einige Android-Apps nur diesen Teil anzeigen.

Die richtige Platzierung Ihres E-Mail-CTA-Buttons ist eine Garantie dafür, dass alle Kontakte ihn sehen, unabhängig von ihrem Gerät und ihren Lesegewohnheiten.

5) Leerraum hinzufügen

Hinzufügen Leerraum Es ist eine gute Vorgehensweise, in E-Mails eine CTA-Schaltfläche zu umschließen: Sie trennt sie vom Text und anderen Elementen, schafft einen visuellen Fokus für die Leser und hebt die Schaltfläche hervor.

Apropos mobile Nutzer: Leerzeichen haben auch eine praktischere Funktion: Sie schaffen einen zusätzlichen Bereich um den Text herum und erleichtern so das Klicken mit den Fingern.

Fazit

Wenn es um die Klickrate einer E-Mail geht, kommt es auf jedes Detail an, und nicht zuletzt auf das Design Ihres CTA-E-Mail-Buttons: Farbe, Größe, Position und Text können den Unterschied für Ihre gesamte Marketingkampagne ausmachen.

Die Best Practices hier:

  1. Gestalten Sie es als Schaltfläche, nicht als Link oder Bild.
  2. Berücksichtigen Sie Ihre Markenidentität, Farbpsychologie und Kontrast, wenn Sie sich für die Farbe und Größe eines Knopfes entscheiden.
  3. Verwenden Sie handlungsorientierten, überzeugenden und kurzen Text für Ihren CTA-Button.
  4. Wählen Sie einen geeigneten Platz dafür in Ihrem E-Mail-Text: Stellen Sie sicher, dass es auf Desktop- und Mobilgeräten gut aussieht und funktioniert.
  5. Fügen Sie Leerzeichen hinzu, um einen CTA von anderen Elementen Ihrer E-Mail zu trennen und ihn hervorzuheben.

Wenn Sie bereit sind, beim E-Mail-Design noch einen Schritt weiter zu gehen, können Sie auch interaktive E-Mail-Elemente und animierte CTA-Buttons ausprobieren. Das neuester E-Mail-Marketing-Trend kann Ihnen dabei helfen, Abonnenten zu gewinnen, Aktionen auszulösen und Feedback von ihnen zu erhalten.

Und sobald Sie eine entwickelte Content-Strategie haben, können Sie es tun E-Mails automatisieren Nutzen Sie Online-Marketing-Tools und wählen Sie diejenigen aus, die für Sie am besten funktionieren.

Des Autors Bio

Lesley Vos

Lesley ist eine professionelle Texterin und Gastautorin und bloggt derzeit bei Bid4Papers, eine Plattform, die Studenten und Autoren mit Schreiblösungen unterstützt. Sie ist auf Datenrecherche, das Schreiben von Webtexten und die Förderung von Inhalten spezialisiert und liebt Wörter, Sachliteratur und Jazz.

Wandeln Sie mit mehr Besucher in Kunden, Leads und E-Mail-Abonnenten um PoptinDie wunderschönen und äußerst zielgerichteten Pop-ups und Kontaktformulare von.