Unterschrift HTML-Vorlagen

Bearbeitbare HTML-Signaturvorlagen für E-Mail-Clients

Eine HTML-Signaturvorlage ist ein Markup-Block, den Sie öffnen, bearbeiten und in die Signatureinstellungen Ihres E-Mail-Programms einfügen. Textfelder, Bildverweise und Links sind im Code definiert, sodass jeder Teil des Blocks separat und austauschbar bleibt.

Aufbau vorgefertigter Markup-Blöcke

Fast jede fertige Signatur ist tabellarisch aufgebaut. Zeilen und Zellen enthalten Name, Logo und Kontaktdaten an festen Positionen. Dieses Raster bleibt beim Wechsel zwischen verschiedenen E-Mail-Programmen besser erhalten als schwebende Elemente. Die Formatierung wird direkt in die Elemente geschrieben, da der Block in die Nachricht eines anderen Empfängers eingefügt wird.

Öffnen Sie die Datei, bevor Sie sie endgültig speichern, und prüfen Sie Folgendes:

• Befindet sich jedes Textfeld in einer eigenen Zelle?

• Verwenden Bildquellen vollständige Adressen anstelle lokaler Dateinamen?

• Sind die Breiten der Bilder und der Tabelle angegeben?

• Sind Kontakte als Mailto- und Tel-Links formatiert?

Logos und Porträts benötigen eine feste Adresse, da eine vom Desktop importierte Datei zwar bei Ihnen angezeigt wird, aber bei allen anderen Benutzern fehlerhaft ist. Es empfiehlt sich, Alternativtexte anzugeben, da viele E-Mail-Programme Bilder erst anzeigen, wenn der Empfänger dies erlaubt.

Warum jeder E-Mail-Client einen Testversand verdient

Die Unterstützung für Formatierungen variiert je nach E-Mail-Programm, und der Code allein gibt keine Auskunft darüber, wie umfassend sie ist. Outlook rendert Nachrichten mit einer eigenen Engine, Gmail ist strenger in der Auswahl der gespeicherten Informationen, und eine Smartphone-App berechnet die Breiten möglicherweise neu. Der einzige zuverlässige Test ist eine echte E-Mail.

Senden Sie die Signatur an zwei oder drei Adressen bei verschiedenen Anbietern und öffnen Sie eine davon auf einem Smartphone. Prüfen Sie, ob die Tabelle ihre Spalten beibehält, das Logo in der gewünschten Größe geladen wird und lange Linktexte nicht umgebrochen werden. In Nicepage zeigen die Responsive Modes eine schmale Ansicht an, bevor der Markup-Code den Editor verlässt.

Felder vor der Installation austauschen

Die Bearbeitung erfolgt in wenigen Schritten. Ersetzen Sie den Platzhalternamen und die Stellenbezeichnung, verweisen Sie die Bild-Tags auf Ihr eigenes Logo und aktualisieren Sie anschließend die Links. Text- und Bildquellen können Sie bedenkenlos ändern. Zellen, Breitenangaben und Verschachtelungen sollten Sie jedoch unverändert lassen, es sei denn, Sie planen erneute Tests.

Die Installation erfolgt durch Einfügen des fertigen Codes in die Signatureinstellungen. Einige Dienste akzeptieren Markup direkt, andere hingegen eine gerenderte Version aus dem Browserfenster. Daher kann sich ein Template in verschiedenen Konten unterschiedlich verhalten. Vergleichen Sie die Templates danach, wie wenig Code Sie bearbeiten müssen, wie Links und Bilder auch nach dem Weiterleiten erhalten bleiben und wie sauber der Block installiert wird.