{"id":13401,"date":"2024-09-06T02:25:00","date_gmt":"2024-09-05T20:55:00","guid":{"rendered":"https:\/\/email.uplers.com\/blogs\/?p=13401"},"modified":"2024-09-20T17:05:37","modified_gmt":"2024-09-20T11:35:37","slug":"effective-tips-to-design-email-header-and-footer","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/","title":{"rendered":"Email Header &#038; Footer Design: 10 Best Practices, Examples, &#038; Dos &#038; Don\u2019ts"},"content":{"rendered":"\n<p>[<strong>This blog was originally posted on Aug 2023 and has been updated on Sep 2024 to showcase new examples<\/strong>]<\/p>\n\n\n\n<p>This is what an overstatement <em>doesn\u2019t<\/em> read like: <span style=\"text-decoration: underline;\">Your emails enjoy a far greater reach than your social media feeds.<\/span>&nbsp;<\/p>\n\n\n\n<p>Contrary to social media, where \u2018reach\u2019 is mainly a statistical entity, in email marketing, \u2018reach\u2019 is measured by how deeply an email connects with the individual recipient on a personal level, which includes psychological\/behavioral parameters as well.<\/p>\n\n\n\n<p>After the subject line and preheader, the primary component of this reach is the email header. And the footer, appearing at the bottom of your email, is a cumulation of bona fides, cementing the reach in a final flourish of brand authenticity.&nbsp;<\/p>\n\n\n\n<p>If you haven\u2019t seen the header and footer in this way before, it\u2019s time to do so now. It\u2019s time to take care of these important things.&nbsp;<\/p>\n\n\n\n<p>Because in our experience of delivering <a href=\"https:\/\/email.uplers.com\/email-template-production-services\/\" target=\"_blank\" rel=\"noreferrer noopener\">over 3000 templates every month<\/a>, the stress on bells and whistles is, sadly, much too prevalent. It doesn&#8217;t make any difference to your subscribers.&nbsp;<\/p>\n\n\n\n<p>In this post, you\u2019ll learn 10 design best practices, along with examples, to transform your email header and footer into powerful marketing hotspots. Let\u2019s get started!<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#StandOut\"><strong>Make Your Logo Stand Out <br \/><\/strong><\/a><\/li><li><a href=\"#Subtext\"><strong>Keep Your Logo Subtext <br \/><\/strong><\/a><\/li><li><a href=\"#Sale\"><strong>Announce A Sale<br \/><\/strong><\/a><\/li><li><a href=\"#Photography\"><strong>Leverage Photography<\/strong><br \/><\/a><\/li><li><a href=\"#Animated\"><strong>Use Animated Header &amp; Footer<\/strong><\/a><br \/><\/li><li><a href=\"#HTML\"><strong>Use HTML Header &amp; Footer in Text-only Emails<\/strong><br \/><\/a><\/li><li><a href=\"#Navbar\"><strong>Add Navbar in the Footer<\/strong><br \/><\/a><\/li><li><a href=\"#Offer\"><strong>Expand on Your Offer <br \/><\/strong><\/a><\/li><li><a href=\"#Socialicons\"><strong>Make Your Social Icons Prominent<br \/><\/strong><\/a><\/li><li><a href=\"#Signature\"><strong>Add A Handwritten Signature<\/strong><br \/><\/a><\/li><li><a href=\"#DosDonts\"><strong>Email Header And Footer: Dos &amp; Don\u2019ts<br \/><\/strong><\/a><\/li><li><a href=\"#Bonus\"><strong>Bonus Tips!<\/strong><\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Email Header And Footer: 10 Best Practices<\/strong><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"StandOut\">1. <strong>Make Your Logo Stand Out<\/strong><\/h2>\n\n\n\n<p>Your <a href=\"https:\/\/email.uplers.com\/blog\/leveraging-logos-emails-festal-branding\/\" target=\"_blank\" rel=\"noreferrer noopener\">brand logo<\/a> is the principal component of the HTML header. While brands do get this right, where they go wrong is making the logo stand out from the rest of the email.&nbsp;<\/p>\n\n\n\n<p>The trick is not to enlarge your brand logo, but to position it nicely: It should be centered and surrounded by white space. Here\u2019s Chamberlain Coffee\u2019s email header template for example.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"864\" height=\"181\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image26.png\" alt=\"Chamberlain Coffee\u2019s email header template\n\" class=\"wp-image-40673\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image26.png 864w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image26-300x63.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image26-768x161.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image26-624x131.png 624w\" sizes=\"auto, (max-width: 864px) 100vw, 864px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Incidentally, you may also feature a second logo in the footer in the form of a signoff. Here\u2019s how Stella McCartney does it. It sort of rounds off the email. But remember to always add the primary logo in the header.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"452\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image8.png\" alt=\"Stella McCartney email\" class=\"wp-image-40674\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image8.png 740w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image8-300x183.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image8-229x140.png 229w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image8-624x381.png 624w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Alala does something similar.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"471\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image17.png\" alt=\"Alala Template\n\" class=\"wp-image-40675\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image17.png 745w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image17-300x190.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image17-221x140.png 221w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image17-624x395.png 624w\" sizes=\"auto, (max-width: 745px) 100vw, 745px\" \/><\/figure><\/div>\n\n\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-40901 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/custom-email-templates-design-coding\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1001\" height=\"375\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/Do-you-want-to-transform-your-email-header-and-footer-into-powerful-marketing-hotspots-1001.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/Do-you-want-to-transform-your-email-header-and-footer-into-powerful-marketing-hotspots-1001.jpg 1001w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/Do-you-want-to-transform-your-email-header-and-footer-into-powerful-marketing-hotspots-1001-300x112.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/Do-you-want-to-transform-your-email-header-and-footer-into-powerful-marketing-hotspots-1001-768x288.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/Do-you-want-to-transform-your-email-header-and-footer-into-powerful-marketing-hotspots-1001-624x234.jpg 624w\" sizes=\"auto, (max-width: 1001px) 100vw, 1001px\" \/><\/a><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Subtext\">2. <strong>Keep Your Logo Subtext<\/strong><\/h2>\n\n\n\n<p>We have seen quite a few brands who tend to drop the tagline from their logo when including it in emails.&nbsp;<\/p>\n\n\n\n<p>But one doesn\u2019t have to. If you have a <a href=\"https:\/\/email.uplers.com\/blog\/email-signature-challenges-and-solutions\/\" target=\"_blank\" rel=\"noreferrer noopener\">tagline under your logo<\/a>, it\u2019s part of it. You should add the entire logo, just like Hobby Lobby does in their email header design.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image2-1.png\" alt=\"Hobby Lobby\u2019s email header design\n\" class=\"wp-image-40676\" width=\"839\" height=\"108\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image2-1.png 839w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image2-1-300x39.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image2-1-768x99.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image2-1-624x80.png 624w\" sizes=\"auto, (max-width: 839px) 100vw, 839px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Here\u2019s another example from Purity Products where the email header features the logo with the tagline.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image25.png\" alt=\"\" class=\"wp-image-40677\" width=\"840\" height=\"203\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image25.png 1004w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image25-300x73.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image25-768x186.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image25-624x151.png 624w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Feel free to include other subtext as well if your logo features one, such as copyright information, as in this email from Sneakers n stuff.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"128\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image21.png\" alt=\"email from Sneakers n stuff\" class=\"wp-image-40678\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image21.png 571w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image21-300x67.png 300w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Sale\">3. <strong>Announce A Sale<\/strong><\/h2>\n\n\n\n<p>Including an offer, such as Free Shipping or other <a href=\"https:\/\/email.uplers.com\/blog\/comprehensive-guide-to-holiday-email-marketing\/\" target=\"_blank\" rel=\"noreferrer noopener\">seasonal offers in the email header<\/a> is a cool way to draw attention to an ongoing sale. Here\u2019s an example from Tuft &amp; Needle.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"215\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image24.png\" alt=\"Example from Tuft &amp; Needle\" class=\"wp-image-40679\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image24.png 770w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image24-300x84.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image24-768x214.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image24-624x174.png 624w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>The header is the first thing that the subscriber sees on opening the email. Most brands add offers in plain text. But you can design a dedicated offer banner as well. Take a look at Terrain&#8217;s email header template which features a Labor Day sale.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image28.png\" alt=\"Terrain's email header template\n\" class=\"wp-image-40680\" width=\"840\" height=\"296\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image28.png 980w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image28-300x106.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image28-768x271.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image28-624x220.png 624w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>You can also add the banner just below the logo, like J.Crew does it in this email header template.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image9-1024x499.png\" alt=\"J.Crew email header \" class=\"wp-image-40681\" width=\"840\" height=\"409\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image9-1024x499.png 1024w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image9-300x146.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image9-768x374.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image9-287x140.png 287w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image9-624x304.png 624w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image9.png 1032w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Generally, brands leave the details of a sale for the email footer (more on this later). So, if you want the offer to be concise, you can add it alongside the email header the way Nuts.com does it here. Interestingly, this partial revelation also encourages the viewer to scroll through the entire email.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image13-1024x235.png\" alt=\"Nuts.com Email Footer\" class=\"wp-image-40682\" width=\"840\" height=\"192\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image13-1024x235.png 1024w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image13-300x69.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image13-768x176.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image13-624x143.png 624w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image13.png 1059w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Photography\">4. <strong>Leverage Photography<\/strong><\/h2>\n\n\n\n<p>Consider using a <a href=\"https:\/\/email.uplers.com\/blog\/complete-guide-to-create-your-first-email-template\/\">photographic header for your emails<\/a>. Take a look at this email from Buffer, which features a cool photographic header.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"796\" height=\"356\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image18.png\" alt=\"email from Buffer\" class=\"wp-image-40683\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image18.png 796w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image18-300x134.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image18-768x343.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image18-624x279.png 624w\" sizes=\"auto, (max-width: 796px) 100vw, 796px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Here\u2019s another example of a photographic header from The Washington Post.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"786\" height=\"339\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image20.png\" alt=\"Photographic header from The Washington Post\" class=\"wp-image-40684\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image20.png 786w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image20-300x129.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image20-768x331.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image20-624x269.png 624w\" sizes=\"auto, (max-width: 786px) 100vw, 786px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Animated\">5. <strong>Use Animated Header &amp; Footer<\/strong><\/h2>\n\n\n\n<p>Using an animated header, particularly to highlight a sale, can be very effective. Usually, it takes the form of an animated ticker. Take a look at this email from Wolf &amp; Badger.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"border1-black\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeii-U0i71-S6-nIznw5_VCajFZq4g5y6YzcQYyRbohIPEtM52GFUamSBCVCiBeXzB90ncS5fDelGGhb1skzoghbtvOtHfKirjJ2eUFCTY0YpYlV1uKObPoghY1qC8MRPXGaoTsZG23k8BHYnp-Hc280FUA?key=SasQ2QwWc0fl9gvbFsgtSQ\" width=\"1920\" height=\"856\"\/><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>And here\u2019s an animated footer in an email by ActionRocket.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center border1-black\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXekqrVgCvnmmNsOX8GQ1LB7za6oAerLES22IwNCt1p5KvG7o7a7y4mX0e2-9c5jg2JGmi2k3TXDTdjbWpsGhJTP8VEs-UbPLefbrozNpkM95OpVhiUdOYesecoPgY3T0i9adAGEadg-fiz-mn4WrJwPags1?key=SasQ2QwWc0fl9gvbFsgtSQ\" width=\"1920\" height=\"856\"\/><\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-27941 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/custom-email-templates-design-coding\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"220\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/09\/5.png\" class=\"attachment-full size-full\" alt=\"We create stunning email designs and code them to perfection\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/09\/5.png 800w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/09\/5-300x83.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/09\/5-768x211.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/09\/5-624x172.png 624w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"HTML\">6. <strong>Use HTML Header &amp; Footer in Text-only Emails<\/strong><\/h2>\n\n\n\n<p>Whether it\u2019s a personal note from the CEO or product manager, a text-only email may feature an <a href=\"https:\/\/email.uplers.com\/blog\/create-html-email\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML header and footer<\/a>.&nbsp;<\/p>\n\n\n\n<p>The following email from the CMO of Wantable keeps the HTML header and footer intact.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"808\" height=\"536\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image11.png\" alt=\"Email from the CMO\" class=\"wp-image-40687\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image11.png 808w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image11-300x199.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image11-768x509.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image11-211x140.png 211w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image11-624x414.png 624w\" sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"743\" height=\"409\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image23.png\" alt=\"email from the CMO\" class=\"wp-image-40712\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image23.png 743w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image23-300x165.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image23-254x140.png 254w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image23-624x343.png 624w\" sizes=\"auto, (max-width: 743px) 100vw, 743px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Navbar\">7. <strong>Add Navbar in The Footer<\/strong><\/h2>\n\n\n\n<p>The bottom navigation bar, which is traditionally <a href=\"https:\/\/email.uplers.com\/blog\/email-footer-best-practices\/\" target=\"_blank\" rel=\"noreferrer noopener\">pre-footer content<\/a> but can be added to the email footer as well, is known to have a significant impact on the click-through rate. The idea is to re-engage the viewer with sitewide links a second time.&nbsp;<\/p>\n\n\n\n<p>\u201cNav bars can drive upwards of 20% of all click engagement,\u201d <a href=\"https:\/\/blogs.oracle.com\/marketingcloud\/post\/email-marketing-101-the-anatomy-of-an-email\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">points out<\/a> Peter Briggs, Director of Analytic &amp; Strategic Services, Oracle Digital Experience Agency. \u201cWhile less important than a top nav, a bottom nav or recovery module can be critical because it\u2019s your last chance to stimulate a click from the email.\u201d<\/p>\n\n\n\n<p>Consider Terrain\u2019s bottom navigation bar in their email footer design. It\u2019s best practice to make the second navigation bar more comprehensive than the first.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full border1-black\"><a href=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image15.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1003\" height=\"503\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image15.png\" alt=\"Email footer bottom navigation bar\" class=\"wp-image-40688\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image15.png 1003w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image15-300x150.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image15-768x385.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image15-279x140.png 279w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image15-624x313.png 624w\" sizes=\"auto, (max-width: 1003px) 100vw, 1003px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Here\u2019s another example of an email footer template with a secondary navigation bar. This email is from Traeger.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"628\" height=\"465\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image31.png\" alt=\"email footer template with a secondary navigation bar\" class=\"wp-image-40689\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image31.png 628w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image31-300x222.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image31-189x140.png 189w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image31-624x462.png 624w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>You can also arrange the bottom navbar horizontally like Barnes &amp; Noble does in their promotional email.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image14.png\" alt=\"\" class=\"wp-image-40690\" width=\"753\" height=\"314\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image14.png 753w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image14-300x125.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image14-624x260.png 624w\" sizes=\"auto, (max-width: 753px) 100vw, 753px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Or, try to reinforce the email footer template with a photographic navbar. For instance, check out this email from White Stuff. (However, bear in mind that this may cause Gmail to clip your message, so do add a View in Browser link in the header.)<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"645\" height=\"771\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image27.png\" alt=\"Email footer template with photographic navbar\" class=\"wp-image-40691\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image27.png 645w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image27-251x300.png 251w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image27-117x140.png 117w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image27-624x746.png 624w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Offer\">8. <strong>Expand on Your Offer<\/strong><\/h2>\n\n\n\n<p>Use the footer to provide the details of your offer, which you announced in the header. It can be brief or extensive, depending on the type of <a href=\"https:\/\/email.uplers.com\/blog\/e-commerce-emails-landing-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\">sale event<\/a>.&nbsp;<\/p>\n\n\n\n<p>TCHO Chocolate provides a brief description of their offer in the email footer.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"749\" height=\"175\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image7.png\" alt=\"TCHO Chocolate email footer. \" class=\"wp-image-40692\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image7.png 749w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image7-300x70.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image7-624x146.png 624w\" sizes=\"auto, (max-width: 749px) 100vw, 749px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Compare this with the details offered by The Inside.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"300\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image4.png\" alt=\"\" class=\"wp-image-40693\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image4.png 766w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image4-300x117.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image4-624x244.png 624w\" sizes=\"auto, (max-width: 766px) 100vw, 766px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Thymes\u2019s email footer is still more detailed.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"735\" height=\"296\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image10.png\" alt=\"\" class=\"wp-image-40694\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image10.png 735w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image10-300x121.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image10-624x251.png 624w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>But here\u2019s the winner, from dbrand.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"990\" height=\"710\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image3-1.png\" alt=\"\" class=\"wp-image-40695\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image3-1.png 990w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image3-1-300x215.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image3-1-768x551.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image3-1-195x140.png 195w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image3-1-624x448.png 624w\" sizes=\"auto, (max-width: 990px) 100vw, 990px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Socialicons\">9. <strong>Make Your Social Icons Prominent<\/strong><\/h2>\n\n\n\n<p>Almost all brands add links to their <a href=\"https:\/\/email.uplers.com\/blog\/ultimate-guide-email-template-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">social media presence in the footer<\/a>. However, from the perspective of design, it is critical to make these links prominent and tappable.&nbsp;<\/p>\n\n\n\n<p>We&#8217;d rather use social media links with deep contrast instead of grayscale ones. Subscribers may have multiple tabs open, and frequently switching between them strains the eyes. Grayscale links may appear dimmer than they actually are when the subscriber returns to the email from another page, causing the viewer to squint.&nbsp;<\/p>\n\n\n\n<p>For example, compare TCHO\u2019 Chocolate\u2019s social sharing block to that of Doughp\u2019s. The latter is way more on track with the visibility aspect.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"749\" height=\"175\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image7.png\" alt=\"TCHO Chocolate email footer. \" class=\"wp-image-40692\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image7.png 749w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image7-300x70.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image7-624x146.png 624w\" sizes=\"auto, (max-width: 749px) 100vw, 749px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"93\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image6.png\" alt=\"TCHO\u2019 Chocolate\u2019s social sharing\" class=\"wp-image-40696\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image6.png 526w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image6-300x53.png 300w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Speaking of visibility, if you\u2019re using text, make sure to enlarge it. Hawthorne\u2019s social sharing text appears tiny, not in proportion to the sizing ratios in the rest of the email.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"793\" height=\"360\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image19.png\" alt=\"Hawthorne\u2019s social sharing\n\" class=\"wp-image-40697\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image19.png 793w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image19-300x136.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image19-768x349.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image19-624x283.png 624w\" sizes=\"auto, (max-width: 793px) 100vw, 793px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>To be on the safe side, ditch text and let social media logos do the work.&nbsp;<\/p>\n\n\n\n<p>Still, try to make the icons prominent as well. And spaced out. In the following email from Seth Godin\u2019s blog, the social media icons are small and look cluttered.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"100\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image5-1.png\" alt=\"\" class=\"wp-image-40698\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image5-1.png 629w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image5-1-300x48.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image5-1-624x99.png 624w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/figure><\/div>\n\n\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-25198 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/custom-email-templates-design-coding\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"200\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/03\/5.jpg\" class=\"attachment-full size-full\" alt=\"Need help with the design and coding of your emails?\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/03\/5.jpg 800w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/03\/5-300x75.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/03\/5-768x192.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/03\/5-624x156.jpg 624w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Signature\">10. <strong>Add A Handwritten Signature<\/strong><\/h2>\n\n\n\n<p>If the email contains a personal message from the founder or a representative of the brand, including a handwritten signature is more impactful than simply typing the name. This personalizes the email and makes the message more valuable and endearing.<\/p>\n\n\n\n<p>Anya Hindmarch enhances the email footer design by including her handwritten signature, complementing the message.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"814\" height=\"340\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image22.png\" alt=\"handwritten signatureemail footer design\n\" class=\"wp-image-40699\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image22.png 814w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image22-300x125.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image22-768x321.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image22-624x261.png 624w\" sizes=\"auto, (max-width: 814px) 100vw, 814px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Here\u2019s another example of a handwritten signature, this time from the Editorial Director and Publisher of The Nation. (Yes, it\u2019s a good idea to include a headshot!)<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"318\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image12.png\" alt=\"handwritten signature email footer design\" class=\"wp-image-40700\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image12.png 773w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image12-300x123.png 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image12-768x316.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image12-624x257.png 624w\" sizes=\"auto, (max-width: 773px) 100vw, 773px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"DosDonts\"><strong>Email Header And Footer: Dos &amp; Don\u2019ts<\/strong><\/h2>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image border1-black\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"673\" height=\"1024\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image29-673x1024.png\" alt=\"Email Header And Footer: Dos &amp; Don\u2019ts\" class=\"wp-image-40701\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image29-673x1024.png 673w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image29-197x300.png 197w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image29-768x1169.png 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image29-92x140.png 92w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image29-624x950.png 624w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/09\/image29.png 1000w\" sizes=\"auto, (max-width: 673px) 100vw, 673px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Bonus\"><strong>Email Header And Footer: Bonus Tips!&nbsp;<\/strong><\/h2>\n\n\n\n<p>Here are some bonus tips on email header and footer design:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Carry a signup link in the email header of your newsletter. Make it a call to action.<br \/><\/li><li>Add a Store Locator or Store Finder link right in the header.<br \/><\/li><li>In addition to including a handwritten signature in the email footer, consider adding the sender\u2019s photo in the header.<br \/><\/li><li>Feel free to add the link to your Preference Center in the header as well. It\u2019s particularly relevant to mobile viewers. They can update preferences on the go.<br \/><\/li><li>You may add custom fonts to the primary navigation bar in the header and the bottom navbar in the footer. However, do not vary it too frequently.<br \/><\/li><li>Some brands add the social media buttons in the header. If you want it that way, send such emails only to subscribers who are most engaged on social media. The point is to make it quicker for subscribers to act on their unique preferences.<br \/><\/li><li>Besides social media buttons, add app download links in the email footer.<br \/><\/li><li>Use an HTML background color in the footer to distinguish it from the rest of the content blocks.<br \/><\/li><li>Make sure the color scheme in the email footer template is more or less consistent with that of the rest of the email.<br \/><\/li><li>Feel free to sign off with something more interesting than legal and policy page links in the footer. It could be a quote from the CEO, or any quote relevant to the content of the email.<br \/><\/li><li>Arrange email footer content in a logical hierarchy, placing the most important CTA or information at the top.<br \/><\/li><li>If you\u2019re adding lots of information in the footer, leverage negative space and allow the content to breathe.<br \/><\/li><li>Utilize the footer to ask subscribers for their feedback\/thoughts on your emails. Encouraging user participation is a smart way to sign off.<br \/><\/li><li>Make sure to optimize both email header and footer for mobile devices.<br \/><\/li><li>Finally, consider adding a whitelist request in the footer in order to ensure that your emails get delivered, instead of being junked or spammed.&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><\/strong><strong>Want to See ALL THIS in Action?<\/strong><\/h2>\n\n\n\n<p>If yes, <a href=\"https:\/\/email.uplers.com\/custom-email-templates-design-coding\/\" target=\"_blank\" rel=\"noreferrer noopener\">let\u2019s talk!<\/a> Share your email header and footer design concepts with us.&nbsp;<\/p>\n\n\n\n<p>Our email template production team delivers over 3000 templates every month. We can get a beautifully designed, <a href=\"https:\/\/email.uplers.com\/email-template-production-services\/\" target=\"_blank\" rel=\"noreferrer noopener\">custom-coded responsive email template<\/a> tailored to your brand guidelines within just 2 days, starting from scratch.&nbsp;<\/p>\n\n\n\n<p>For more insights into the current topic, feel free to update yourself on the limitations of email signatures.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How your email begins and how it ends is not something you can be indifferent to. Apply these design best practices to your email header &#038; footer. <\/p>\n","protected":false},"author":78,"featured_media":40703,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[1000,1001],"class_list":["post-13401","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-marketing","tag-email-header-and-footer","tag-header-and-footer-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Email Header &amp; Footer Design Guide: 10 Best Practices &amp; Mistakes to Avoid<\/title>\n<meta name=\"description\" content=\"Discover essential email header and footer design tips, examples, and dos &amp; don\u2019ts to boost engagement. Learn how to optimize your email\u2019s top and bottom elements.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Email Header &amp; Footer Design Guide: 10 Best Practices &amp; Mistakes to Avoid\" \/>\n<meta property=\"og:description\" content=\"Discover essential email header and footer design tips, examples, and dos &amp; don\u2019ts to boost engagement. Learn how to optimize your email\u2019s top and bottom elements.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/\" \/>\n<meta property=\"og:site_name\" content=\"Email Uplers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/email.uplers\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-05T20:55:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-20T11:35:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/Email-Header-and-Footer-Design-Tips-to-Swear-By-540x282.png\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"282\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Susmit Panda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:site\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Susmit Panda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/\",\"name\":\"Email Header & Footer Design Guide: 10 Best Practices & Mistakes to Avoid\",\"isPartOf\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/Email-Header-and-Footer-Design-Tips-to-Swear-By.png\",\"author\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/24f62735fffd154f82f33d19d2eaacb3\"},\"description\":\"Discover essential email header and footer design tips, examples, and dos & don\u2019ts to boost engagement. Learn how to optimize your email\u2019s top and bottom elements.\",\"breadcrumb\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/#primaryimage\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/Email-Header-and-Footer-Design-Tips-to-Swear-By.png\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/Email-Header-and-Footer-Design-Tips-to-Swear-By.png\",\"width\":1170,\"height\":470,\"caption\":\"Header Footer email design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/email.uplers.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Email Header &#038; Footer Design: 10 Best Practices, Examples, &#038; Dos &#038; Don\u2019ts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\",\"url\":\"https:\/\/email.uplers.com\/blog\/\",\"name\":\"Email Uplers\",\"description\":\"Email Marketing Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/email.uplers.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/24f62735fffd154f82f33d19d2eaacb3\",\"name\":\"Susmit Panda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/07\/Susmit-96x96.png\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/07\/Susmit-96x96.png\",\"caption\":\"Susmit Panda\"},\"description\":\"A realist at heart and an idealist at head, Susmit is a content writer at Email Uplers. He has been in the digital marketing industry for half a decade. When not writing, he can be seen squinting at his Kindle, awestruck.\",\"sameAs\":[\"https:\/\/email.uplers.com\/\",\"https:\/\/www.linkedin.com\/in\/susmit-panda-965a1214a\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Email Header & Footer Design Guide: 10 Best Practices & Mistakes to Avoid","description":"Discover essential email header and footer design tips, examples, and dos & don\u2019ts to boost engagement. Learn how to optimize your email\u2019s top and bottom elements.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/","og_locale":"en_US","og_type":"article","og_title":"Email Header & Footer Design Guide: 10 Best Practices & Mistakes to Avoid","og_description":"Discover essential email header and footer design tips, examples, and dos & don\u2019ts to boost engagement. Learn how to optimize your email\u2019s top and bottom elements.","og_url":"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/","og_site_name":"Email Uplers","article_publisher":"https:\/\/www.facebook.com\/email.uplers\/","article_published_time":"2024-09-05T20:55:00+00:00","article_modified_time":"2024-09-20T11:35:37+00:00","og_image":[{"width":540,"height":282,"url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/Email-Header-and-Footer-Design-Tips-to-Swear-By-540x282.png","type":"image\/png"}],"author":"Susmit Panda","twitter_card":"summary_large_image","twitter_creator":"@email_uplers","twitter_site":"@email_uplers","twitter_misc":{"Written by":"Susmit Panda","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/","url":"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/","name":"Email Header & Footer Design Guide: 10 Best Practices & Mistakes to Avoid","isPartOf":{"@id":"https:\/\/email.uplers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/#primaryimage"},"image":{"@id":"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/#primaryimage"},"thumbnailUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/Email-Header-and-Footer-Design-Tips-to-Swear-By.png","author":{"@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/24f62735fffd154f82f33d19d2eaacb3"},"description":"Discover essential email header and footer design tips, examples, and dos & don\u2019ts to boost engagement. Learn how to optimize your email\u2019s top and bottom elements.","breadcrumb":{"@id":"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/#primaryimage","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/Email-Header-and-Footer-Design-Tips-to-Swear-By.png","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/Email-Header-and-Footer-Design-Tips-to-Swear-By.png","width":1170,"height":470,"caption":"Header Footer email design"},{"@type":"BreadcrumbList","@id":"https:\/\/email.uplers.com\/blog\/effective-tips-to-design-email-header-and-footer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/email.uplers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Email Header &#038; Footer Design: 10 Best Practices, Examples, &#038; Dos &#038; Don\u2019ts"}]},{"@type":"WebSite","@id":"https:\/\/email.uplers.com\/blog\/#website","url":"https:\/\/email.uplers.com\/blog\/","name":"Email Uplers","description":"Email Marketing Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/email.uplers.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/24f62735fffd154f82f33d19d2eaacb3","name":"Susmit Panda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/07\/Susmit-96x96.png","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/07\/Susmit-96x96.png","caption":"Susmit Panda"},"description":"A realist at heart and an idealist at head, Susmit is a content writer at Email Uplers. He has been in the digital marketing industry for half a decade. When not writing, he can be seen squinting at his Kindle, awestruck.","sameAs":["https:\/\/email.uplers.com\/","https:\/\/www.linkedin.com\/in\/susmit-panda-965a1214a\/"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/13401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/comments?post=13401"}],"version-history":[{"count":41,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/13401\/revisions"}],"predecessor-version":[{"id":40950,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/13401\/revisions\/40950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media\/40703"}],"wp:attachment":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media?parent=13401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/categories?post=13401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/tags?post=13401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}