{"id":439,"date":"2020-10-21T03:49:44","date_gmt":"2020-10-21T01:49:44","guid":{"rendered":"https:\/\/expanic.at\/wordpress\/2020\/10\/21\/e-mail-signatur-in-html-erstellen\/"},"modified":"2020-10-21T03:49:44","modified_gmt":"2020-10-21T01:49:44","slug":"e-mail-signatur-in-html-erstellen","status":"publish","type":"post","link":"https:\/\/expanic.at\/wordpress\/2020\/10\/21\/e-mail-signatur-in-html-erstellen\/","title":{"rendered":"E-Mail-Signatur in html erstellen"},"content":{"rendered":"\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"&#8222;HowTo: HTML E-Mail-Signatur in Apple Mail erstellen&#8220; &#8212; code78 || Blog\" src=\"https:\/\/code78.de\/blog\/apple-html-e-mail-signatur\/embed\/#?secret=7O0z8xdOer\" data-secret=\"7O0z8xdOer\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n\n\n\n<h2 class=\"entry-title wp-block-heading\">HowTo: HTML E-Mail-Signatur in Apple Mail erstellen<\/h2>\n\n\n\n<p>30. JULI 2017&nbsp;<a href=\"https:\/\/code78.de\/blog\/apple-html-e-mail-signatur\/#comments\" class=\"entry-comments-no \">27 KOMMENTARE<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a class=\"ci-lightbox\" href=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/html-signatur-apple-mail.jpg\"><img decoding=\"async\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/html-signatur-apple-mail.jpg\" alt=\"Mac Apple Mail HTML Signatur\"\/><\/a><\/figure>\n\n\n\n<p>Fr\u00fcher gab\u2019s Visitenkarten, heute gibt es Signaturen:<br \/>Eine E-Mail-Signatur geh\u00f6rt zum guten Ton. Das w\u00fcrde niemand anzweifeln, der noch alle Zwetschgen beisammen hat.<br \/>Durch meine jahrelange Undercovertaktivit\u00e4t als E-Mail-Empf\u00e4ngerin ist es mir sogar m\u00f6glich eine Liste mit den drei&nbsp; h\u00e4ufigsten Signaturen zusammenzustellen:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Eine Corporate Identity ist eine Corporate Identity&nbsp;<sup><\/sup>.<\/li><li>Ich bin frei von CI-Vorgaben. Ich k\u00f6nnte, wenn ich wollte oder wenn ich die Zeit h\u00e4tte. Hab ich aber grad nicht. Solange haue ich ein Standardding raus. Besser als nix.<\/li><li>Nichts.<\/li><\/ol>\n\n\n\n<p>Tja. Das haut mich jetzt nicht wirklich aus den Klotschen. So ehrlich wird man doch noch sein d\u00fcrfen.<a href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fcode78.de%2Fblog%2Fapple-html-e-mail-signatur%2F&amp;text=HTML-Signaturen%20wecken%20das%20Interesse%2C%20steigern%20die%20Conversion-Rate%20und%20bleiben%20in%20Erinnerung%21&amp;via=minus78&amp;related=minus78\" target=\"_blank\" rel=\"noreferrer noopener\">HTML-Signaturen wecken das Interesse, steigern die Conversion-Rate und bleiben in Erinnerung!&nbsp;<\/a><a href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fcode78.de%2Fblog%2Fapple-html-e-mail-signatur%2F&amp;text=HTML-Signaturen%20wecken%20das%20Interesse%2C%20steigern%20die%20Conversion-Rate%20und%20bleiben%20in%20Erinnerung%21&amp;via=minus78&amp;related=minus78\" target=\"_blank\" class=\"bctt-ctt-btn\" rel=\"noreferrer noopener\">KLICK UM ZU TWEETEN<\/a><\/p>\n\n\n\n<p>Dabei haben Signaturen ein, leider untersch\u00e4tztes, Potential: Sie wecken das Interesse, dienen als Visitenkarte, steigern die Conversion Rate und bleiben in Erinnerung. Wenn man es richtig macht!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apple Mail: HTML E-Mail-Signatur<\/h2>\n\n\n\n<p>\u00bbHeidiiiii? Hier haste \u2018n schickes Design. Kannst du daraus ne HTML E-Mail-Signatur machen? Bitte?\u00ab, knick knack. Ich sag\u2019s euch mit gewissem Stolz im Herzen: Ich war quasi unersetzlich. Ich war die Godmasterin der E-Mail-Signaturen! Nat\u00fcrlich habe ich an der Stelle auch gerne heraush\u00e4ngen lassen, dass es Apple Mail einem nicht gerade einfach macht. Intuition? Fehlanzeige?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">But first: HTML<\/h2>\n\n\n\n<p>Bevor es nun ans Eingemachte geht, schreiben wir mit einem Texteditor ein paar Zeilen&nbsp;<em>abgespecktes<\/em>&nbsp;HTML.<br \/><em>Wenn ihr damit noch keine Erfahrungen gesammelt habt und euch das nicht zutraut, \u00fcberspringt dieses Fachchinesisch und springt mal schnell r\u00fcber zu den HTML-Signatur-Generatoren, die ich euch weiter unten verlinkt habe<\/em>.<\/p>\n\n\n\n<p>Hier gibt es ein paar Dinge zu beachten:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Benutzt einen reinen Texteditor, auf gar keinen Fall Word oder solche Geschichten! Ich benutze am Liebsten TextWrangler oder&nbsp;<a href=\"https:\/\/www.peterborgapps.com\/smultron\/\" target=\"_blank\" rel=\"noreferrer noopener\">&nbsp;Smultron<\/a><br \/><small>(* kopiert man die geschriebenen Zeilen aus Editoren wie Word, kopiert man die Formatierung mit. Das wollen wir nat\u00fcrlich nicht.)<\/small><\/li><li>Die Signatur besteht aus einem HTML-Schnipsel. Wir k\u00f6nnen \u2013 und m\u00fcssen \u2013 an dieser Stelle auf das komplette Grundger\u00fcst verzichten. Also nix mit &lt;html&gt;&lt;body&gt; und so. Wheeha!<\/li><li>Das CSS, also das, was f\u00fcr das Aussehen verantwortlich ist, wird nicht in einer externen Datei ausgelagert. Das schreiben wir in ein Tag ([t\u00e4g] \u2013 das ist das Klammerding in HTML) in den HTML-Schnipsel.<\/li><li>Die Bilder liegen irgendwo im Internet und werden \u00fcber die Bild-URL eingebunden.<\/li><li>Wenn ihr m\u00f6gt, k\u00f6nnt ihr den&nbsp;<a href=\"https:\/\/code78.de\/blog\/code-beispiel-html-signatur\/\" target=\"_blank\" rel=\"noreferrer noopener\">Code meiner HTML-Signatur<\/a>&nbsp;anpassen und nutzen<\/li><\/ul>\n\n\n\n<p>F\u00fcr Menschen, die sich bisher noch nie mit HTML besch\u00e4ftigt haben, klingt das jetzt vermutlich echt tricky.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Das HTML<\/h3>\n\n\n\n<p>Es gibt Seiten, auf denen ihr euch online Signaturen mit einem What-You-See-Is-What-You-Get-Editor erstellen k\u00f6nnt. Dort k\u00f6nnt ihr euch eure Signatur ganz einfach zusammenklicken. Am Ende kopiert ihr dann einfach den HTML Code.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"https:\/\/si.gnatu.re\/\" target=\"_blank\" rel=\"noreferrer noopener\">si.gnatu.re<\/a><\/li><li><a href=\"https:\/\/followyoureyes.de\/blog\/email-client-signatur-online-erstellen\" target=\"_blank\" rel=\"noreferrer noopener\">HTML Signatur Generator<\/a><\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Neue Signatur erstellen<\/h3>\n\n\n\n<p><em>[Hinweis: Ich habe dieses Tutorial anhand des Betriebsystems MacOS Sierra geschrieben]<\/em><\/p>\n\n\n\n<p>Dann legen wir eine neue Signatur in Apple Mail an:<br \/>Mail&nbsp;&nbsp;Einstellungen&nbsp;&nbsp;&nbsp;Signaturen<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-mail-html-signatur-erstellen.jpg\"><img decoding=\"async\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-mail-html-signatur-erstellen.jpg\" alt=\"HTML Signaturen in Apple Mail erstellen\" class=\"wp-image-1180\"\/><\/a><\/figure><\/div>\n\n\n\n<p>Das ist eine Sache von 2 Sekunden. Das System f\u00fcgt beim Erstellen einer Signatur automatisch eine abgespeckte Signatur hinzu, die in der rechten Spalte erscheint. Das lassen wir erst vorerst so.<br \/>Abrakadabra, it\u2019s magic: Das System hat uns nun eine Datei mit unserer Blabla-Signatur erstellt. Bevor wir sie bearbeiten k\u00f6nnen, m\u00fcssen wir sie aber noch finden. Logisch.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Library<\/h3>\n\n\n\n<p>Wir gehen \u00fcber den Finder in die Library, in der sich unsere Programm-Ordner und Einstellungen befinden:<br \/>Finder&nbsp;&nbsp;Gehe zu&nbsp;&nbsp;&nbsp;Library<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-mac-finder-gehe-zu.jpg\"><img decoding=\"async\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-mac-finder-gehe-zu.jpg\" alt=\"Apple Mac Finder Gehe zu\" class=\"wp-image-1181\"\/><\/a><\/figure><\/div>\n\n\n\n<p>Wie man sieht, sieht man nichts. Zumindest nicht die Library.<br \/>Das liegt daran, dass Systemordner von Apple versteckt angelegt werden, damit man nichts kaputt macht und so.<br \/>Mit gedr\u00fcckter alt-Taste k\u00f6nnen wir den Ordner aber einblenden und die geheiligten Gefielde betreteten.<\/p>\n\n\n\n<p>Library&nbsp;&nbsp;Mail&nbsp;&nbsp;&nbsp;V4<sup>*<\/sup>&nbsp;&nbsp;Mail Data&nbsp;&nbsp;Signatures<br \/><small>* Euer Ordner k\u00f6nnte an dieser Stelle, je nach Version, auch V3 oder V2 heissen<\/small><\/p>\n\n\n\n<p>Tadaaaa! Hier seht ihr eine \u00dcbersicht aller eurer Signaturen. Wenn ihr vorher schon welche hattet, kann es in dem Ordner schon hei\u00df zugehen. Am Besten sortieren wir den Inhalt \u00fcber \u00bbAusrichten nach\u00ab nach \u00bbHinzugef\u00fcgt am\u00ab.<br \/>Die neueste Datei mit der Endung&nbsp;<code>.mailsignature<\/code>&nbsp;ist dann die vorhin erstelle Datei.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-mail-signatur-suchen.jpg\"><img decoding=\"async\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-mail-signatur-suchen.jpg\" alt=\"Apple Mail Signatur suchen\" class=\"wp-image-1199\"\/><\/a><\/figure><\/div>\n\n\n\n<p>Per Rechtsklick \u00f6ffnen wir diese Datei dann mit unserem&nbsp;<strong>reinen Texteditor<\/strong>.<br \/>Die ersten f\u00fcnf Zeilen sind Lava: Nicht anfassen, nicht ver\u00e4ndern, nicht l\u00f6schen und alles wird gut. Das, was in dem Screenshot paulchenpantherpink markiert ist, kann weg. An diese Stelle kommt dann das HTML, das wir selbst geschrieben oder generiert haben.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/signature-edit-html.jpg\"><img decoding=\"async\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/signature-edit-html.jpg\" alt=\"Apple Mail Signatur editieren\" class=\"wp-image-1191\"\/><\/a><\/figure><\/div>\n\n\n\n<p><br \/>Nach dem Speichern sch\u00fctzen wir die Datei vor dem \u00dcberschreiben.<br \/>Dazu klicken wir im Signaturen-Ordner auf unsere Signatur und w\u00e4hlen mit dem Rechtsklick die Option \u00bbInformation\u00ab aus und setzen das H\u00e4kchen auf \u00bbSchreibgesch\u00fctzt\u00ab.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-datei-information.jpg\"><img decoding=\"async\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-datei-information.jpg\" alt=\"Per Rechtsklick \u00f6ffnet sich das Optionsmen\u00fc \" class=\"wp-image-1200\"\/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-datei-schreibgeschuetzt.jpg\"><img decoding=\"async\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-datei-schreibgeschuetzt.jpg\" alt=\"Schreibgesch\u00fctzte Datei - Apple\" class=\"wp-image-1201\"\/><\/a><\/figure><\/div>\n\n\n\n<p>Das verhindert, dass unsere m\u00fchsam erstellte Datei wieder durch das System \u00fcberschrieben und zur Blabla-Signatur zur\u00fcckgesetzt wird.<\/p>\n\n\n\n<p>Jetzt wird\u2019s spannend!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Restart von Apple Mail<\/h3>\n\n\n\n<p>\u00bbHave you tried turning it off an on again?\u00ab<\/p>\n\n\n\n<p>Der Standardspruch eines Entwicklers ist hier das oberste Gebot. Wir beenden Mail und starten neu. Und wenn wir alles richtig gemacht haben, sehen wir unter den Signaturen unsere schicke HTML-Signatur.<br \/>In der kleinen Vorschau sehen wir allerdings keine Bilder. Lasst euch davon nicht verunsichern. Wenn die Bilder richtig eingebunden sind, dann seht ihr sie sp\u00e4testens, wenn ihr die Signatur zuweist und mit dem Konto Emails durch die Weltgeschichte schickt.<a href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fcode78.de%2Fblog%2Fapple-html-e-mail-signatur%2F&amp;text=Adieu%2C%20ihr%20Langweiler%21%20Ich%20bin%20viel%20ansehlicher%20und%20interessanter%20als%20ihr.%20MFG%2C%20die%20HTML-Signatur&amp;via=minus78&amp;related=minus78\" target=\"_blank\" rel=\"noreferrer noopener\">Adieu, ihr Langweiler! Ich bin viel ansehlicher und interessanter als ihr. MFG, die HTML-Signatur&nbsp;<\/a><a href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fcode78.de%2Fblog%2Fapple-html-e-mail-signatur%2F&amp;text=Adieu%2C%20ihr%20Langweiler%21%20Ich%20bin%20viel%20ansehlicher%20und%20interessanter%20als%20ihr.%20MFG%2C%20die%20HTML-Signatur&amp;via=minus78&amp;related=minus78\" target=\"_blank\" class=\"bctt-ctt-btn\" rel=\"noreferrer noopener\">KLICK UM ZU TWEETEN<\/a><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-hmtl-signatur-code78.jpg\"><img decoding=\"async\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/04\/apple-hmtl-signatur-code78.jpg\" alt=\"html mail signatur\" class=\"wp-image-1203\"\/><\/a><\/figure><\/div>\n\n\n\n<p>Verdammte Axt 2000! Endlich geschafft!<br>Jetzt k\u00f6nnt ihr der Welt was aufs Auge dr\u00fccken!<\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"post-excerpt\">HowTo: HTML E-Mail-Signatur in Apple Mail erstellen 30. JULI 2017&nbsp;27 KOMMENTARE Fr\u00fcher gab\u2019s Visitenkarten, heute gibt es Signaturen:Eine E-Mail-Signatur geh\u00f6rt&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[16,31],"tags":[],"class_list":["post-439","post","type-post","status-publish","format-standard","hentry","category-anleitung","category-mac"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/expanic.at\/wordpress\/wp-json\/wp\/v2\/posts\/439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expanic.at\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/expanic.at\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/expanic.at\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expanic.at\/wordpress\/wp-json\/wp\/v2\/comments?post=439"}],"version-history":[{"count":0,"href":"https:\/\/expanic.at\/wordpress\/wp-json\/wp\/v2\/posts\/439\/revisions"}],"wp:attachment":[{"href":"https:\/\/expanic.at\/wordpress\/wp-json\/wp\/v2\/media?parent=439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/expanic.at\/wordpress\/wp-json\/wp\/v2\/categories?post=439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/expanic.at\/wordpress\/wp-json\/wp\/v2\/tags?post=439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}