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-Kampagnen finden Sie in unseren Fallstudien.

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

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

  1. Gehen Sie zu Messaging > Campaigns und wählen Sie Kampagne erstellen.
  2. Wählen Sie Email oder, für Campaigns, die mehrere Kanäle ansprechen, 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 Ihren Canvas mit dem Canvas-Composer.
  2. Nachdem Sie Ihren 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-Kampagne: 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: Verfassen Sie Ihre E-Mail

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 Sendeinformationen zu ändern und Warnungen zur Zustellbarkeit oder Rechtskonformität einzusehen. Sie können beim Verfassen zwischen den Tabs HTML, Classic, Klartext und AMP wechseln.

Der Button „Aus HTML regenerieren“.

Braze aktualisiert die Klartext-Version 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 Plaintext und wählen Sie Regenerate from HTML (nur sichtbar, wenn der Klartext 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-Mobil-App und Dark Mode

Die Gmail-Mobil-App (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 auf 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: Sendeinformationen hinzufügen

Nachdem Sie Ihre E-Mail-Nachricht fertig gestaltet und erstellt haben, fügen Sie Ihre Sendeinformationen 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 wä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 wä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 und Leerraum nach dem Preheader hinzufügen.

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

Erweitert

Unter Sending Settings > Advanced aktivieren Sie 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 zu deaktivieren. 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 hochzuladen. Braze validiert den Dateityp und die Größ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 aus bereits in der Medienbibliothek gespeicherten Assets. 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 geben Sie einen Anzeige-Dateinamen an. Da Braze beliebige URLs während der E-Mail-Erstellung nicht auf ihre Größe prüfen kann, wird die Dateigröße zum Sendezeitpunkt erzwungen. Beachten Sie, dass Liquid in diesem Feld nicht unterstützt wird.

Spezifische Best Practices finden Sie unter E-Mail-Richtlinien.

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 Absender, Empfänger:in, Authentifizierungsprotokoll und Routing-Informationen. Braze fügt automatisch die RFC-erforderlichen Header-Informationen hinzu, damit E-Mails die Postfach-Anbieter 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 Senden ü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 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 fertig verfasst haben, testen Sie sie vor dem Senden. Wählen Sie am unteren Rand des Übersichtsbildschirms Preview and Test.

Hier können Sie eine Vorschau sehen, wie Ihre E-Mail im Postfach erscheint. Mit der ausgewählten Option Preview as User können Sie Ihre E-Mail als zufällige:r Nutzer:in 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 Copy preview link wählen, 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. Der Link ist sieben Tage gültig, bevor er neu generiert werden muss.

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

Wenn Sie bereit für eine abschließende Prüfung 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.

Test-Send-Option 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 Edit Email, um zum Editor zurückzukehren.

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

Vor dem Senden markiert der Editor häufige Probleme:

  • Anzeigename und Header des Absenders nicht gemeinsam festgelegt
  • Ungültige Absender- oder Antwort-Adressen
  • 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: Erstellen Sie den Rest Ihrer Kampagne oder Ihres Canvas

Erstellen Sie als Nächstes den Rest Ihrer Campaign. In den folgenden Abschnitten finden Sie Details zur Verwendung der Braze-Tools zum Erstellen Ihrer E-Mail-Kampagne.

Zustellungszeitplan oder Trigger wählen

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

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

Zielnutzer:innen auswählen

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

Sie können auch wählen, Ihre Campaign nur an Nutzer:innen mit einem bestimmten Abo-Status zu senden, z. B. an diejenigen, die abonniert und für E-Mail angemeldet sind.

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 zweimal 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 Nachricht erhalten, die ausdrücklich angemeldet sind (unter Ausschluss von abonnierten oder abgemeldeten Nutzer:innen). Nehmen wir beispielsweise an, Sie haben drei Nutzer:innen mit unterschiedlichem Opt-in-Status:

  • Nutzer:in A ist für E-Mail abonniert und Push-aktiviert. Diese Person erhält die E-Mail nicht, wird aber den Push erhalten.
  • Nutzer:in B ist für E-Mail angemeldet, aber nicht Push-aktiviert. Diese Person wird die E-Mail erhalten, erhält aber nicht den Push.
  • Nutzer:in C ist für E-Mail angemeldet und Push-aktiviert. Diese Person wird sowohl die E-Mail als auch den Push erhalten.

Wählen Sie dazu unter Zielgruppen-Zusammenfassung 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 Ihren Push standardmäßig nur an Nutzer:innen, die Push-aktiviert sind.

Konversions-Events wählen

Braze ermöglicht es Ihnen zu verfolgen, wie oft Nutzer:innen bestimmte Aktionen, Konversions-Events, nach Erhalt 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 Conversion zählt, wenn die Person die angegebene Aktion ausführt. Obwohl Braze Öffnungen und Klicks automatisch verfolgt, können Sie das Konversions-Event auf eine Öffnung oder einen Klick setzen, um die Intelligente Auswahl zu nutzen.

Falls noch nicht geschehen, vervollständigen Sie die verbleibenden Abschnitte Ihrer Canvas-Komponenten. Weitere Details zum Aufbau des restlichen Canvas, zur Implementierung von multivariaten Tests und Intelligenter Auswahl und mehr finden Sie im Schritt Ihren Canvas erstellen unserer Canvas-Dokumentation.

Schritt 5: Überprüfen und bereitstellen

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

Um zu erfahren, wie Sie auf die Ergebnisse Ihrer E-Mail-Kampagnen zugreifen können, lesen Sie E-Mail-Reporting.
New Stuff!