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, 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 Ihrer Campaigns und das Erstellen von Berichten. Wenn Sie beispielsweise den Berichts-Builder verwenden, können Sie nach bestimmten Tags filtern.
  5. Fügen Sie so viele Varianten hinzu und benennen Sie sie, 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.

3. Schritt: 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, Klartext und AMP wechseln.

Der Button „Aus HTML regenerieren“.

Braze aktualisiert die Klartextversion automatisch aus der HTML-Version, bis eine Bearbeitung am Klartext erkannt wird. Sobald Braze eine Bearbeitung erkennt, wird die automatische Aktualisierung gestoppt, da davon ausgegangen wird, dass Sie absichtliche Änderungen vorgenommen haben. Um die automatische Synchronisierung wiederherzustellen, gehen Sie zu Klartext und wählen Sie Aus HTML regenerieren (nur sichtbar, wenn der Klartext nicht synchronisiert wird).

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

Gmail-App für Mobilgeräte und Dark Mode

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

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:

1

<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 Versandeinstellungen 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 Versandeinstellungen > Erweitert die Option Inline-CSS für die breiteste Client-Unterstützung. Wenn Nachrichten abgeschnitten werden oder Bilder auf Zeilenhöhe gestreckt werden, versuchen Sie, Inline-CSS vorübergehend auszuschalten. Einige Templates verhalten sich 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, die Sie berücksichtigen sollten.

E-Mail-Header

Um E-Mail-Header hinzuzufügen, wählen Sie Neuen Header hinzufügen. E-Mail-Header enthalten Informationen über die gesendete E-Mail. Diese Schlüssel-Wert-Paare umfassen in der Regel Absender-, Empfänger:innen-, Authentifizierungsprotokoll- und Routing-Informationen. Braze fügt automatisch die gemäß RFC erforderlichen Header-Informationen hinzu, damit E-Mails 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 die Braze-Plattform beim Versand überschreibt.

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 Versandinformationen und wählen Sie Neues Extra hinzufügen.

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: Nachricht in der Vorschau anzeigen und testen

Nachdem Sie Ihre E-Mail fertig verfasst haben, testen Sie sie vor dem Versand. Wählen Sie am unteren Rand des Übersichtsbildschirms Vorschau und Test.

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

Anschließend können Sie Vorschau-Link kopieren, um einen teilbaren Vorschau-Link zu generieren und zu 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 Klartextansichten wechseln, um ein Gefühl dafür zu bekommen, wie Ihre Nachricht in verschiedenen Kontexten erscheint.

Wenn Sie für eine abschließende Prüfung bereit sind, wählen Sie Testversand 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 „Testversand“ und Beispiel-E-Mail-Vorschau beim Verfassen Ihrer E-Mail.

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

Schritt 3.3: Auf E-Mail-Fehler prüfen

Vor dem Versand markiert der Editor häufige Probleme:

  • Absender-Anzeigename 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-Body ist über 400 KB groß
  • Leerer Body oder Betreff
  • Fehlender Abmeldelink
  • Absender-Domain nicht auf der Allowlist (Versand wird stark gedrosselt)

Schritt 4: Den Rest Ihrer Campaign oder Ihres Canvas erstellen

Erstellen Sie als Nächstes den Rest Ihrer Campaign. In den folgenden Abschnitten erfahren Sie, wie Sie die Braze-Tools zum Erstellen 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 Regeln für das Frequency-Capping einrichten.

Zielgruppe zusammenstellen

Als Nächstes können Sie Nutzer:innen ansprechen, 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 auch festlegen, dass Ihre Campaign nur an Nutzer:innen mit einem bestimmten Abo-Status gesendet wird, z. B. an diejenigen, die abonniert und für E-Mails angemeldet sind.

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

Multichannel-Campaigns mit E-Mail und Push

Bei Multichannel-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 angemeldet sind, die Nachricht erhalten (unter Ausschluss von abonnierten oder abgemeldeten Nutzer:innen). Angenommen, Sie haben drei Nutzer:innen mit unterschiedlichem 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übersicht aus, diese Campaign nur an „nur angemeldete Nutzer:innen“ zu senden. Diese Option stellt sicher, dass nur angemeldete Nutzer:innen 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, nachzuverfolgen, 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 erfasst, können Sie das Konversions-Event auf eine Öffnung oder einen Klick setzen, um die intelligente Auswahl zu verwenden.

Falls noch nicht geschehen, vervollständigen Sie die verbleibenden Abschnitte Ihrer Canvas-Komponenten. Weitere Informationen zum Aufbau des restlichen Canvas, zur Implementierung multivariater Tests und der intelligenten Auswahl und mehr finden Sie im Schritt Canvas erstellen unserer Canvas-Dokumentation.

5. Schritt: Überprüfen und bereitstellen

Der letzte Abschnitt fasst die von Ihnen gestaltete Campaign zusammen. Bestätigen Sie alle relevanten Details und wählen Sie Campaign starten.

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