Abrakadabra: Unsichtbarer Preview Text
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner".
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner".
75% aller E-Mail Clients unterstützen Preview-Text
Pre-Header im Posteingang
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner": Ein toller Betreff mit darauf abgestimmtem Preview-Text macht neugierig und animiert zum Öffnen der E-Mail.
Immer noch häufig steht an dieser so wichtigen Stelle aber "Hier geht es zur Online-Version", eine Wiederholung des Betreffs der E-Mail oder andere wenig aussagekräftige Aussagen.
Mancher Versender verzichtet gar ganz bewusst auf die Verwendung eines Pre-Headers/Preview-Textes, weil dieser das Design stört. Der ergänzende Text steht ja – wie der Name schon sagt – ganz prominent über dem Header bzw. vor der Ansprache. Das kann im Gesamtbild der E-Mail schon sehr störend wirken und gefällt nicht jedem.
Pre-Header sexy und gleichzeitig unsichtbar gestalten
Das muss aber nicht sein. Man kann den Pre-Header im E-Mail Design nämlich ganz einfach unsichtbar machen. Entweder man nutzt folgenden Code oder man schreibt den Text in der Hintergrundfarbe vor den Header.
Quellcode unsichtbarer Pre-Header
Für Fortgeschrittene: Wie man White-Space hinter den Preview-Text setzt
Pre-Header ohne White-Space
Die Posteingänge ziehen für den Preview-Text mindestens dieselbe Zeichenanzahl, die auch im Betreff vorgegeben ist, aus der Mail heraus. Häufig auch die doppelte Zeichenanzahl.
Wenn man es besonders schön machen möchte und sicher sein möchte, dass keine störenden Inhalte im Preview-Text angezeigt werden, so kann man einen Hack nutzen, den Litmus im April veröffentlich hat.
Einfach (eine ganze Menge) dieser Zeichenabfolge   ; &zwnj ; für entsprechenden Whitespace einfügen und schon ist Ihr Preview-Text auf sich allein gestellt.
Quellcode für White-Space im Preview
Passende Fachartikel
Unser Fachwissen für Ihren Erfolg
Abrakadabra: Unsichtbarer Preview Text
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner".
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner".
75% aller E-Mail Clients unterstützen Preview-Text
Pre-Header im Posteingang
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner": Ein toller Betreff mit darauf abgestimmtem Preview-Text macht neugierig und animiert zum Öffnen der E-Mail.
Immer noch häufig steht an dieser so wichtigen Stelle aber "Hier geht es zur Online-Version", eine Wiederholung des Betreffs der E-Mail oder andere wenig aussagekräftige Aussagen.
Mancher Versender verzichtet gar ganz bewusst auf die Verwendung eines Pre-Headers/Preview-Textes, weil dieser das Design stört. Der ergänzende Text steht ja – wie der Name schon sagt – ganz prominent über dem Header bzw. vor der Ansprache. Das kann im Gesamtbild der E-Mail schon sehr störend wirken und gefällt nicht jedem.
Pre-Header sexy und gleichzeitig unsichtbar gestalten
Das muss aber nicht sein. Man kann den Pre-Header im E-Mail Design nämlich ganz einfach unsichtbar machen. Entweder man nutzt folgenden Code oder man schreibt den Text in der Hintergrundfarbe vor den Header.
Quellcode unsichtbarer Pre-Header
Für Fortgeschrittene: Wie man White-Space hinter den Preview-Text setzt
Pre-Header ohne White-Space
Die Posteingänge ziehen für den Preview-Text mindestens dieselbe Zeichenanzahl, die auch im Betreff vorgegeben ist, aus der Mail heraus. Häufig auch die doppelte Zeichenanzahl.
Wenn man es besonders schön machen möchte und sicher sein möchte, dass keine störenden Inhalte im Preview-Text angezeigt werden, so kann man einen Hack nutzen, den Litmus im April veröffentlich hat.
Einfach (eine ganze Menge) dieser Zeichenabfolge   ; &zwnj ; für entsprechenden Whitespace einfügen und schon ist Ihr Preview-Text auf sich allein gestellt.
Quellcode für White-Space im Preview
Abrakadabra: Unsichtbarer Preview Text
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner".
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner".
75% aller E-Mail Clients unterstützen Preview-Text
Pre-Header im Posteingang
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner": Ein toller Betreff mit darauf abgestimmtem Preview-Text macht neugierig und animiert zum Öffnen der E-Mail.
Immer noch häufig steht an dieser so wichtigen Stelle aber "Hier geht es zur Online-Version", eine Wiederholung des Betreffs der E-Mail oder andere wenig aussagekräftige Aussagen.
Mancher Versender verzichtet gar ganz bewusst auf die Verwendung eines Pre-Headers/Preview-Textes, weil dieser das Design stört. Der ergänzende Text steht ja – wie der Name schon sagt – ganz prominent über dem Header bzw. vor der Ansprache. Das kann im Gesamtbild der E-Mail schon sehr störend wirken und gefällt nicht jedem.
Pre-Header sexy und gleichzeitig unsichtbar gestalten
Das muss aber nicht sein. Man kann den Pre-Header im E-Mail Design nämlich ganz einfach unsichtbar machen. Entweder man nutzt folgenden Code oder man schreibt den Text in der Hintergrundfarbe vor den Header.
Quellcode unsichtbarer Pre-Header
Für Fortgeschrittene: Wie man White-Space hinter den Preview-Text setzt
Pre-Header ohne White-Space
Die Posteingänge ziehen für den Preview-Text mindestens dieselbe Zeichenanzahl, die auch im Betreff vorgegeben ist, aus der Mail heraus. Häufig auch die doppelte Zeichenanzahl.
Wenn man es besonders schön machen möchte und sicher sein möchte, dass keine störenden Inhalte im Preview-Text angezeigt werden, so kann man einen Hack nutzen, den Litmus im April veröffentlich hat.
Einfach (eine ganze Menge) dieser Zeichenabfolge   ; &zwnj ; für entsprechenden Whitespace einfügen und schon ist Ihr Preview-Text auf sich allein gestellt.
Quellcode für White-Space im Preview
Abrakadabra: Unsichtbarer Preview Text
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner".
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner".
75% aller E-Mail Clients unterstützen Preview-Text
Pre-Header im Posteingang
Der Preview-Text im Posteingang zieht sich aus der E-Mail selber. Es ist der erste Text in der Mail und wird häufig auch als Pre-Header bezeichnet. Neben Betreff und Absender ist er ein wichtiger "Türöffner": Ein toller Betreff mit darauf abgestimmtem Preview-Text macht neugierig und animiert zum Öffnen der E-Mail.
Immer noch häufig steht an dieser so wichtigen Stelle aber "Hier geht es zur Online-Version", eine Wiederholung des Betreffs der E-Mail oder andere wenig aussagekräftige Aussagen.
Mancher Versender verzichtet gar ganz bewusst auf die Verwendung eines Pre-Headers/Preview-Textes, weil dieser das Design stört. Der ergänzende Text steht ja – wie der Name schon sagt – ganz prominent über dem Header bzw. vor der Ansprache. Das kann im Gesamtbild der E-Mail schon sehr störend wirken und gefällt nicht jedem.
Pre-Header sexy und gleichzeitig unsichtbar gestalten
Das muss aber nicht sein. Man kann den Pre-Header im E-Mail Design nämlich ganz einfach unsichtbar machen. Entweder man nutzt folgenden Code oder man schreibt den Text in der Hintergrundfarbe vor den Header.
Quellcode unsichtbarer Pre-Header
Für Fortgeschrittene: Wie man White-Space hinter den Preview-Text setzt
Pre-Header ohne White-Space
Die Posteingänge ziehen für den Preview-Text mindestens dieselbe Zeichenanzahl, die auch im Betreff vorgegeben ist, aus der Mail heraus. Häufig auch die doppelte Zeichenanzahl.
Wenn man es besonders schön machen möchte und sicher sein möchte, dass keine störenden Inhalte im Preview-Text angezeigt werden, so kann man einen Hack nutzen, den Litmus im April veröffentlich hat.
Einfach (eine ganze Menge) dieser Zeichenabfolge   ; &zwnj ; für entsprechenden Whitespace einfügen und schon ist Ihr Preview-Text auf sich allein gestellt.
Quellcode für White-Space im Preview