HTML-E-Mail-Editor mit Vorschau
HTML-E-Mail-Code schreiben und responsiv in Echtzeit vorschauen
Mit diesem Tool schreiben Sie den HTML-Quellcode für Newsletter oder Marketing-Mails und sehen das gerenderte Ergebnis sofort. Für Marketing-Teams und Entwickler, die mit tabellenbasierten E-Mail-Vorlagen arbeiten, ist es ideal, um das Layout vor dem Versand an den echten Mail-Client zu prüfen. Das Rendering findet ausschließlich im Browser statt, Ihr Code wird nicht an einen Server übertragen.
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Anleitung
- Fügen Sie links im Textfeld den HTML-Quellcode Ihrer E-Mail ein oder schreiben Sie ihn direkt.
- Sobald Sie den Code ändern, aktualisiert sich die Vorschau rechts (bzw. darunter) unmittelbar.
- Prüfen Sie über die Reiter Mobil (375 px), Tablet (768 px) und Desktop (100 %) das Layout in den einzelnen Bildschirmbreiten.
- Bessern Sie Stellen nach, an denen das Layout bricht, und kopieren Sie die fertige Vorlage in Ihr Versandtool.
FAQ
- Wird mein HTML-Code an einen Server übertragen?
- Nein. Der eingegebene Code wird ausschließlich in einem iframe innerhalb Ihres Browsers gerendert und weder nach außen übertragen noch gespeichert.
- Sieht die Vorschau zu 100 % so aus wie in Gmail, Outlook und Co.?
- Die Vorschau entspricht dem Rendering eines normalen Webbrowsers. Da die CSS-Unterstützung je nach Mail-Client stark schwankt, empfehlen wir vor dem Versand einen Test im tatsächlichen Client.
- Darf ich die mitgelieferte Vorlage als Ausgangspunkt nehmen?
- Ja. Der beim Öffnen angezeigte tabellenbasierte Newsletter-Beispielcode lässt sich direkt anpassen und weiterverwenden.