HtmlDrag
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.

Warum AI-Generator nutzen

  • Outlook-kompatibles HTML
  • Bearbeiten ohne Code
  • Schnelle Vorschau
  • Haben Sie eine HTML-Signatur von HubSpot oder Ihrem Unternehmen? Fügen Sie den Code ein und verfeinern Sie ihn in Minuten.

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

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.

Funktioniert es mit HubSpot- oder Unternehmensvorlagen?

Ja. Wenn Sie den HTML-Signaturcode haben, können Sie ihn hier einfügen und anpassen.

Wird es in Outlook kaputt gehen?

Wir bewahren Tabellenstrukturen und Outlook-spezifische Stile, aber Sie sollten immer in Ihrer Outlook-Version testen.

Wie aktualisiere ich mein Logo oder Avatar?

Aktualisieren Sie die <img src="...">-URL in Ihrem Signatur-HTML und zeigen Sie die Vorschau erneut an.

Kann ich ein vollständiges HTML-Dokument oder nur einen Ausschnitt einfügen?

Beides funktioniert.

Ist es kostenlos?

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.

Meine Signatur bearbeiten

Bestes Erlebnis auf dem Desktop

Volle Bearbeitungsfunktionen funktionieren am besten auf dem Desktop. Öffnen Sie htmldrag.com auf Ihrem Computer für das vollständige Erlebnis.

htmldrag.com