Skip to content

Eine E-Mail mit angepasstem HTML erstellen

E-Mail-Nachrichten eignen sich hervorragend, um Ihren Nutzer:innen Inhalte nach deren Wünschen zu liefern. Sie sind auch ausgezeichnete Werkzeuge, um Nutzer:innen erneut zu aktivieren, die Ihre App möglicherweise sogar deinstalliert haben. Das Senden von individuell angepassten E-Mail-Nachrichten verbessert das Nutzererlebnis und hilft Ihren Nutzer:innen, den größtmöglichen Mehrwert aus Ihrer App zu ziehen.

Beispiele für E-Mail-Campaigns finden Sie in unseren Fallstudien.

Schritt 1: Wählen Sie, wo Sie Ihre Nachricht erstellen möchten

Verwenden Sie Campaigns für einzelne, einfache Nachrichten. Verwenden Sie Canvases für mehrstufige User-Journeys.

  1. Gehen Sie zu Messaging > Campaigns und wählen Sie Campaign erstellen.
  2. Wählen Sie E-Mail oder, für Campaigns, die auf mehrere Kanäle abzielen, wählen Sie Multichannel.
  3. Geben Sie Ihrer Campaign einen klaren und aussagekräftigen Namen.
  4. Fügen Sie nach Bedarf Teams und Tags hinzu.
    • Tags erleichtern das Auffinden und Erstellen von Berichten über Ihre Campaigns. Wenn Sie zum Beispiel den Berichts-Builder verwenden, können Sie nach bestimmten Tags filtern.
  5. Fügen Sie so viele Varianten hinzu und benennen Sie diese, wie Sie für Ihre Campaign benötigen. Weitere Informationen zu diesem Thema finden Sie unter Multivariate und A/B-Tests.
  1. Erstellen Sie Ihr Canvas mit dem Canvas-Composer.
  2. Nachdem Sie Ihr Canvas eingerichtet haben, fügen Sie im Canvas-Builder einen Schritt hinzu. Geben Sie Ihrem Schritt einen klaren und aussagekräftigen Namen.
  3. Wählen Sie einen Schritt-Zeitplan und legen Sie bei Bedarf eine Verzögerung fest.
  4. Filtern Sie die Zielgruppe für diesen Schritt nach Bedarf. Sie können die Empfänger:innen dieses Schritts weiter eingrenzen, indem Sie Segmente angeben und zusätzliche Filter hinzufügen. Die Zielgruppenoptionen werden nach der Verzögerung zum Zeitpunkt des Nachrichtenversands überprüft.
  5. Wählen Sie Ihr Fortschrittsverhalten.
  6. Wählen Sie alle weiteren Messaging-Kanäle, die Sie mit Ihrer Nachricht kombinieren möchten.

Schritt 2: Wählen Sie Ihre Bearbeitungserfahrung

Braze bietet zwei Bearbeitungserfahrungen beim Erstellen einer E-Mail-Campaign: unseren Drag-and-Drop-Editor und unseren Standard-HTML-Editor. Wählen Sie die entsprechende Kachel für die Bearbeitungserfahrung, die Sie bevorzugen.

Auswahl zwischen dem Drag-and-Drop-Editor, dem HTML-Editor oder Templates für Ihre E-Mail-Bearbeitungserfahrung.

Anschließend können Sie entweder ein vorhandenes E-Mail-Template auswählen, ein Template hochladen (nur HTML-Editor) oder ein leeres Template verwenden.

Wenn Sie den HTML-Editor verwenden und Hintergrundfarben in der Gmail-Mobil-App bei aktiviertem Dark Mode des Geräts konsistent bleiben sollen, lesen Sie Gmail-Mobil-App und Dark-Mode-Hintergrundfarben.

Schritt 3: E-Mail verfassen

Nachdem Sie Ihr Template ausgewählt haben, sehen Sie eine Übersicht Ihrer E-Mail, von der aus Sie direkt zum Vollbild-Editor springen können, um Ihre E-Mail zu entwerfen, Ihre Versandinformationen zu ändern und Warnungen zur Zustellbarkeit oder Rechtskonformität einzusehen. Sie können beim Verfassen zwischen den Tabs HTML, Klassisch, Nur-Text und AMP wechseln.

Der Button „Aus HTML regenerieren“.

Braze aktualisiert die Nur-Text-Version automatisch aus der HTML-Version, bis eine Bearbeitung der Nur-Text-Version erkannt wird. Nachdem Braze eine Bearbeitung erkannt hat, stoppt es die automatische Aktualisierung, da davon ausgegangen wird, dass Sie beabsichtigte Änderungen vorgenommen haben. Um die automatische Synchronisierung wiederherzustellen, gehen Sie zu Plaintext und wählen Sie Regenerate from HTML (nur sichtbar, wenn die Nur-Text-Version nicht synchronisiert wird).

