Einfügen von effektiven Calls-to-Action (CTAs) in deine E-Mail-Designs (Schaltfläche)

Erstelle auffällige Schaltflächen, um die Leser:innen in deinen E-Mail-Kampagnen zum Handeln aufzufordern. Mit dem Inhaltsblock Button (Schaltfläche) im Drag & Drop-E-Mail-Editor, auch Call-to-Action (CTA) genannt, kannst du deine Empfänger:innen zum nächsten Schritt leiten: sei es der Besuch deiner Website, ein Kauf oder die Anmeldung zu einem Ereignis. Eine gut platzierte und gut gestaltete CTA kann den entscheidenden Unterschied in der Effizienz deiner Kampagne ausmachen.

Erste Schritte

💡 Tipps für einen effektive Call-to-Action (Aufforderung zum Handeln)

Deine CTA sollte klar, prägnant und visuell ansprechend sein. Behalte diese bewährten Praktiken im Hinterkopf:

  • Kurz halten (2 bis 4 Wörter)
    Lange Schaltflächen sehen kompliziert aus und verringern die Wirkung.
  • Aktionsverben verwenden („Kauf“, „Shoppe“, „Buche“, „Probiere“) 
    Das ermutigt die Leser:innen, sofort zu handeln.
  • Kontrastreiche Farben auswählen
    So hebt sich deine Schaltfläche vom Rest deiner E-Mail ab.
  • Strategisch positionieren
    Platziere deine Haupt-CTA ganz oben und wiederhole sie bei Bedarf am Ende.
  • Gestalte sie Handy- und Dunkelmodus-freundlich
    Achte darauf, dass die Schaltfläche groß genug ist, um sie auf einem mobilen Bildschirm leicht antippen zu können, und dass sie auch auf einem dunklen Bildschirm sichtbar ist.

✅ Gut gemacht!

❌ Das funktioniert nicht!

DDE_button-dos_en-us.png
DDE_button-donts_en-us.png

🖱️ Einfügen einer Schaltfläche in dein E-Mail-Design

So fügst du eine Schaltfläche in dein E-Mail-Design ein:

  1. Ziehe einen Inhaltsblock Button (Schaltfläche) auf den E-Mail-Canvas und lege ihn dort ab. 
  2. Klicke auf die Schaltfläche und ersetze die Call to Action durch deinen eigenen Text. Die Einstellungen der Schaltfläche öffnen sich im linken Bereich.
  3. (Optional) Klicke auf magic-wand-icon.pngUse AI assistant (AI-Assistent verwenden) in der oberen Symbolleiste, um den Text deiner Schaltfläche zu verfeinern
  4. Im Bereich Link settings (Link-Einstellungen) wählst du aus der Dropdown-Liste Type of link (Art des Link) aus, welche Art von Link du unter deiner Schaltfläche hinzufügen möchtest:
    Externe Links
    • Absolute link (URL) (Absoluter Link (URL))
      Dies ist die grundlegende Option für Links. Wähle sie aus, wenn du eine URL hinzuzufügen möchtest.
    • Email Link (mailto) (E-Mail-Link (mailto))
      Fügt einen Link zu einer E-Mail-Adresse hinzu.
    • Click-to-call phone number (Klicken zum Anrufen einer Telefonnummer)
      Fügt einen Link zu einer Telefonnummer hinzu.
    Standard-Links
    • Abmeldelink (allgemein)
      Der Abmeldelink wird automatisch in den Footer deiner Kampagnen eingefügt. Es ist ein Link, auf den die Empfänger:innen klicken können, um die Brevo-Abmeldeseite zu öffnen und deine E-Mails nicht mehr zu erhalten. Ein Abmeldelink in deinen Kampagnen ist obligatorisch, da er für deine Kontakte und für das ordnungsgemäße Funktionieren deiner Kampagnen unerlässlich ist. 
      ➡️ Weitere Informationen findest du in unserem speziellen Artikel über Abmeldelinks.
    • Double-Opt-In-Link
      Füge deinem E-Mail Template einen Double-Opt-In-Link hinzu, wenn du möchtest, dass deine Empfänger:innen das Erhalten deiner E-Mails bestätigen, nachdem sie dein Anmeldeformular ausgefüllt haben. 
      ➡️ Weitere Informationen findest du in unserem Artikel über die Erstellung eines Double-Opt-In Bestätigungs-Templates.
    • Im Browser anzeigen
      Der Mirror-Link kann im Header deiner Kampagnen eingefügt werden. Es ist ein Link, auf den die Empfänger:innen klicken können, wenn sie deine E-Mail in ihrem Postfach nicht sehen können und sie als Webseite öffnen möchten. Ein Mirror-Link in deinen Kampagnen ist nicht zwingend erforderlich. 
      ➡️ Weitere Informationen findest du in unserem speziellen Artikel über Mirror-Links.
    • Präferenzen aktuzlisieren
      Brevo bietet ein Profilaktualisierungsformular an, mit dem du aktuelle Informationen über deine Abonnent:innen sammeln kannst, z. B. ihre Daten, Präferenzen und sogar, für welche Listen sie sich anmelden möchten. Wir empfehlen, einen Link zu diesem Formular im Footer all deiner E-Mails einzufügen, damit deine Abonnent:innen ihre Präferenzen mit dir teilen können. 
      Dein Profilaktualisierungsformular wird automatisch in die zusätzlichen Einstellungen deiner E-Mail-Kampagne aufgenommen, wie hier erklärt
      Wenn du ein E-Mail-Template erstellst, musst du den Link manuell in das Formular zum Aktualisieren der Präferenzen einfügen.
      ➡️ Weitere Informationen findest du in unserem speziellen Artikel über die Aktualisierung von Profillinks.
    Brevo-Links
    Anker-Links
    • Relativer Link (für Anker)
      Sobald du einen Anker in deiner Kampagne erstellt hast, verwendest du diese Option, um eine Verknüpfung mit dem Anker herzustellen.
      Beispielsweise, um zu einem bestimmten Teil des Newsletters weiter oben auf der Seite zurückzugehen.
    • Anker für relative Links
      Erstelle an einer beliebigen Stelle deiner Kampagne einen Anker und verwende dann die Option für relative Links, um eine Verknüpfung mit diesem Anker herzustellen.

    ➡️ Weitere Informationen zu Ankerlinks findest du in unserem speziellen Artikel Einfügen eines Inhaltsverzeichnis und von Ankerlinks in deiner E-Mail.

  5. Gib in der Dropdown-Liste Link target (Linkziel) je nach ausgewähltem Linktyp eine URL ein, wähle einen Link aus oder gib alle erforderlichen Informationen ein. 
    DDE_insert-button-content-block_en-us.gif
  6.  (Optional) Klicke auf das Symbol {} Variable hinzufügen, um deine URL mit einem Kontakt-Attribut, Ereignisdaten oder einer Datenfeed-Variable zu personalisieren.
  7. (Optional) Füge einen Link-Titel hinzu, um deinen Empfänger:innen einen Tooltip anzuzeigen, der das Ziel des Links beschreibt, wenn sie mit der Maus darüber fahren.

