{"id":1359,"date":"2016-09-15T18:25:15","date_gmt":"2016-09-15T18:25:15","guid":{"rendered":"https:\/\/www.smartbusinesstactics.com\/?p=50"},"modified":"2020-11-29T10:24:10","modified_gmt":"2020-11-29T10:24:10","slug":"make-html-signature-apple-mail","status":"publish","type":"post","link":"https:\/\/fatfrogmedia.com\/make-html-signature-apple-mail\/","title":{"rendered":"How to Make an HTML Signature in Apple Mail"},"content":{"rendered":"\n<p>Most people will agree that the process for creating email signatures on Apple Mail leaves a lot to be desired. What has made it more bothersome is the fact that HTML signatures are not available by default. But before you create an HTML email signature you should be aware that it should only be used if doing so is important to your brand. Examine who your target audience is first and foremost. One reason for not using an HTML signature is that many people do not use HTML-enabled email clients. Some because their workplace does not allow it, or they have a slow connection, or they simply don't want to be tracked by marketing emails (which use tracking pixels inside graphics in the signature). <\/p>\n\n\n\n<p>In fact, many email clients <strong>will not read<\/strong> all the different types of HTML available so be aware that your signature might not be seen as much as you'd expect. If you're OK with the possible downsides to implementing HTML signatures then read on to find out how to make an HTML signature in Apple Mail.<\/p>\n\n\n\n<p><em>Note: This blog post deals with Apple mail specifically but some of the techniques can be applied to other mail readers, especially on Mac clients.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creating a signature in HTML<\/h2>\n\n\n\n<ul><li>Open Apple Mail and go to <strong>Mail<\/strong> &gt; <strong>Preferences<\/strong><\/li><li> Next, click on the <strong>Signatures<\/strong> tab and select the mail account you want to create a signature for from the left-hand side list.<\/li><li> If you don\u2019t have a signature in place yet click the <strong>+<\/strong> at the bottom of the window in the centre and give the signature a name. Type anything you like in the right-hand side pane and then close the window.<\/li><li> If you already have a signature in place simply add a couple of characters to the current one (to change the timestamp) and close the window.<\/li><\/ul>\n\n\n\n<p>Next, you will have to create <g class=\"gr_ gr_11 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar multiReplace\" id=\"11\" data-gr-id=\"11\">a <\/g><strong><g class=\"gr_ gr_11 gr-alert gr_gramm gr_inline_cards gr_disable_anim_appear Grammar multiReplace\" id=\"11\" data-gr-id=\"11\"><g class=\"gr_ gr_8 gr-alert gr_spell gr_inline_cards gr_disable_anim_appear ContextualSpelling ins-del multiReplace\" id=\"8\" data-gr-id=\"8\">html<\/g><\/g> page<\/strong> in a text editor. The easiest way to do this is to use a code editor like <a rel=\"noopener\" href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\">Sublime Text<\/a> or <a rel=\"noopener\" href=\"https:\/\/macromates.com\/\" target=\"_blank\">Text Mate<\/a>. I prefer not to use the default <strong>TextEdit<\/strong> app for this kind of work as it can make changes automatically to inverted commas and play with the formatting a little.<br><\/p>\n\n\n\n<p>A neat trick for <strong>WordPress<\/strong> users is to create a page in the WordPress admin (make it draft), add the HTML elements and then preview the page to see the results. When you have the signature correctly formatted simply copy the HTML code and save the draft for future use.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><picture><source srcset=\"https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/editing-html-signature-in-wordpress.webp 1024w,https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/editing-html-signature-in-wordpress-300x153.webp 300w,https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/editing-html-signature-in-wordpress-768x391.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" type=\"image\/webp\"><img src=\"https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/editing-html-signature-in-wordpress-1024x521.jpg\" height=\"521\" width=\"1024\" srcset=\"https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/editing-html-signature-in-wordpress.jpg 1024w, https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/editing-html-signature-in-wordpress-300x153.jpg 300w, https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/editing-html-signature-in-wordpress-768x391.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" class=\"wp-image-2849 sp-no-webp\" alt=\"editing html signature in wordpress\" loading=\"lazy\" decoding=\"async\"  > <\/picture><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quick HTML Primer<\/h2>\n\n\n\n<p>every opening tag should be closed with a <strong>\/<\/strong> as in the <strong>div<\/strong> example below<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]&lt;div&gt;Content inside the Div.\n&lt;p&gt;A second line inside the div&lt;\/p&gt;\n&lt;\/div&gt;[\/html]<\/pre>\n\n\n\n<p>Here's some typical HTML tags that you can use to create your signature:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]&lt;div&gt;[\/html]<\/pre>\n\n\n\n<p>A divider or section, for keeping elements in sections.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]&lt;h2&gt;[\/html]<\/pre>\n\n\n\n<p>A second level heading, as in the &#8216;Quick HTML Primer' heading above.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]&lt;b&gt;[\/html]<\/pre>\n\n\n\n<p>Bold or Strong, a way of emphasizing text.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]&lt;table&gt;[\/html]<\/pre>\n\n\n\n<p>Tables are old school HTML but still work for formatting in HTML that can't read stylesheets, for example, signature files.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]&lt;tr&gt;[\/html]<\/pre>\n\n\n\n<p>Table Row<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]&lt;td&gt;[\/html]<\/pre>\n\n\n\n<p>Table Cell<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]&lt;a href=\"\"&gt;[\/html]<\/pre>\n\n\n\n<p>A Hyperlink, a link to another webpage.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]&lt;img src=\"\"&gt;[\/html]<\/pre>\n\n\n\n<p>An image tag.<\/p>\n\n\n\n<p>For more information on basic HTML head to <a href=\"http:\/\/www.w3schools.com\/\" target=\"_blank\" rel=\"noopener\">w3schools.com<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Find and edit the signature file<\/h2>\n\n\n\n<p>Depending on whether you\u2019re using iCloud for your Apple Mail App or if your mail app runs locally you will need to open particular locations on your Mac to edit the signature file.<\/p>\n\n\n\n<p>Open up Finder, click on the Go menu in the top bar. Next select Go to Folder and paste one of the two following options in the dialogue box.<\/p>\n\n\n\n<p>For Apple Mail App on iCloud: <code>~\/Library\/Mobile Documents\/com~apple~mail\/Data\/MailData\/Signatures\/<\/code><\/p>\n\n\n\n<p>For Apple Mail locally: <code>~\/Library\/Mail\/V3\/MailData\/Signatures<\/code><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><picture><source srcset=\"https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/select-go-to-folder-in-apple-finder-menu.webp 292w,https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/select-go-to-folder-in-apple-finder-menu-214x300.webp 214w\" sizes=\"(max-width: 292px) 100vw, 292px\" type=\"image\/webp\"><img src=\"https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/select-go-to-folder-in-apple-finder-menu.jpg\" height=\"409\" width=\"292\" srcset=\"https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/select-go-to-folder-in-apple-finder-menu.jpg 292w, https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/select-go-to-folder-in-apple-finder-menu-214x300.jpg 214w\" sizes=\"(max-width: 292px) 100vw, 292px\" class=\"wp-image-2850 sp-no-webp\" alt=\"select go to folder in apple finder menu\" loading=\"lazy\" decoding=\"async\"  > <\/picture><\/figure><\/div>\n\n\n\n<p>Find the <strong>mailsignature<\/strong> file with the latest time stamp and right-click it (or CTRL-click) and choose Other..<br>\nFind your HTML editor from the application list and open the file.<br>\nIf you have your HTML code ready simply paste it into the signature file.<\/p>\n\n\n\n<p>Once you\u2019ve pasted the code and closed the file, right-click it again and select <strong>Get Info<\/strong>. Find the Locked tick box in the information panel that appears. Check this tick box and close. This tells Apple Mail to use this file and not to overwrite it with an older version.<br>\nRestart Mail and compose a new email message to view your signature!<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p> [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2851,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"Improve the look of your emails. Find out how to make an HTML signature in Apple Mail, quickly and simply with step by step instructions.","_seopress_robots_index":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[141,33],"tags":[52,53],"featured_image_urls":{"full":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false],"thumbnail":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail-150x150.jpg",150,150,true],"medium":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail-300x200.jpg",300,200,true],"medium_large":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail-768x512.jpg",768,512,true],"large":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false],"1536x1536":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false],"2048x2048":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false]},"post_excerpt_stackable":"<p>Most people will agree that the process for creating email signatures on Apple Mail leaves a lot to be desired. What has made it more bothersome is the fact that HTML signatures are not available by default. But before you create an HTML email signature you should be aware that it should only be used if doing so is important to your brand. Examine who your target audience is first and foremost. One reason for not using an HTML signature is that many people do not use HTML-enabled email clients. Some because their workplace does not allow it, or they&hellip;<\/p>\n","category_list":"<a href=\"https:\/\/fatfrogmedia.com\/category\/email-marketing\/\" rel=\"category tag\">Email Marketing<\/a>, <a href=\"https:\/\/fatfrogmedia.com\/category\/marketing\/\" rel=\"category tag\">Marketing<\/a>","author_info":{"name":"Keith Lang","url":"https:\/\/fatfrogmedia.com\/author\/oo8wq\/"},"comments_num":"3 comments","featured_image_urls_v2":{"full":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false],"thumbnail":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail-150x150.jpg",150,150,true],"medium":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail-300x200.jpg",300,200,true],"medium_large":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail-768x512.jpg",768,512,true],"large":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false],"1536x1536":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false],"2048x2048":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false]},"post_excerpt_stackable_v2":"<p>Most people will agree that the process for creating email signatures on Apple Mail leaves a lot to be desired. What has made it more bothersome is the fact that HTML signatures are not available by default. But before you create an HTML email signature you should be aware that it should only be used if doing so is important to your brand. Examine who your target audience is first and foremost. One reason for not using an HTML signature is that many people do not use HTML-enabled email clients. Some because their workplace does not allow it, or they&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/fatfrogmedia.com\/category\/email-marketing\/\" rel=\"category tag\">Email Marketing<\/a>, <a href=\"https:\/\/fatfrogmedia.com\/category\/marketing\/\" rel=\"category tag\">Marketing<\/a>","author_info_v2":{"name":"Keith Lang","url":"https:\/\/fatfrogmedia.com\/author\/oo8wq\/"},"comments_num_v2":"3 comments","uagb_featured_image_src":{"full":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false],"thumbnail":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail-150x150.jpg",150,150,true],"medium":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail-300x200.jpg",300,200,true],"medium_large":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail-768x512.jpg",768,512,true],"large":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false],"1536x1536":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false],"2048x2048":["https:\/\/fatfrogmedia.com\/wp-content\/uploads\/2016\/09\/how-to-create-html-signature-apple-mail.jpg",1000,667,false]},"uagb_author_info":{"display_name":"Keith Lang","author_link":"https:\/\/fatfrogmedia.com\/author\/oo8wq\/"},"uagb_comment_info":3,"uagb_excerpt":"[&hellip;]","_links":{"self":[{"href":"https:\/\/fatfrogmedia.com\/wp-json\/wp\/v2\/posts\/1359"}],"collection":[{"href":"https:\/\/fatfrogmedia.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatfrogmedia.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatfrogmedia.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatfrogmedia.com\/wp-json\/wp\/v2\/comments?post=1359"}],"version-history":[{"count":0,"href":"https:\/\/fatfrogmedia.com\/wp-json\/wp\/v2\/posts\/1359\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fatfrogmedia.com\/wp-json\/wp\/v2\/media\/2851"}],"wp:attachment":[{"href":"https:\/\/fatfrogmedia.com\/wp-json\/wp\/v2\/media?parent=1359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatfrogmedia.com\/wp-json\/wp\/v2\/categories?post=1359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatfrogmedia.com\/wp-json\/wp\/v2\/tags?post=1359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}