Preheader Text in HTML E-Mail

Ich habe Preheader Text in meiner HTML-Vorlage hinzugefügt und es funktioniert gut, aber wenn jemand den Newsletter von Outlook weiterleiten, werden diese Texte auf der Oberseite angezeigt. In Google Mail ist dies jedoch nicht der Fall.Preheader Text in HTML E-Mail

<style> 
.preheader { 
display:none !important; 
visibility:hidden; 
opacity:0; 
color:transparent; height:0; width:0; } 
</style> 
</head> 
<body> 
<span class="preheader" style="display: none !important; visibility: hidden; 
opacity: 0; color: transparent; height: 0; width: 0;"> 
We are offering a six-week Indonesian language course for adult learners. 
</span>

Vielen Dank!

Screenshot, wie es aussieht, wenn jemand einen Newsletter

Quelle

2017-08-22 KH2301

Mögliche Duplikat [Java: Wie in Java HTML-Entitäten unescape] (https://stackoverflow.com/questions/994331/java-how-to-unescape-html-character-entities-in -java) – Syfer

Für die besten Ergebnisse in Umgebungen weiterleiten, werden Sie besser dran inlining die CSS sein. Ich habe das immer für Preheader benutzt.

<div style="display:none; font-size:1px; color:#e5e5e5; line-height:1px; font-family:Verdana, Helvetica, sans-serif; max-height:0px; max-width:0px; opacity:0; overflow:hidden; mso-hide:all;"> 
PREHEADER TEXT HERE 
</div>

Quelle

2017-08-22 08:29:05 Gwesolo

Normalerweise verwende ich Schriftart 0, aber das sollte funktionieren. +1 ;-) – Syfer

Vielen Dank. das funktioniert. – KH2301

Preheader Text in HTML E-Mail

Antwort

Verwandte Themen