Herzlichen Glückwunsch! 🎉 Du hast erfolgreich eine Call-to-Action zu deiner E-Mail hinzugefügt. Du kannst sie jetzt an deine Marke anpassen

🎨 Bearbeiten und Anpassen des Stils deiner Schaltfläche 

💡 Gut zu wissen
Wenn du möchtest, dass alle deine Schaltflächen die gleiche Textfarbe, Schriftart und das gleiche Format sowie die gleiche Breite, den gleichen Radius, die gleichen Farben und Ränder haben, kannst du ihre visuelle Identität auf der Registerkarte Styl (Stil) festlegen. Weitere Informationen findest du in unserem Artikel Konfiguration deines E-Mail-Layouts und -Designs über die Registerkarte Style.

Jetzt, wo du deine Schaltfläche hinzugefügt hast, kannst du sie selbst gestalten! Passe den Text, die Farbe und die Form an, um einen CTA zu erstellen, die zu deiner Marke passt und auf den ersten Blick Aufmerksamkeit erregt:

Farbe und Größe (Breite und Höhe) der Schaltfläche ändern 

Um die Farbe und Größe deiner Call-to-Action zu ändern, klicke auf die Schaltfläche, um die Einstellungen im linken Bereich zu öffnen. Dort kannst du Folgendes tun:

↔️ Ändern der Breite deiner Schaltfläche

Um die Breite deiner Schaltfläche zu ändern, ziehst du einfach an den Seiten, um sie länger oder kürzer zu machen. Alternativ kannst du die Breite in % oder Pixeln im Feld Width (Breite) im Bereich Button settings (Einstellungen der Schaltfläche) ändern. 

DDE_change-button-width_en-us.gif
↕️ Ändern der Höhe deiner Schaltfläche

Um die Höhe deiner Schaltfläche zu ändern, öffne den Bereich Spacing (Abstand) im linken Fenster und füge oben und unten einen Abstandhalter hinzu. 

DDE_change-button-height_en-us.gif
🖍️ Ändern der Farbe deiner Schaltfläche

Um die Farbe deiner Schaltfläche zu ändern, öffne den Bereich Button settings (Einstellungen der Schaltfläche) im linken Bereich und wähle eine Farbe aus der Option Background color (Hintergrundfarbe).

DDE_change-button-color_en-us.gif

Ändern der Farbe, Schriftart, Größe usw. des Textes deiner Schaltfläche.

Um die Textfarbe und das Format deiner Schaltfläche anzupassen, klicke auf die Schaltfläche und verwende die obere Tool-Leiste. Von dort aus kannst du Folgendes tun:

  1. Nutze AI, um deinen Text zu verfeinern; 
  2. Ändere Schriftart, Größe, Farbe, Format; und
  3. Füge Emojis oder Variablen hinzu. 
DDE_edit-button-text-en-us.png

➡️ Weitere Informationen darüber, wie du die obere Symbolleiste verwenden kannst, um deinen Text anzupassen, findest du in unserem speziellen Artikel Über die Inhaltsblöcke Titel und Text.

Abgerundete Ecken für deine Schaltfläche hinzufügen

Um deiner Schaltfläche abgerundete Ecken hinzuzufügen, öffnest du den Bereich Button settings(Einstellungen der Schaltflächen) und wählst deinen Eckenradius aus der Option Rounded corners (Abgerundete Ecken):

DDE_add-rounded-corners-button_en-us.gif

Einen Rahmen für deine Schaltfläche hinzufügen

Um deiner Schaltfläche einen Rahmen hinzuzufügen, öffne den Bereich Button settings (Einstellungen der Schaltfläche) und wähle die Breite deines Rahmens und seine Farbe unter der Option Borders (Rahmen) aus:

DDE_add-border-button_en-us.gif

❓ FAQs

Kann ich Klicks für meine CTA verfolgen?

Ja! Brevo verfolgt automatisch Klicks für deine Links und CTAs. Du kannst die Analyse der Klicks über den E-Mail-Kampagnenbericht aufrufen. 

⏭️ Nächste Schritte

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.

Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit der richtigen zertifizierten Brevo-Partneragentur verbinden.

💬 War dieser Beitrag hilfreich?

0 von 0 fanden dies hilfreich