Brauchen Sie Hilfe beim Erstellen von Rechts-nach-links-Nachrichten für Sprachen wie Arabisch und Hebräisch? Lesen Sie Rechts-nach-links-Nachrichten erstellen für Best Practices.

Gmail-Mobile-App und Dark Mode

Die Gmail-Mobile-App (Android und iOS) kann Hintergrundfarben invertieren, wenn das Gerät im Dark Mode ist. Das kann Layouts beeinträchtigen, bei denen der E-Mail-Hintergrund mit einer Bildkante oder einer bestimmten Markenfarbe übereinstimmen sollte.

Um dies zu vermeiden, verwenden Sie in der Tabellenzelle, die einen stabilen Hintergrund benötigt, einen einfarbigen CSS-linear-gradient anstelle von background-color. Gmail invertiert diese Behandlung weniger wahrscheinlich als eine flache Hintergrundfarbe.

Um beispielsweise einen weißen Hintergrund in einer Zelle beizubehalten, verwenden Sie Folgendes:




<td style="background-image: linear-gradient(#ffffff, #ffffff);">

Ersetzen Sie #ffffff durch Ihre gewünschte Farbe.

Weitere Informationen zur Gradient-Syntax finden Sie unter CSS-Gradienten auf W3Schools.

Schritt 3.1: Versandinformationen hinzufügen

Nachdem Sie Ihre E-Mail-Nachricht entworfen und erstellt haben, fügen Sie Ihre Versandinformationen unter Sending Settings hinzu.

  1. Wählen Sie unter Sending Info eine E-Mail als From Display Name + Address aus. Sie können dies auch anpassen, indem Sie Customize From Display Name + Address auswählen.
  2. Wählen Sie eine E-Mail als Reply-To Address aus. Sie können dies auch anpassen, indem Sie Customize Reply-To Address auswählen.
  3. Wählen Sie als Nächstes eine E-Mail als BCC Address aus, um Ihre E-Mail für diese Adresse sichtbar zu machen.
  4. Fügen Sie Ihrer E-Mail eine Betreffzeile hinzu. Optional können Sie auch einen Preheader hinzufügen. Um nach dem Preheader Leerraum einzufügen, aktivieren Sie das Kontrollkästchen Add whitespace after preheader.

Eine Vorschau im rechten Panel wird mit den von Ihnen hinzugefügten Versandinformationen befüllt. Diese Informationen können auch aktualisiert werden, indem Sie zu Einstellungen > E-Mail-Präferenzen > Versandkonfiguration gehen.

Erweitert

Aktivieren Sie unter Sending Settings > Advanced die Option Inline-CSS für die breiteste Client-Unterstützung. Wenn Nachrichten abgeschnitten werden oder Bilder auf Zeilenhöhe gedehnt werden, versuchen Sie, Inline-CSS vorübergehend auszuschalten. Einige Templates funktionieren ohne Inlining besser.

Sie können auch Personalisierung für E-Mail-Header und E-Mail-Extras hinzufügen, um zusätzliche Daten an andere E-Mail-Anbieter zurückzusenden.

E-Mail-Anhänge

Sie können E-Mail-Anhänge auch mit den folgenden Methoden hinzufügen:

  • Datei hochladen: Ziehen Sie eine Datei per Drag-and-Drop oder durchsuchen Sie Ihren Computer, um eine Datei direkt in die E-Mail hochzuladen. Braze überprüft den Dateityp und die Dateigröße (standardmäßig bis zu 2 MB) vor dem Hochladen. Anschließend werden diese Dateien in die Medienbibliothek hochgeladen. Dateien, die das Limit von 2 MB überschreiten, können nicht hochgeladen werden.
  • Medienbibliothek verwenden: Durchsuchen und wählen Sie Assets aus, die bereits in der Medienbibliothek gespeichert sind. PDFs, Word-Dokumente, Excel-Dateien und PowerPoint-Präsentationen werden unterstützt.
  • Von URL hinzufügen: Geben Sie eine URL ein, die auf die Datei verweist, und legen Sie einen Anzeigenamen für die Datei fest. Da Braze bei der E-Mail-Erstellung keine beliebigen URLs auf ihre Größe prüfen kann, wird die Dateigröße erst beim Versand überprüft.

Lesen Sie die E-Mail-Richtlinien für spezifische Best Practices.

E-Mail-Header

