E-Mail-Preheader anpassen
Ziel
Den Preheader Ihrer E-Mail anpassen.
Hintergrundinformation
Preheader gewinnen im E-Mail-Marketing immer mehr an Bedeutung. Ein Preheader bezeichnet den Text, der unter der Betreffzeile Ihrer E-Mail im E-Mail-Client des Empfängers angezeigt wird. Er wird auch als Vorschautext oder Textausschnitt bezeichnet, da er meist die ersten ein, zwei Sätze Ihrer E-Mail umfasst. Die Anzahl der Zeichen, die ein E-Mail-Client als Preheader-Text anzeigt, kann zwischen 50 und 140 Zeichen variieren. Es wird empfohlen, Preheader mit 85–100 Zeichen zu verwenden. Im Dialog Nachrichtenvorschau werden bis zu 130 Zeichen des Preheaders Ihrer E-Mail angezeigt, damit Ihnen die Erstellung Ihrer Preheader erleichtert wird. Für weitere Informationen, siehe .
Voraussetzung
Sie erstellen eine E-Mail. Für weitere Informationen, siehe .
Vorgehen
Standardmäßig besteht der Preheader, der im Dialog Nachrichtenvorschau angezeigt wird, aus den ersten 130 Zeichen des ersten nicht kodierten Textteils der E-Mail. Der Code-Teil beginnt häufig mit einem <body>-Tag. Sie können den Standard-Preheader aber anpassen. Wenn der Preheader beispielsweise einen Abmeldelink beinhaltet, können Sie diesen vor dem Kunden verbergen. Mit einem einfachen Workaround können Sie den Standard-Preheader überschreiben. Sie können damit den Preheader ausblenden, damit er nicht in der E-Mail selbst angezeigt wird.
Verwenden Sie den Tag <div> in HTML, um einen Preheader zu verbergen. Der Parameter display innerhalb des <div>-Tags blendet den Preheader-Text in den meisten E-Mail-Clients aus, jedoch nicht in allen. Setzen Sie also zusätzlich die Schriftgröße auf 1px (Pixel), und wählen Sie für die Schriftfarbe dieselbe Farbe wie für den Hintergrund. Mit diesen und einigen anderen Einstellungen können Sie den Text zuverlässig ausblenden. Im Beispiel unten wird die Farbe #FFFFF, also weiß, verwendet. Stellen Sie hierfür dieselbe Farbe wie für den Hintergrund Ihrer E-Mail ein.
- Klicken Sie in der Hauptnavigation auf Hinzufügen > Nachricht
⇒ Der Schritt 1. Typ wird geöffnet. - Geben Sie die Nachrichtendaten ein und wählen Sie im Listenfeld Typ den Eintrag E-Mail aus.
- Klicken Sie auf Erstellen .
⇒ Der Schritt 2. Inhalt wird geöffnet. - Um den HTML-Code Ihrer E-Mail anzuzeigen, klicken Sie auf HTML-Code .
- Fügen Sie nach dem <body>-Tag Ihrer E-Mail folgende Codezeile hinzu: <div style="display:none;font-size:1px;color:#FFFFFF;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">.
- Geben Sie Ihren Preheader-Text nach dem > ein.
- Geben Sie am Ende Ihres Preheader-Texts </div> ein.
⇒ </div> schließt den <div>-Tag ab und markiert das Ende Ihres ausgeblendeten Preheader-Texts. - Um Ihre E-Mail im visuellen Editor anzuzeigen, klicken Sie auf HTML-Editor
⇒ Der Text, den Sie zwischen den <div>-Tags eingeben, wird im Hauptteil der E-Mail nicht angezeigt. - Klicken Sie auf Vorschau, um den Dialog Nachrichtenvorschau zu öffnen. Dort wird der Preheader unter der E-Mail-Betreffzeile angezeigt.
⇒ Der Text, den Sie zwischen den <div>-Tags eingeben, wird nach der Preheader-Überschrift, aber nicht in der E-Mail selbst angezeigt.