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 Yahoo! (Webmail) ein
Leider passt Yahoo! Mail die Bilder in deiner Signatur spontan an, und darauf haben wir keinen Einfluss. Lies unten alle Details zu diesen Darstellungsproblemen.
Klick nach der Anmeldung bei deinem Yahoo-Konto oben rechts auf das Zahnrad für die Einstellungen.
Klick im geöffneten Dropdown auf More Settings.
Klick in den Einstellungsoptionen auf Writing Email.
Klick unten in der mittleren Spalte auf den Button +.
Füge deine neue E-Mail-Signatur in den Signatur-Editor ein.
Derzeit gibt es einen Fehler in Chrome beim Kopieren und Einfügen, durch den die Links deiner Signatur unterstrichen erscheinen. Richte die Signatur deshalb in einem anderen Browser wie Mozilla Firefox ein, um das Problem zu umgehen. Sobald deine E-Mail-Signatur mit dem anderen Browser eingerichtet ist, kannst du wieder Chrome verwenden.
Wenn deine Signatur rechts in der Vorschau nicht erscheint, setz den Textcursor im Signatur-Editor an den Anfang des Bereichs und drück die Taste Enter.
- Deine Signatur sollte dann automatisch gespeichert werden. Schließ die Einstellungsseite, verfasse eine neue E-Mail und freu dich über deine neue Signatur!
Wichtige Informationen zu Darstellungsproblemen durch die Bildskalierung in Yahoo! Mail
Leider passt Yahoo Mail die Bilder in deiner Signatur spontan an, und darauf haben wir keinen Einfluss. Das kann in bestimmten E-Mail-Clients zu Darstellungsproblemen führen, wenn deine Bilder kleiner als ihre natürliche Größe skaliert werden.
Uns ist aufgefallen, dass die folgenden Bilder verkleinert werden:
- Profilbild (400px → 100px)
- Logo (600px → 150px)
Auch wenn die Signatur in der Vorschau von Yahoo Mail gut aussieht, sehen Empfänger mit Microsoft-E-Mail-Clients wie Outlook 2019 die Bilder wahrscheinlich in voller Größe (Beispiel unten).
Teste deine Signatur, indem du sie an einen Empfänger schickst, der einen E-Mail-Client unter Windows nutzt. Tritt das Problem auf, kannst du es lösen, indem du deine Bilder genau in der Größe hochlädst, in der sie in der Signatur erscheinen sollen (statt sie herunterzuskalieren). Mit einem kostenlosen Online-Dienst (oder Figma) kannst du die Größe deiner Bilder passend ändern.
Nach dem Anpassen der Größe werden deine Bilder in E-Mail-Clients unter Windows korrekt dargestellt, wirken aber auf Tablets, Smartphones und anderen hochauflösenden Bildschirmen leicht unscharf. Wenn du hier keine Kompromisse eingehen willst, empfehlen wir einen anderen E-Mail-Client.