Um E-Mail-Header hinzuzufügen, wählen Sie Add New Header. E-Mail-Header enthalten Informationen über die gesendete E-Mail. Diese Schlüssel-Wert-Paare umfassen typischerweise Sender, Empfänger:in, Authentifizierungsprotokoll und Routing-Informationen. Braze fügt automatisch die RFC-erforderlichen Header-Informationen für E-Mails hinzu, damit diese die Posteingangsanbieter erreichen.

Braze bietet Ihnen die Flexibilität, bei Bedarf zusätzliche E-Mail-Header für erweiterte Anwendungsfälle hinzuzufügen. Es gibt einige reservierte Felder, die von der Braze-Plattform beim Versand überschrieben werden.

Vermeiden Sie die Verwendung der folgenden Schlüssel:

E-Mail-Header
Reservierte Felder
BCC dkim-signature Reply-To
CC From Subject
Content-Transfer-Encoding MIME-Version To
Content-Type Received x-sg-eid
DKIM-Signature received x-sg-id
E-Mail-Extras hinzufügen

E-Mail-Extras ermöglichen es Ihnen, zusätzliche Daten an andere E-Mail-Anbieter zurückzusenden. Dies ist nur für erweiterte Anwendungsfälle relevant, daher sollten Sie E-Mail-Extras nur verwenden, wenn Ihr Unternehmen dies bereits eingerichtet hat.

Um E-Mail-Extras hinzuzufügen, gehen Sie zu Sending Info und wählen Sie Add New Extra.

E-Mail-Extra-Werte werden nicht an Currents oder Snowflake veröffentlicht. Wenn Sie zusätzliche Metadaten oder dynamische Werte an Currents oder Snowflake senden möchten, verwenden Sie stattdessen message_extras.

Schritt 3.2: Vorschau und Test Ihrer Nachricht

Nachdem Sie Ihre E-Mail fertiggestellt haben, testen Sie sie vor dem Versand. Wählen Sie am unteren Rand des Übersichtsbildschirms Preview and Test.

Hier können Sie eine Vorschau anzeigen, wie Ihre E-Mail im Posteingang von Kund:innen erscheinen wird. Mit der ausgewählten Option Preview as User können Sie eine Vorschau Ihrer E-Mail als zufällige:r Nutzer:in anzeigen, eine:n bestimmte:n Nutzer:in auswählen oder eine:n benutzerdefinierte:n Nutzer:in erstellen. So können Sie testen, ob Ihre Connected-Content- und Personalisierungsaufrufe wie erwartet funktionieren.

Anschließend können Sie über Copy preview link einen teilbaren Vorschaulink generieren und kopieren, der zeigt, wie die E-Mail für eine:n zufällige:n Nutzer:in aussehen wird. Weitere Informationen finden Sie unter Teilbare Vorschau.

Sie können auch zwischen Desktop-, Mobil- und Nur-Text-Ansichten wechseln, um ein Gefühl dafür zu bekommen, wie Ihre Nachricht in verschiedenen Kontexten erscheinen wird.

Wenn Sie für eine abschließende Prüfung bereit sind, wählen Sie Test Send und senden Sie eine Testnachricht an sich selbst oder eine Testergruppe, um zu bestätigen, dass die E-Mail auf verschiedenen Geräten und Clients korrekt angezeigt wird.

Option „Test Send“ und Beispiel einer E-Mail-Vorschau beim Verfassen Ihrer E-Mail.

Wenn Sie Probleme mit Ihrer E-Mail feststellen oder Änderungen vornehmen möchten, wählen Sie Edit Email, um zum Editor zurückzukehren.

Schritt 3.3: E-Mail auf Fehler prüfen

Vor dem Versand hebt der Editor häufige Probleme hervor:

  • Anzeigename des Absenders und Header nicht gemeinsam festgelegt
  • Ungültige Absender- oder Antwortadressen
  • Doppelte Header-Schlüssel
  • Liquid-Syntaxfehler
  • Content Blocks, die ein vollständiges <!DOCTYPE html> enthalten
  • E-Mail-Text überschreitet 400 KB
  • Leerer Text oder Betreff
  • Fehlender Abmeldelink
  • Absender-Domain nicht auf der Allowlist (Versand wird stark gedrosselt)

Schritt 4: Erstellen Sie den Rest Ihrer Campaign oder Ihres Canvas

Erstellen Sie als Nächstes den Rest Ihrer Campaign. In den folgenden Abschnitten erfahren Sie, wie Sie Braze-Tools zur Erstellung Ihrer E-Mail-Campaign verwenden.

Zustellungszeitplan oder Trigger wählen

