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. 
  3. (Optional) Klicke auf das AI-Stift-Symbol ai-pen-icon.png unter der Schaltfläche in der oberen Text-Symbolleiste, um deinen Text der Schaltfläche zu generieren oder zu verfeinern. 
  4. Wähle im Bereich Link settings (Link-Einstellungen) aus dem Dropdown-Menü Type of link (Link-Typ) 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.
    • Click-to-call phone number (Klicken
      zum Anrufen einer Telefonnummer) Fügt einen Link zu einer Telefonnummer hinzu.
    • Email Link (mailto) (E-Mail-Link (mailto))
      Fügt einen Link zu einer E-Mail-Adresse hinzu.
    Standard-Links
    • Abmelde-Link (global)
      Der Abmelde-Link wird automatisch im Footer deiner Kampagnen hinzugefügt. Es ist ein Link, auf den Empfänger klicken können, um deine Brevo-Abmeldeseite zu öffnen und keine E-Mails mehr von dir zu erhalten. Das Vorhandensein eines Abmelde-Links in deinen Kampagnen ist obligatorisch, da sie 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 Abmeldungs-Links.
    • 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.
    • Webversion
      Der Mirror-Link kann im Header deiner Kampagnen hinzugefügt werden. Es ist ein Link, auf den Empfänger klicken können, wenn sie Probleme haben, deine E-Mail in ihrem Postfach zu sehen, und deine E-Mail als Webseite öffnen möchten. Ein Mirror-Link ist in deinen Kampagnen nicht zwingend erforderlich.
      ➡️ Weitere Informationen findest du in unserem speziellen Artikel über Mirror-Links.
    • Link zum Kontaktprofil
      Brevo bietet ein Profilaktualisierungsformular an, um aktuelle Informationen über deine Abonnenten zu sammeln, wie etwa deren Details, Präferenzen und sogar die Listen, für die sie sich anmelden möchten. Wir empfehlen, einen Link zu diesem Formular im Footer aller deiner E-Mails einzufügen, damit Abonnenten ihre Präferenzen mit dir teilen können.
      Dein Profilaktualisierungsformular wird automatisch in den zusätzlichen Einstellungen deiner E-Mail-Kampagne hinzugefügt, wie hier erklärt.
      Wenn du ein E-Mail-Template erstellst, musst du den Link zum Formular Aktualisieren deiner Einstellungen manuell hinzufügen.
      ➡️ Weitere Informationen findest du in unserem speziellen Artikel über Links zur Profilaktualisierung.
    • Zustimmung zum Pixel-Tracking widerrufen
      Füge deinem E-Mail-Footer einen Link Zustimmung zum Pixel-Tracking widerrufen hinzu, wenn du möchtest, dass deine Empfänger gemäß der CNIL-Empfehlung das Pixel-Tracking abbestellen können. Das Hinzufügen eines Links zum Widerruf der Zustimmung zum Pixel-Tracking zu deinen Marketing-E-Mails, die an Kontakte mit Sitz in Frankreich versendet werden, ist neben dem Abmeldelink obligatorisch.
      ➡️ Weitere Informationen zum Pixel-Tracking findest du in unserem speziellen Artikel Über E-Mail-Tracking-Pixel und die CNIL-Empfehlung bei Brevo.
    Brevo-Links
    • Zahlungen
      Wähle einen deiner in Zahlungen erstellten Zahlungslinks aus. 
      ➡️ Weitere Informationen findest du in unseren speziellen Artikeln zu Zahlungen. 
    • Wallet Pass
      Wähle einen deiner Wallet-Pässe aus, die in Wallet erstellt wurden. 
      ➡️ Weitere Informationen findest du in unserem speziellen Artikel über Wallet. 
    Anker-Links
    • Relativer Link (auf Anker)
      Sobald du einen Anker in deiner Kampagne erstellt hast, verwende diese Option, um einen Link mit dem Anker herzustellen.
      Beispielsweise, um zu einem bestimmten Teil des Newsletters 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 in der oberen Symbolleiste auf das Symbol { } Add variable (Variable hinzufügen), um deine URL mit einem Kontakt-Attribut, Ereignissen oder einer Datenfeed-Variablen anzupassen.
  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 erstellen oder zu verfeinern; 
  2. Ändere Schriftart, Größe, Farbe, Format;
  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?

2 von 14 fanden dies hilfreich