Verlauf

Anmelden, um Verlauf zu sehen

E-Mail-Signatur-Editor - HTML-Signaturen online anpassen | HtmlDrag

E-Mail-Signatur-Editor

Fügen Sie Ihre vorhandene HTML-E-Mail-Signatur ein und passen Sie sie visuell an: Text, Links, Abstände und Layout.

0/200

Vorschau

Nach Code-Eingabe Button unten klicken, um Vorschau zu generieren

Vorlagen

Professionelles Strategie-Briefing Beige & Grau E-Mail
Luxusmode-Editorial Minimalistisch Weiß & Schwarz E-Mail
Moderne Tech-Newsletter Dunkelblau Zukunftstech E-Mail
Warmes Beige Organischer Lifestyle & Wellness Tägliche Rituale E-Mail

So passen Sie eine HTML-E-Mail-Signatur an

Haben Sie eine HTML-Signatur von HubSpot oder Ihrem Unternehmen? Fügen Sie den Code ein und verfeinern Sie ihn in Minuten.

1

Signatur-HTML einfügen

Kopieren Sie Ihre vorhandene HTML-E-Mail-Signatur und fügen Sie sie in das Tool ein.

2

Vorschau & visuell anpassen

Klicken Sie auf Vorschau, um ein bearbeitbares Projekt zu erstellen. Doppelklicken Sie, um Text zu bearbeiten, und klicken Sie mit der rechten Maustaste, um Bilder zu ersetzen.

3

In Gmail / Outlook verwenden

Speichern Sie Ihre Arbeit und kopieren Sie dann das aktualisierte HTML in die Signatureinstellungen Ihres E-Mail-Clients.

Für echte E-Mail-Clients entwickelt

Signaturen, die überall gut aussehen

Outlook-kompatibles HTML

Behält Tabellenlayouts und gängige E-Mail-Stile (einschließlich MSO-Eigenschaften) bei, um Rendering-Probleme zu reduzieren.

Bearbeiten ohne Code

Doppelklicken Sie, um Text zu bearbeiten, und klicken Sie mit der rechten Maustaste, um Bilder zu ersetzen – kein HTML-Bearbeitung nötig.

Schnelle Vorschau

Sofortige Vorschau im Browser für schnelle Iteration.

Warum das in Outlook stabil bleibt (MSO-sicher)

Outlook rendert E-Mails mit einer Word-basierten Engine. Wir konzentrieren uns darauf, typische E-Mail-Strukturen zu erhalten und editor-spezifische Markierungen beim Export zu entfernen.

MSO-Conditional Comments beibehalten

Outlook-spezifische Blöcke wie <!--[if mso]>…<![endif]--> bleiben erhalten, damit Kompatibilitäts-Fixes nicht verloren gehen.

Tabellenbasierte E-Mail-Struktur bewahren

Signaturen basieren häufig auf <table>-Layouts. Wir vermeiden unnötige Strukturänderungen, damit die Darstellung in Clients stabil bleibt.

Sauberes HTML exportieren (ohne Editor-Attribute)

Beim Export werden editor-spezifische Attribute (z.B. data-editor-id, contenteditable, editable-* ids) entfernt – auch innerhalb von MSO-Blöcken.

Häufige Fragen

Schnelle Antworten zum sicheren Anpassen von HTML-Signaturen.

Ja. Wenn Sie den HTML-Signaturcode haben, können Sie ihn hier einfügen und anpassen.
Wir bewahren Tabellenstrukturen und Outlook-spezifische Stile, aber Sie sollten immer in Ihrer Outlook-Version testen.
Aktualisieren Sie die <img src="...">-URL in Ihrem Signatur-HTML und zeigen Sie die Vorschau erneut an.
Beides funktioniert.
Das Bearbeiten und Verfeinern ist völlig kostenlos, einschließlich des Downloads von Signaturbildern. Neubenutzer erhalten bei der Registrierung kostenlose Credits, mit denen der optimierte HTML-Quellcode heruntergeladen werden kann.

Bereit, Ihre E-Mail-Signatur in Minuten anzupassen?

Fügen Sie Ihre HTML-Signatur ein und verfeinern Sie sie visuell mit HtmlDrag.

HtmlDrag

Drag-and-Drop-HTML-Editor für alle

© 2026 HtmlDrag. All rights reserved.