Stellen Sie E-Mails basierend auf einem geplanten Zeitpunkt, einer Aktion oder einem API-Trigger zu. Weitere Informationen finden Sie unter Ihre Campaign planen.

Sie können auch die Dauer der Campaign festlegen, Ruhezeiten angeben und Frequency-Capping-Regeln einrichten.

Zielgruppe zusammenstellen

Als Nächstes stellen Sie Ihre Zielgruppe zusammen, indem Sie Segments oder Filter auswählen. Braze zeigt eine Live-Vorschau der Segment-Population an, einschließlich der Anzahl der Nutzer:innen, die per E-Mail erreichbar sind. Die genaue Segment-Zugehörigkeit wird unmittelbar vor dem Versand berechnet.

Sie können die Campaign auch so konfigurieren, dass sie nur an Nutzer:innen mit einem bestimmten Abo-Status gesendet wird, z. B. an Nutzer:innen, die E-Mails abonniert haben und per Opt-in zugestimmt haben.

Optional können Sie die Zustellung auch auf eine bestimmte Anzahl von Nutzer:innen innerhalb des Segments begrenzen oder Nutzer:innen erlauben, dieselbe Nachricht bei einer Wiederholung der Campaign erneut zu erhalten.

Mehrkanalige Campaigns mit E-Mail und Push

Bei mehrkanaligen Campaigns, die sowohl E-Mail- als auch Push-Kanäle ansprechen, möchten Sie Ihre Campaign möglicherweise so einschränken, dass nur Nutzer:innen, die ausdrücklich per Opt-in zugestimmt haben, die Nachricht erhalten (ohne abonnierte oder abgemeldete Nutzer:innen). Angenommen, Sie haben drei Nutzer:innen mit unterschiedlichen Opt-in-Status:

  • Nutzer:in A hat E-Mail abonniert und Push ist aktiviert. Diese:r Nutzer:in erhält die E-Mail nicht, wird aber die Push-Nachricht erhalten.
  • Nutzer:in B hat E-Mail-Opt-in, aber Push ist nicht aktiviert. Diese:r Nutzer:in wird die E-Mail erhalten, erhält aber nicht die Push-Nachricht.
  • Nutzer:in C hat E-Mail-Opt-in und Push ist aktiviert. Diese:r Nutzer:in wird sowohl die E-Mail als auch die Push-Nachricht erhalten.

Wählen Sie dazu unter Zielgruppen-Zusammenfassung aus, dass diese Campaign nur an „Nur Nutzer:innen mit Opt-in“ gesendet werden soll. Dadurch wird sichergestellt, dass nur Nutzer:innen mit Opt-in Ihre E-Mail erhalten, und Braze sendet Ihre Push-Nachricht standardmäßig nur an Nutzer:innen, die Push aktiviert haben.

Konversions-Events auswählen

Braze ermöglicht es Ihnen zu verfolgen, wie oft Nutzer:innen bestimmte Aktionen, sogenannte Konversions-Events, nach dem Empfang einer Campaign ausführen. Sie können jede der folgenden Aktionen als Konversions-Event festlegen:

  • App öffnen
  • Kauf tätigen (Dies kann ein allgemeiner Kauf oder ein bestimmter Artikel sein)
  • Bestimmtes angepasstes Event ausführen
  • E-Mail öffnen

Sie können ein Zeitfenster von bis zu 30 Tagen festlegen, in dem Braze eine Konversion zählt, wenn Nutzer:innen die angegebene Aktion ausführen. Obwohl Braze Öffnungen und Klicks automatisch verfolgt, können Sie das Konversions-Event auf eine Öffnung oder einen Klick setzen, um Mit BrazeAITM optimieren zu nutzen.

Wenn Sie es noch nicht getan haben, vervollständigen Sie die verbleibenden Abschnitte Ihrer Canvas-Komponenten. Weitere Informationen zum Aufbau Ihres Canvas, einschließlich multivariatem Testen und Mit BrazeAITM optimieren, finden Sie unter Canvas erstellen.

5. Schritt: Überprüfen und bereitstellen

Im letzten Abschnitt wird die von Ihnen erstellte Campaign zusammengefasst. Bestätigen Sie alle relevanten Details und wählen Sie Campaign starten aus.

Informationen darüber, wie Sie auf die Ergebnisse Ihrer E-Mail-Campaigns zugreifen können, finden Sie unter E-Mail-Berichterstattung.

Documentation for the Braze customer engagement platform.

Resources
Legal
Company
© 2026 Braze, Inc. All rights reserved.
Braze-Status wird geprüft
New Stuff!