Wie sollte der CTA-Button aussehen? Ein Mailing soll dem Empfänger das Angebot verdeutlichen und wie er dieses in Anspruch nehmen kann. Häufig wird immer der gesamte Newsletter bei der Erstellung beachtet und nicht primär bestimmte Bereiche. Allerdings sehen die Empfänger abhängig von der Mailansicht und dem Gerät im Durchschnitt nur20 Prozent des Mailings. Dieser Bereich ist entscheidend um das Angebot zu kommunizieren, den Empfänger zum Kauf oder einer anderen Aktion (Anmeldung, Umfrage) motivieren. Zusätzlich Interesse wecken um sich auch den restlichen Inhalt anzusehen.
Und hier kommt der sogenannte CTA-Button (Call-to-action) ins Spiel. Dieser Button kann zum Beispiel mit Zeitdruck („Nicht verpassen“) oder Limitierung („Nur noch 500 Stück vorrätig“) zur schnellen Konvertierung führen. Zusätzlich solltest du den CTA an mehreren Stellen des Mailings platzieren. Im oberen Bereich (20%), nach dem Lesen der Einleitung (auch im Text als Link), im mittleren Bereich nach Produktvorstellungen und noch einmal zum Abschluss des Mailings ganz unten. Du kannst dann auch einmal mit der Beschriftung etwas variieren, also nicht immer nur „Jetzt kaufen“ sondern auch „10% sparen“, „Gutschein einlösen“ oder „30 Tage kostenlos testen“.
Wie man einen CTA-Button erstellt, der die Conversions steigert!
Video auf YouTube ansehen (11:18 Min.)Bei dem CTA-Button solltest du darauf achten, dass eine Menge sogenannte informationsfreie Fläche ihn umgibt, als Weißraum. Dadurch ist dieser besser erkennbar. Du solltest am besten immer direkt im CTA-Button ausdrücken, was den Nutzer nach dem Klick erwartet, also auf welche Seite ihn dieser führt. Laut einer Studie sind gründ und orange die optimalen Buttonfraben. Zusätzlich konvertiert die Farbe Rot gut bei Angebotsaktionen. Allerdings solltest du die Farben einmal testen sowie die Formen. Bei den Farben solltest du am besten auch deine Unternehmensfarbe(n) integrieren. Elementor hat einen schönen Beitrag mit 19 CTA Beispielen.
Kennst du schon das KANO Modell um deine Kundenzufriedenheit zu erhöhen?
Ergänzung Oktober 2026
Technisch solltest du deinen Button als HTML anlegen und nicht als Bild. Ein solcher Button besteht aus einer farbigen Fläche mit echtem Text. Er bleibt sichtbar, wenn der Client Bilder blockiert, und lässt sich ohne Grafikprogramm ändern.
So gehst du bei der Gestaltung vor.
- Text formulieren: Kombiniere ein Verb mit dem Nutzen, etwa “Gutschein einlösen” oder “Kollektion ansehen”.
- Einen Haupt-CTA festlegen: Jede Mail hat ein Hauptziel. Weitere Ziele setzt du als einfache Textlinks, damit sie nicht konkurrieren.
- Positionen getrennt messen: Gib jedem Button einen eigenen Linkparameter. So erkennst du, ob oben oder unten mehr geklickt wird.
- Nur eine Sache testen: Ändere im A/B Test entweder Farbe, Text oder Position. Bei mehreren Änderungen weißt du nicht, was gewirkt hat.
- Auf dem Smartphone prüfen: Der Button muss sich mit dem Daumen gut treffen lassen und darf nicht umbrechen.
Ein häufiger Fehler ist ein Button, der als Bild eingebaut ist. Bei blockierten Bildern sieht der Empfänger dann nur eine leere Fläche.
Ein zweiter Fehler sind mehrere gleich starke Buttons mit unterschiedlichen Zielen. Der Leser muss sich entscheiden und klickt im Zweifel gar nicht.
Achte außerdem darauf, dass die Landingpage hält, was der Button verspricht. Steht dort “Gutschein einlösen”, muss der Gutschein auf der Zielseite sofort sichtbar sein.
