Häufig gestellte Fragen
Diese Seite bietet Antworten auf einige häufig gestellte Fragen zum Drag-and-Drop-Editor für E-Mail.
Kann ich eine Vorschau meiner E-Mail im Dark Mode anzeigen?
Ja. Gehen Sie zum Abschnitt Vorschau und Test des Drag-and-Drop-Editors und aktivieren Sie den Dark Mode. Wir empfehlen außerdem, Ihre E-Mails auf verschiedenen Nutzerplattformen in der Vorschau anzuzeigen und zu testen sowie nach Möglichkeit transparente Bilder für Zeilen-Hintergrundbilder zu verwenden.
Wie sollte ich E-Mails für den Dark Mode und den Light Mode gestalten?
E-Mails müssen nicht in separaten Light- und Dark-Layouts versendet werden, da E-Mail-Clients und Geräte ihr eigenes dunkles Theme anwenden können. Dies kann jedoch Farben invertieren oder Hintergründe ausblenden, wenn auf dem äußeren Container und den Hauptbereichen keine expliziten Farben gesetzt sind. Um dies zu vermeiden, empfehlen wir, feste Hintergrundfarben zu setzen, damit Ihre Nachricht sowohl im Dark Mode als auch im Light Mode gut lesbar ist.
Einige E-Mail-Clients ersetzen Hintergrundbilder oder invertieren kontrastarmen Text im Dark Mode, sodass Fließtext fehlen oder zwischen verschiedenen Clients unterschiedlich dargestellt werden kann (zum Beispiel Gmail auf iOS im Vergleich zu Android). Setzen Sie background-color auf dem äußeren Container und den Hauptbereichen, anstatt sich für helle Hintergründe ausschließlich auf Hintergrundbilder zu verlassen.
Warum wird meine benutzerdefinierte Schriftart in der Drag-and-Drop-E-Mail-Vorschau nicht angezeigt?
Benutzerdefinierte Schriftarten werden in der Editor-Vorschau geladen, wenn ein Text-Block in der Nachricht auf die Schriftart verweist. Falls die Vorschau nach der Konfiguration einer benutzerdefinierten Schriftart in den Einstellungen des Drag-and-Drop-E-Mail-Editors weiterhin eine Fallback-Schriftart anzeigt, fügen Sie einen Text-Block hinzu, der diese Schriftart verwendet, damit der Editor sie für die Vorschau lädt. Stellen Sie sicher, dass Cross-Origin Resource Sharing (CORS) für Ihre Schriftartdatei aktiviert ist. Überprüfen Sie Vorschau und Test sowie Ihre Ziel-E-Mail-Clients, bevor Sie senden. Informationen zur Einrichtung finden Sie unter Benutzerdefinierte Schriftart.
Wie kann ich Textformatierungen beim Kopieren und Einfügen aus einer anderen Anwendung übernehmen?
Verschiedene Texteditoren und Anwendungen haben ihre eigenen Methoden zur Handhabung von Textformatierungen, die möglicherweise nicht universell erkannt werden. Wenn Sie formatierten Text von außerhalb von Braze in den Drag-and-Drop-Editor kopieren und einfügen, wird die Rich-Formatierung möglicherweise nicht übernommen.
Um Text ohne Rich-Formatierung einzufügen, verwenden Sie eine der folgenden Methoden:
- Auf dem Mac: Drücken Sie cmd+shift+V anstelle von cmd+V
- Unter Windows: Drücken Sie ctrl+shift+V anstelle von ctrl+V
- Klicken Sie mit der rechten Maustaste im Editor und wählen Sie Einfügen und Stil anpassen aus
Wie kann ich den E-Mail-Padding auf Mobilgeräten ändern, ohne das Padding in der Web-Ansicht zu aktualisieren?
Sie können das Padding nicht ausschließlich für die mobile oder die Web-Ansicht bearbeiten, sodass alle Änderungen in beiden Ansichten übernommen werden. Sie können jedoch im HTML-Editor CSS-Logik hinzufügen, die das Padding basierend auf verschiedenen Bildschirmgrößen festlegt. Dies wird im Drag-and-Drop-Editor nicht unterstützt, sodass Sie die HTML-Datei exportieren und stattdessen den HTML-Editor verwenden können.
Wie kann ich eine Reihe von Buttons optimieren, damit sie auf Desktop und Mobilgeräten horizontal bleiben?
Wenn Sie eine E-Mail mit dem Drag-and-Drop-Editor erstellen und eine horizontale Reihe von Call-to-Action-Buttons anlegen, kann es vorkommen, dass die Buttons auf Mobilgeräten in eine vertikale Ausrichtung umgewandelt werden.
Um dasselbe Format über verschiedene Gerätegrößen hinweg beizubehalten, empfehlen wir, eine separate Zeile mit CTA-Buttons zu erstellen, deren Padding für Mobilgeräte optimiert ist und bei der die Zeile auf Desktop-Geräten ausgeblendet wird. Durch zwei separate Zeilen können Sie das gewünschte Padding für die beste Textdarstellung auf Desktop- und Mobilgeräten festlegen.
Kann ich die Zeilenhöhe im Drag-and-Drop-Editor anpassen?
Die Zeilenhöhe passt sich automatisch an den Inhalt an. Alternativ empfehlen wir Ihnen Folgendes:
- Fügen Sie einen Trennlinien-Block hinzu.
- Klicken Sie auf den Schalter, um die Transparenz zu aktivieren.
- Passen Sie die Höhe an.
Ist es möglich, im Editor mit Ebenen zu arbeiten? Kann ich ein Hintergrundbild hinzufügen, ein Bild darüberlegen und darüber eine Textebene einfügen?
Der Drag-and-Drop-Editor unterstützt derzeit zwei Ebenen. Sie können ein Hintergrundbild für eine Zeile festlegen und Hintergrundfarben anpassen.
Kann ich meine Drag-and-Drop-E-Mail als Template speichern, nachdem ich sie in meiner Campaign oder meinem Canvas erstellt habe?
Nein. Sie können eine Drag-and-Drop-E-Mail aus einer Campaign oder einem Canvas nicht als Drag-and-Drop-E-Mail-Template unter Templates > E-Mail-Templates speichern. Erstellen Sie das Layout unter Templates > E-Mail-Templates neu, oder starten Sie beim nächsten Mal mit einem gespeicherten Template. Eine Anleitung finden Sie unter E-Mail-Template erstellen.
Wenn Sie stattdessen ein wiederverwendbares HTML-Template benötigen, wählen Sie beim Bearbeiten des Drag-and-Drop-Inhalts Datei herunterladen aus, öffnen Sie die HTML-Datei aus der ZIP-Datei und fügen Sie das Markup über den HTML-Code-Editor in ein HTML-E-Mail-Template ein. Überprüfen Sie anschließend Liquid, Links und gehostete Assets.
Weitere Informationen darüber, wo Templates gespeichert werden, finden Sie unter Templates und Medien.
Warum kann ich die Füllfarbe eines Buttons im Drag-and-Drop-Editor nicht ändern?
Stile auf Seitenebene können Stile auf Nachrichtenebene überschreiben. Wenn das Aktualisieren von Füllung bei einem Button oder Block keine Wirkung zeigt, versuchen Sie Folgendes:
- Öffnen Sie die globalen E-Mail-Stileinstellungen und wählen Sie Auf Standard zurücksetzen für den betreffenden Seitenstil aus, damit die Farbe auf Nachrichtenebene angewendet werden kann.
- Legen Sie die Farbe erneut für den Block fest.
Kann ich E-Mail-Anhänge im Drag-and-Drop-Editor hinzufügen?
Ja. Sie können Anhänge zu Ihrer E-Mail-Nachricht hinzufügen, indem Sie zu Sendeeinstellungen > Erweitert navigieren.
Wie lade ich das Roh-HTML für eine Drag-and-Drop-E-Mail herunter?
- Öffnen Sie Ihre Campaign oder Ihr Canvas und bearbeiten Sie die E-Mail-Nachricht.
- Wählen Sie E-Mail-Text bearbeiten aus, um den Drag-and-Drop-Editor zu öffnen.
- Wählen Sie Datei herunterladen (am unteren Rand des Editors). Entpacken Sie das Archiv, um auf das generierte HTML zuzugreifen.
Sie können dieses HTML in einen HTML-Block oder den HTML-Editor einfügen, wenn Sie Anpassungen auf Code-Ebene vornehmen möchten – zum Beispiel, um das Klick-Tracking für bestimmte Links zu deaktivieren.
Warum bricht mein Drag-and-Drop-Layout?
Layoutprobleme werden häufig durch angepasstes HTML oder CSS verursacht, das mit dem vom Editor generierten Markup in Konflikt steht. Versuchen Sie die folgenden Schritte:
- Entfernen oder isolieren Sie angepasste HTML-Blöcke, um zu sehen, ob das Problem verschwindet.
- Überprüfen Sie die Einstellungen des Drag-and-Drop-E-Mail-Editors auf angepasste Schriftarten, die möglicherweise nicht in allen Clients geladen werden.
- Überprüfen Sie unter Row Properties das Padding und die Breiten der Spalten.
- Wenn Sie angepasstes HTML hinzufügen, bevorzugen Sie tabellenbasierte Layouts, flexible Bilder und Gesamttabellenbreiten, die zu Ihrer E-Mail-Breite passen – Bilder mit festen Pixelwerten oder Strukturen ohne Tabellen brechen häufig in Outlook und anderen Clients.
Warum wird mein Content-Block in der E-Mail-Vorschau nicht gerendert?
Wenn ein Content-Block in der E-Mail-Vorschau nicht gerendert wird, prüfen Sie, ob nicht geschlossene Anchor-Tags vorhanden sind. Verwenden Sie für Connected-Content-URLs den replace-Filter, um doppelt kodierte Ampersands (&) in ein einfach kodiertes Ampersand (&) umzuwandeln. Begrenzen Sie die Verschachtelung von Content Blocks auf zwei Ebenen.
Warum verliert ein Drag-and-Drop-Content-Block die mobile Formatierung innerhalb eines Custom-Code-Blocks?
Wenn Sie einen Drag-and-Drop-Content Block in einen Custom-Code-Block (HTML) einfügen, werden mobilspezifische Formatierungen und Ausrichtungen aus dem Content Block möglicherweise nicht in der gesendeten Nachricht angewendet. Wenn sowohl der Content Block als auch das Template den Drag-and-Drop-Editor verwenden, fügen Sie den Content Block als eigene Zeile hinzu, anstatt ihn in Custom Code zu verschachteln.
Wenn Sie mehrere Content Blocks übereinander anordnen, verwenden Sie für jeden Block eine separate Zeile, anstatt mehrere Blöcke in einer einzigen Zeile zu platzieren.
Warum ignoriert der Drag-and-Drop-Editor die Ausrichtungseinstellungen?
Wenn der Drag-and-Drop-Editor Ausrichtungseinstellungen ignoriert, entfernen Sie angepasstes CSS oder HTML-Blöcke, entfernen Sie angepasste Schriftarten, prüfen Sie auf CSS-Konflikte und vermeiden Sie das Duplizieren von Zeilenblöcken. Kontaktieren Sie den Braze-Support, wenn das Problem weiterhin besteht.
Warum stimmt mein gewählter Hex-Farbcode nicht mit der Schriftfarbe in meiner E-Mail überein?
Wenn Sie einen Content Block verwenden, kann dieser eine eigene Schriftfarbeneinstellung haben. Wählen Sie den Textblock innerhalb des Content Blocks aus und entfernen Sie alle lokalen Überschreibungen der Schriftfarbe, damit Ihr Hex-Farbcode aus der globalen oder Absatzformatierung angewendet werden kann.