E-Mail-Signaturen dürfen im HTML höchstens 10.000 Zeichen lang sein. Das Plugin warnt dich nach dem Export deiner E-Mail-Signatur, wenn sie diese Grenze überschreitet. Um das zu vermeiden, kannst du einige der Starter-Komponenten unter Signature im Tab Footer des Emailify-Plugins verwenden.
Leider werden responsive Anpassungen für Mobilgeräte bei Exporten als „HTML Email Signature“ nicht dargestellt, weil E-Mail-Clients alle CSS-Style-Tags und @media-Queries entfernen (deshalb sind sie auch nicht im exportierten Code enthalten). Es lohnt sich also, schon im ursprünglichen Design eine Balance zu finden, die sowohl bei Desktop- als auch bei Mobilbreiten gut aussieht.
Video-Tutorial: HTML-E-Mail-Signaturen in Figma gestalten und exportieren
Dieses Video zeigt, wie du mit dem Emailify-Plugin produktionsreife, responsive HTML-E-Mails in Figma gestaltest und exportierst.
Deine HTML-Signatur aus Emailify exportieren
Klick im Emailify-Plugin auf den Button Export HTML, um das Export-Panel zu öffnen, wähle die Option HTML Email Signature aus der Dropdown-Liste und klick dann auf den Button Export to HTML Signature, um die in Figma ausgewählten E-Mails als HTML zu exportieren.
Sobald Emailify deine E-Mail(s) verarbeitet hat, siehst du eine Bestätigung. Mit einem Klick auf den Button Download your .zip file lädst du die .zip-Datei auf deinen Computer herunter. Entpacke sie dann, um deine exportierten Dateien zu sehen.
Deine HTML-E-Mail-Signatur in die Zwischenablage kopieren
Nachdem du deine HTML-E-Mail-Signatur aus Emailify exportiert und die .zip-Datei entpackt hast, öffne die Datei preview-and-install.html im Webbrowser Google Chrome (andere Browser wie Safari können Probleme machen) und klick auf der Vorschauseite auf den Button Copy HTML Signature. Damit wird der Inhalt deiner HTML-Signatur automatisch in die Zwischenablage kopiert.
Manche E-Mail-Clients brauchen den „rohen“ HTML-Code. Klick in diesem Fall in der Datei preview-and-install.html auf den Button Copy HTML Signature (Raw Code), um die Auswahl stattdessen als rohes HTML in die Zwischenablage zu kopieren.
Sobald du das HTML in die Zwischenablage kopiert hast, kannst du deine Signatur mit den Anleitungen unten (übernommen aus den hervorragenden Guides von SignatureHound) in deinem E-Mail-Client einrichten.
So richtest du deine HTML-E-Mail-Signatur in Apple Mail (macOS) ein
Klick bei geöffneter Mail-App oben links auf deinem Bildschirm auf Mail und dann auf Preferences.
Klick im Einstellungsfenster auf den Tab Signatures.
Klick unten in der mittleren Spalte auf den Button +.
Füge deine neue E-Mail-Signatur in die rechte Spalte ein und schließ das Fenster, um sie zu speichern.
In dieser Vorschau erscheinen Bilder leer, sie werden aber geladen, wenn du eine E-Mail verfasst.
Achte darauf, dass Always match my default message font deaktiviert ist, sonst erscheint deine Signatur als reiner Text.
Siehst du immer noch eine reine Textversion? Schalte die Checkbox Place signature above quoted text um und füge deine Signatur erneut ein.
Wähle deine neue Signatur im Feld Choose Signature unten im Fenster aus.
Schließ das Fenster Preferences, verfasse eine neue E-Mail und freu dich über deine neue Signatur!
Werden beim Verfassen einer E-Mail keine Bilder angezeigt? Öffne deine Datenschutzeinstellungen und achte darauf, dass Block All Remote Content deaktiviert ist.
Im Dunkelmodus zeigt Apple Mail im Bereich „Inbox“ eigenartigerweise einen weißen Hintergrund hinter deiner Signatur an (selbst wenn System und Mail auf Dunkelmodus eingestellt sind), sobald die Signatur Retina-Bilder enthält. Werden die Bilder in nativer 1x-Auflösung (statt 2x Retina) exportiert und nicht verkleinert o. Ä., verschwindet der weiße Hintergrund – allerdings auf Kosten unscharfer Bilder in der Signatur.