{"id":48620,"date":"2023-10-25T13:52:52","date_gmt":"2023-10-25T13:52:52","guid":{"rendered":"https:\/\/www.engagebay.com\/blog\/?p=48620"},"modified":"2026-04-07T15:37:44","modified_gmt":"2026-04-07T15:37:44","slug":"email-design-best-practices","status":"publish","type":"post","link":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/","title":{"rendered":"Email Design Best Practices: Do Your Designs Convert?"},"content":{"rendered":"<p dir=\"ltr\">How well do your <a href=\"https:\/\/www.engagebay.com\/marketing\/email-marketing\">email marketing<\/a> campaigns perform? According to<a href=\"https:\/\/www.constantcontact.com\/blog\/email-marketing-research-and-statistics\/\"> Constant Contact<\/a>, an average email open rate of 34.51 percent and click-through rate of 1.33 percent over 200 million emails is common in 2023.<\/p>\n<p dir=\"ltr\">Considering these metrics vary by industry, if yours are under average, one factor to consider is your <a href=\"https:\/\/www.engagebay.com\/blog\/email-design\/\">email design<\/a>. A well-designed email appeals to the audience segment who receives it. Your email should be responsive, perhaps interactive, and certainly mobile-optimized.<\/p>\n<p dir=\"ltr\">The email design best practices in this blog post will serve you well if you are looking for some inspiration and useful tips for your campaigns.<\/p>\n<p dir=\"ltr\"><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_74 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#Email_Design_Best_Practices_For_Beautiful_Campaigns\" >Email Design Best Practices For Beautiful Campaigns<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#1_AB_test_everything\" >1. A\/B test everything<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#2_Include_the_right_info_in_the_footer\" >2. Include the right info in the footer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#3_A_minimalist_design_is_fine\" >3. A minimalist design is fine<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#4_Use_dynamic_content\" >4. Use dynamic content&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#5_Doube-check_for_grammar_and_spelling_errors\" >5. Doube-check for grammar and spelling errors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#6_Prioritize_mobile_optimization\" >6. Prioritize mobile optimization<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#7_Make_your_messages_dark_mode-friendly\" >7. Make your messages dark mode-friendly<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#8_Watch_your_tone\" >8. Watch your tone<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#9_Think_about_your_email_layout\" >9. Think about your email layout<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#10_Go_for_GIFs\" >10. Go for GIFs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#11_Embed_your_videos\" >11. Embed your videos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#12_Add_some_user-generated_content\" >12. Add some user-generated content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#13_Check_your_links\" >13. Check your links<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#14_Watch_your_text-to-image_ratio\" >14. Watch your text-to-image ratio<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#15_Prioritize_the_CTA_placements\" >15. Prioritize the CTA placements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#16_Add_interactive_content\" >16. Add interactive content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#17_Always_have_some_text_copy_in_your_emails\" >17. Always have some text copy in your emails<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#18_Write_good_CTAs\" >18. Write good CTAs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#19_Consider_your_CTA_sizes\" >19. Consider your CTA sizes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#20_Use_merge_tags\" >20. Use merge tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#21_Know_which_mobile_email_coding_to_use\" >21. Know which mobile email coding to use<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#22_Write_the_Alt_Text_in_your_email_images\" >22. Write the Alt Text in your email images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#23_Choose_your_fonts_carefully\" >23. Choose your fonts carefully<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#24_Avoid_stock_images\" >24. Avoid stock images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#25_Watch_your_email_image_sizes\" >25. Watch your email image sizes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#26_Grab_attention_with_the_header\" >26. Grab attention with the header<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#27_Watch_your_email_width\" >27. Watch your email width<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#28_Use_contextual_marketing\" >28. Use contextual marketing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#29_Add_preheaders\" >29. Add preheaders<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#Bottom_Line\" >Bottom Line<\/a><\/li><\/ul><\/nav><\/div>\n<\/p>\n<h2 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"Email_Design_Best_Practices_For_Beautiful_Campaigns\"><\/span><span style=\"color: #339966;\"><strong>Email Design Best Practices For Beautiful Campaigns<\/strong><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Let&#8217;s go through some tips that have proven to work for the best email marketers.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"1_AB_test_everything\"><\/span><span style=\"color: #993300;\"><strong>1. A\/B test everything<\/strong><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">It doesn\u2019t matter how advanced email technology and design get: split testing will always be necessary.<\/p>\n<p dir=\"ltr\">You have more ways of <a href=\"https:\/\/www.engagebay.com\/blog\/email-ab-testing\/\">A\/B testing your email content<\/a> than ever. Many email marketing tools have built-in automation or AI that can compare your emails without you having to do so manually. These tools help you identify the best images, CTA placement, <a href=\"https:\/\/www.engagebay.com\/blog\/best-email-subject-lines\/\">subject lines<\/a>, email length, and even when to send.<\/p>\n<p dir=\"ltr\">Split testing ensures your message is relevant, performance-oriented, and ready to launch.<\/p>\n<p dir=\"ltr\">\r\n            <script>\r\n                var EhAPI = EhAPI || {}; \r\n                EhAPI.after_load = function() {\r\n                    EhAPI.set_account('ktb76s1540fl2hnhbqnrtd2npb', 'our');\r\n                    EhAPI.execute('rules');\r\n                };\r\n                (function(d, s, f) {\r\n                    var sc = document.createElement(s);\r\n                    sc.type = 'text\/javascript';\r\n                    sc.async = true;\r\n                    sc.src = f;\r\n                    var m = document.getElementsByTagName(s)[0];\r\n                    m.parentNode.insertBefore(sc, m);   \r\n                })(document, 'script', '\/\/d2p078bqz5urf7.cloudfront.net\/jsapi\/ehform.js');\r\n            <\/script>\r\n            <script>\r\n                function waitForEhForms() {\r\n                    const interval = 100; \/\/ Check every 100ms\r\n                    const checkAndLoad = () => {\r\n                        const params = new URLSearchParams(window.location.search);\r\n                        const elementorPreviewParam = params.get('elementor-preview');\r\n                        if (elementorPreviewParam && typeof EhForms !== 'undefined' && typeof EhForms.loadForms === 'function') {\r\n                            EhForms.loadForms();\r\n                            console.log('EhForms.loadForms() called successfully.');\r\n                        } else {\r\n                            setTimeout(checkAndLoad, interval);\r\n                        }\r\n                    };\r\n                    checkAndLoad();\r\n                }\r\n                \/\/ Call the function\r\n                waitForEhForms();\r\n            <\/script>\r\n        <div class='engage-hub-form-embed' id='eh_form_5161654467690496' data-id='5161654467690496'><\/div><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"2_Include_the_right_info_in_the_footer\"><\/span><span style=\"color: #993300;\"><strong>2. Include the right info in the footer<\/strong><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div style=\"text-align: center;\">\n<dl id=\"\">\n<dt>\n<p><figure style=\"width: 533px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.sendinblue.com\/wp-content\/uploads\/2020\/07\/email-footer-glamcorner-min-1.png\"><img decoding=\"async\" class=\"\" src=\"https:\/\/www.sendinblue.com\/wp-content\/uploads\/2020\/07\/email-footer-glamcorner-min-1.png\" alt=\"email footer design example\" width=\"533\" height=\"473\" aria-hidden=\"false\"><\/a><figcaption class=\"wp-caption-text\"><em>Image courtesy of Brevo<\/em><\/figcaption><\/figure><\/dt>\n<\/dl>\n<\/div>\n<p dir=\"ltr\">An email footer or signature block is one of the most important portions of your message, even if it isn\u2019t above the fold. Some marketers use generic footers, doing themselves no favors.<\/p>\n<p dir=\"ltr\">So, what should you include in your email footer? Here are some ideas:<\/p>\n<ul>\n<li dir=\"ltr\"><strong>Support links:<\/strong> You can use this section to solicit feedback on your email (unless sending from a no-reply email address) or provide support links so customers or leads can get answers to their questions.<\/li>\n<li dir=\"ltr\"><strong>Referral links:<\/strong> An email footer is an ideal place for referral links, especially if your <a href=\"https:\/\/www.engagebay.com\/blog\/saas-reseller-programs\/\">referral program<\/a> is new and you\u2019re spreading awareness.<\/li>\n<li dir=\"ltr\"><strong>App link:<\/strong> Encourage more app downloads and engagement by including a link to your app in the Google Play Store and Apple App Store in your email footer.<\/li>\n<li dir=\"ltr\"><strong>Social media links:<\/strong> Create social media buttons for the major platforms, including Facebook, LinkedIn, Twitter, <a href=\"https:\/\/www.engagebay.com\/blog\/instagram-features-for-marketing\/\">Instagram<\/a>, and YouTube. Add hyperlinks to each button.<\/li>\n<li dir=\"ltr\"><strong>Website link:<\/strong> It doesn\u2019t hurt to add an extra link to your website in the footer. However, if your footer is already link-heavy, you can omit this one.<\/li>\n<li dir=\"ltr\"><strong>Legal information:<\/strong> You must include a succinct but thorough legal statement, including an unsubscribe link, stating that you will not share personal information. Spell out your terms and conditions in this legal statement, and consider consulting with an attorney for review.<\/li>\n<\/ul>\n<p><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/email-animation-guide\/\">Read also: Email Animation Station \u2013 Your Guide To GIFs And More<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"3_A_minimalist_design_is_fine\"><\/span><strong><span style=\"color: #993300;\">3. A minimalist design is fine<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div>\n<dl id=\"\">\n<dt>\n<p><figure style=\"width: 501px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/05\/Harrys-595x1024.png\"><img decoding=\"async\" class=\"\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/05\/Harrys-595x1024.png\" alt=\"email design example from Harry's\" width=\"501\" height=\"862\" aria-hidden=\"false\"><\/a><figcaption class=\"wp-caption-text\"><em>Image courtesy of Uplers<\/em><\/figcaption><\/figure><\/dt>\n<dd><\/dd>\n<\/dl>\n<\/div>\n<p dir=\"ltr\">What should your email look like? That\u2019s the million-dollar question, and there\u2019s no one correct answer.<\/p>\n<p dir=\"ltr\">The design of your email will vary depending on the product or service you\u2019re promoting and your audience. However, no matter the design, it can surely benefit from a touch of minimalism. Many new email marketers assume their email must have all the visual bells and whistles to attract a <a href=\"https:\/\/www.engagebay.com\/blog\/email-list-quality-email-deliverability\/\">high open and click-through rate<\/a>.<\/p>\n<p dir=\"ltr\">In actuality, the opposite happens, as a cluttered message looks spammy and could end up in the trash. Don\u2019t fear white space. It makes the visual elements in your email more impactful and gives those elements room to breathe.<\/p>\n<p dir=\"ltr\">It can also help with mobile optimization, ensuring visual elements aren\u2019t stacked on top of each other or otherwise load incorrectly.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/introduction-email-templates\/\">Read also: 15 Introduction Email Templates That Work Like A Charm<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"4_Use_dynamic_content\"><\/span><span style=\"color: #993300;\"><strong>4. Use dynamic content&nbsp;<\/strong><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Dynamic content is making a splash in <a href=\"https:\/\/www.engagebay.com\/marketing\/email-marketing\">email marketing<\/a>, and rightfully so.<\/p>\n<p dir=\"ltr\">As the name suggests, dynamic content changes based on the audience. This type of email allows you to create personalized content for your audience groups without sending thousands of emails per day.<\/p>\n<p dir=\"ltr\">A good email marketing tool will help you utilize dynamic content to the fullest as it <a href=\"https:\/\/www.engagebay.com\/blog\/what-is-audience-segmentation\/\">segments and scores your audience<\/a> automatically. You can also automate the inclusion of dynamic content elements like customer surveys, abandoned cart messages, product or service offers, and recommendations.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/best-cta-examples\/\">Read also: Best CTA Examples for Small Businesses To Learn From<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"5_Doube-check_for_grammar_and_spelling_errors\"><\/span><strong><span style=\"color: #993300;\">5. Doube-check for grammar and spelling errors<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Whether you wrote the email yourself or used an email marketing tool, you should always have at least another set of eyes read over the content before you hit the \u201csend\u201d button (or \u201cschedule\u201d if you\u2019re using a <a href=\"https:\/\/www.engagebay.com\/marketing\/marketing-automation\">marketing automation tool<\/a>).<\/p>\n<p dir=\"ltr\">Grammar and spelling errors are embarrassing and reduce your trustworthiness. You can use a Grammarly extension or even ChatGPT to find errors in the copy. These days, it\u2019s so easy to catch these mistakes that we have no excuse for sending an email with less than perfect copy.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-examples\/\">Read also: 15 Stunning Email Design Examples from Big Brands (2024)<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"6_Prioritize_mobile_optimization\"><\/span><strong><span style=\"color: #993300;\">6. Prioritize mobile optimization<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\"><a href=\"https:\/\/fluentcrm.com\/email-marketing-statistics\/\">FluentCRM<\/a> reports that 41 percent of email views come from mobile devices.&nbsp;Your emails must be mobile-optimized to display correctly on smartphones and tablets.<\/p>\n<p dir=\"ltr\">Mobile-responsive email templates are common, but double-check that yours is optimized before sending messages. All elements of your email marketing campaign <a href=\"https:\/\/www.engagebay.com\/blog\/b2b-email-marketing-best-practices\/\">must be mobile-optimized<\/a>, including your website and landing pages.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/onboarding-email-templates\/\">Read also: Onboarding Email Templates for New Clients &amp; Employees<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"7_Make_your_messages_dark_mode-friendly\"><\/span><strong><span style=\"color: #993300;\">7. Make your messages dark mode-friendly<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Dark mode is more popular than ever, with 81.9 percent of mobile users favoring it, says<a href=\"https:\/\/earthweb.com\/how-many-people-use-dark-mode\/\"> EarthWeb<\/a>. It\u2019s easier on the eyes than white backgrounds and doesn\u2019t suck up as much mobile device battery.<\/p>\n<figure style=\"width: 863px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/sidemail.io\/assets\/dark-mode-in-html-email\/spark-macos-dark-mode.png\"><img decoding=\"async\" class=\"\" style=\"font-style: inherit; font-weight: bold;\" src=\"https:\/\/sidemail.io\/assets\/dark-mode-in-html-email\/spark-macos-dark-mode.png\" alt=\"dark mode friendly email design example\" width=\"863\" height=\"539\" aria-hidden=\"false\"><\/a><figcaption class=\"wp-caption-text\"><em>Image courtesy of Sidemail<\/em><\/figcaption><\/figure>\n<p dir=\"ltr\">Most email clients support dark mode, whether they offer a partial or full-color invert. Here are some pointers for optimizing your emails for dark mode:<\/p>\n<ul>\n<li dir=\"ltr\">Make your icons and CTA buttons dark-mode friendly<\/li>\n<li dir=\"ltr\">Limit saturated colors, favoring paler and more muted hues to avoid visual harshness<\/li>\n<li dir=\"ltr\">Save your logos and other graphics as transparent PNGs<\/li>\n<li dir=\"ltr\">Create a translucent outline around all dark text in transparent PNGs<\/li>\n<li dir=\"ltr\">Test your emails<\/li>\n<\/ul>\n<p><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/email-header-examples\/\">Read also: What Is An Email Header? 6 Email Header Examples To Learn From<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"8_Watch_your_tone\"><\/span><strong><span style=\"color: #993300;\">8. Watch your tone<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Your tone is one element of your brand. Your audience will expect your emails to maintain the same tone used on your website and social media.<\/p>\n<p dir=\"ltr\">That said, you can switch up your tone depending on your audience. For instance, a younger audience will appreciate an informal tone, whereas an older audience might like a more formally written message.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"9_Think_about_your_email_layout\"><\/span><strong><span style=\"color: #993300;\">9. Think about your email layout<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Following a conventional email design will help your campaign perform best. Your options include a zig-zag, inverted pyramid, or one-column design.<\/p>\n<p dir=\"ltr\">Here\u2019s an overview of each design style.<\/p>\n<ul>\n<li dir=\"ltr\"><strong>Zig-zag:<\/strong> The alternating images and text pull the eyes in a zig-zag pattern, hence the name. Present your information from left to right to follow how the eye naturally moves when consuming information.<\/li>\n<li dir=\"ltr\"><strong>Inverted pyramid:<\/strong> An inverted pyramid is a great choice if your message has one goal, such as introducing a new product. You present a large image first, then the email body, and a CTA button, creating the shape of an upside-down pyramid.<\/li>\n<li dir=\"ltr\"><strong>One column:<\/strong> A one-column design is an all-rounder with a good balance between images and text. It\u2019s mobile-friendly, appropriately spaces the email elements, and makes for easy, fast reading.<\/li>\n<\/ul>\n<p><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/email-marketing-campaign-ideas\/\">Read also: 18 Trending Email Marketing Campaign Ideas [+ Templates]<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"10_Go_for_GIFs\"><\/span><strong><span style=\"color: #993300;\">10. Go for GIFs<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div>\n<dl id=\"\">\n<dt>\n<p><figure style=\"width: 776px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/media4.giphy.com\/media\/nV2gyHrMDRdzmTP73E\/giphy.webp\"><img decoding=\"async\" src=\"https:\/\/media4.giphy.com\/media\/nV2gyHrMDRdzmTP73E\/giphy.webp\" alt=\"\" width=\"776\" height=\"265\"><\/a><figcaption class=\"wp-caption-text\"><em>Image courtesy of Giphy<\/em><\/figcaption><\/figure><\/dt>\n<dd><\/dd>\n<\/dl>\n<\/div>\n<p dir=\"ltr\">GIFs are everywhere these days. We can post them in social media replies, text them to each other, and include them in emails. Selecting GIFs over video gives your emails an animated element without making them large and slow to load.<\/p>\n<p dir=\"ltr\">That said, you must control your GIF size. Don\u2019t send files over 1 MB.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"11_Embed_your_videos\"><\/span><span style=\"color: #993300;\"><strong>11. Embed your videos<\/strong><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">From Thunderbird to Outlook and Gmail, we eagerly await the day when email clients will automatically play videos in an email. Until we live in that age, we can always use HTML5, at least with most email clients.<\/p>\n<p dir=\"ltr\">HTML5 allows us to embed videos into a message. The video will show as an image with a play button. When the reader clicks the button, they can begin watching the video. The video link is hosted on your website or server, not the email client.<\/p>\n<p dir=\"ltr\">Sometimes, GIFs can\u2019t convey your message, especially when debuting a new product or service. That\u2019s when video embeds come in handy.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/best-font-for-email\/\">Read also: 10 Best Email Fonts for Your Next Campaign<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"12_Add_some_user-generated_content\"><\/span><strong><span style=\"color: #993300;\">12. Add some user-generated content<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">One of the best ways to build trust in your brand is through social proof. You can tout your brand until you\u2019re blue in the face, but it will always mean more coming from your customers.<\/p>\n<p dir=\"ltr\">User-generated content, or UGC, is from your audience. You don\u2019t ask them to produce it; they do so because they\u2019re genuinely enthused about your product or service and want to share their positive experience with others.<\/p>\n<p dir=\"ltr\">Examples of UGC include social media posts, videos, images, feedback, and reviews posted to a third-party website like a customer\u2019s blog. When you find UGC for your brand, contact the content creator and ask if you can share it in your emails.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/email-newsletters-with-templates\/\">Read also: How to Create Great Email Newsletters in 2023 [With 7 Free Templates]<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"13_Check_your_links\"><\/span><strong><span style=\"color: #993300;\">13. Check your links<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Whether your emails have two links or 20, you must check them before sending them to your audience.<\/p>\n<p dir=\"ltr\">Click each link, ensuring it takes you to the correct page. Fix any links with typos that might cause an error upon clicking, and delete any dead links.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"14_Watch_your_text-to-image_ratio\"><\/span><strong><span style=\"color: #993300;\">14. Watch your text-to-image ratio<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Another consideration when building your email design is the image-to-text ratio. A well-designed email shouldn\u2019t have too much of either. The ratio requires 60 percent text and 40 percent images.<\/p>\n<p dir=\"ltr\">Sending emails with a wonky text-to-image ratio doesn\u2019t only hurt your campaign from a design perspective. Most internet service providers are likely to think your emails are spam.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"15_Prioritize_the_CTA_placements\"><\/span><strong><span style=\"color: #993300;\">15. Prioritize the CTA placements<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div>\n<dl id=\"\">\n<dt>\n<p><figure style=\"width: 558px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.campaignmonitor.com\/wp-content\/uploads\/2018\/06\/charity-water-email-call-to-action.png\"><img decoding=\"async\" class=\"\" src=\"https:\/\/www.campaignmonitor.com\/wp-content\/uploads\/2018\/06\/charity-water-email-call-to-action.png\" alt=\"CTA placements in email design example\" width=\"558\" height=\"678\" aria-hidden=\"false\"><\/a><figcaption class=\"wp-caption-text\"><em>Image courtesy of <\/em><em>Campaign Monitor<\/em><\/figcaption><\/figure><\/dt>\n<\/dl>\n<\/div>\n<p dir=\"ltr\">Your CTA buttons must stick out for your messages to succeed. The button must have enough whitespace; viewers can easily tell the button apart from other visual elements in your email.<\/p>\n<p dir=\"ltr\">The color should be distinct and contrasting but not harsh on the eye, whether viewed in light or dark mode. The higher above the folder the CTA button, the better. A good place to insert the button is in your email header, but don\u2019t stop there.<\/p>\n<p dir=\"ltr\">You can also add a second button near the footer, especially if you have a long message or one with many visual elements that require scrolling.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/email-blast-examples\/\">Read also: Email Blast Examples From Popular Brands to Inspire You<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"16_Add_interactive_content\"><\/span><strong><span style=\"color: #993300;\">16. Add interactive content<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Another great best practice is to use interactive email content. Video is an example of interactive content, but everyone expects it. Why not include an embedded survey or poll during your next email campaign?<\/p>\n<p dir=\"ltr\">You can also use an add-to-cart button, accordion features to expand and retract your messages, offer reveals, rollover effects, product carousels, search options, and animations, such as animated CTA buttons.<\/p>\n<p dir=\"ltr\">These elements take more time and effort to weave into your messages but should have a positive effect.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"17_Always_have_some_text_copy_in_your_emails\"><\/span><strong><span style=\"color: #993300;\">17. Always have some text copy in your emails<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Image-only emails can leave a bad taste in your audience\u2019s mouth. Considering how often people access their emails on a mobile device, you must think they won\u2019t always have access to a reliable internet connection.<\/p>\n<p dir=\"ltr\">What if your images don\u2019t load? It\u2019s not the end of the world if your messages have other elements like video and text. However, an image-only email will look strangely empty. Your leads or customers might assume you sent it accidentally.<\/p>\n<p dir=\"ltr\">This habit can lead to unsubscribes and spam complaints, so don\u2019t risk it.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"18_Write_good_CTAs\"><\/span><strong><span style=\"color: #993300;\">18. Write good CTAs<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Although you don\u2019t need much copy with a CTA button, every word must be airtight and meaningful. Write benefit-focused <a href=\"https:\/\/www.engagebay.com\/blog\/powerful-call-to-action-phrases\/\">call-to-action phrases<\/a>, keeping it specific. The CTA button should also indicate where users will go if they click.<\/p>\n<p dir=\"ltr\">You cannot say \u201cclick here,\u201d as that\u2019s not specific enough. Instead, you might write, \u201cclick here to learn more about [product name],\u201d or \u201cplace your order today.\u201d<\/p>\n<p dir=\"ltr\">Readers know where you\u2019re directing them in both cases. In the first example, you\u2019re taking them to a <a href=\"https:\/\/www.engagebay.com\/marketing\/landing-pages\">landing page<\/a>, and in the second, to a product page.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/email-invoice-templates\/\">Read also: 12 Email Invoice Templates to Customize and Click Send<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"19_Consider_your_CTA_sizes\"><\/span><strong><span style=\"color: #993300;\">19. Consider your CTA sizes<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">We discussed the value of whitespace and color for a CTA button, but what about its size? A good size for a CTA button is 50 pixels. It\u2019s large enough that your readers can\u2019t miss it but not so overwhelmingly large that it detracts from the other elements in your email.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"20_Use_merge_tags\"><\/span><strong><span style=\"color: #993300;\">20. Use merge tags<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Here\u2019s a personalization tip for you. Use merge tags, which pull mailing list data into your messages. You\u2019ll have more customer and lead data, including their full name, nicknames, and usernames.<\/p>\n<p dir=\"ltr\">It will be easier for you to personalize your correspondence and make your messages feel more tailored.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"21_Know_which_mobile_email_coding_to_use\"><\/span><strong><span style=\"color: #993300;\">21. Know which mobile email coding to use<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">You can select between two coding options for your <a href=\"https:\/\/www.engagebay.com\/blog\/mobile-friendly-ecommerce-email-design\/\">mobile-optimized emails<\/a>: hybrid or responsive.<\/p>\n<p dir=\"ltr\">Hybrid coding has a layout that changes fluidly depending on the display size. If a user opens the email on their iPad, it would look as good as on their iPhone. Responsive emails utilize CSS and media queries to modify styles so the email looks good on a smaller display.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/confirmation-email-examples\/\">Read also: 27 Confirmation Email Examples For Customer Delight<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"22_Write_the_Alt_Text_in_your_email_images\"><\/span><strong><span style=\"color: #993300;\">22. Write the Alt Text in your email images<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Whenever using images, you should also include alt text. This short descriptor of the image contents provides context if your images don\u2019t load and can prevent your email audience from unsubscribing.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"23_Choose_your_fonts_carefully\"><\/span><strong><span style=\"color: #993300;\">23. Choose your fonts carefully<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Although you can get flowery with many aspects of your email design, font is not one of them. Email clients have their preferred fonts, such as Times New Roman for Outlook, Arial for Gmail, and Helvetica for Apple Mail.<\/p>\n<p dir=\"ltr\">Other fonts are safe for most email clients, including:<\/p>\n<ul>\n<li dir=\"ltr\">Impact<\/li>\n<li dir=\"ltr\">Verdana<\/li>\n<li dir=\"ltr\">Trebuchet MS<\/li>\n<li dir=\"ltr\">Tahoma<\/li>\n<li dir=\"ltr\">Palatino Linotype<\/li>\n<li dir=\"ltr\">Lucida Grande<\/li>\n<li dir=\"ltr\">Lucida Sans Unicode<\/li>\n<li dir=\"ltr\">Lucida Console<\/li>\n<li dir=\"ltr\">Helvetica<\/li>\n<li dir=\"ltr\">Georgia<\/li>\n<li dir=\"ltr\">Courier New<\/li>\n<li dir=\"ltr\">Comic Sans MS<\/li>\n<li dir=\"ltr\">Arial Black<\/li>\n<\/ul>\n<p dir=\"ltr\">However, it\u2019s a good practice to utilize a font fallback, which tells the email client a secondary font to use if it cannot display the original option.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/types-of-email-marketing\/\">Read also: Master All the Key Types of Email Marketing Campaigns<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"24_Avoid_stock_images\"><\/span><strong><span style=\"color: #993300;\">24. Avoid stock images<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Stock images are okay in a pinch, but remember they\u2019re not original to your <a href=\"https:\/\/www.engagebay.com\/blog\/email-marketing-campaign-ideas\/\">email marketing campaign<\/a>. Anyone, including your competitors, can get their hands on them by paying a licensing fee.<\/p>\n<p dir=\"ltr\">Consumers are savvy and might remember seeing a stock image from somewhere before. Using stock images makes you look less credible, so prioritize original images whenever you can. Original images keep your audience engaged and are an extension of your brand.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"25_Watch_your_email_image_sizes\"><\/span><strong><span style=\"color: #993300;\">25. Watch your email image sizes<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Bigger isn\u2019t always better, such as with images in emails. A large image loads more slowly, especially if it\u2019s high-res. An image shouldn\u2019t exceed 1 MB as a PNG (it should be less in other formats like JPG) and be no more than 1200 px.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"26_Grab_attention_with_the_header\"><\/span><strong><span style=\"color: #993300;\">26. Grab attention with the header<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">The email header is the first indication of what to expect when opening your email, so you must make it good. A header can utilize images, text, or both, with a memorable headline that touches on the reader\u2019s emotions but never misleads them.<\/p>\n<p dir=\"ltr\">Your descriptions after the headline should tell the reader what they\u2019re in for as they continue reading without giving everything away. The goal is to inform and incentivize.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/re-engagement-emails\/\">Read also: Re-Engagement Emails 101: A Guide [With Templates]<\/a><\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"27_Watch_your_email_width\"><\/span><strong><span style=\"color: #993300;\">27. Watch your email width<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">You don\u2019t want your emails extending beyond the page, which will cause rendering issues and make your emails look unappealing. Most email clients support email widths of 640 pixels, so keep yours within that limit for safer sending.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"28_Use_contextual_marketing\"><\/span><strong><span style=\"color: #993300;\">28. Use contextual marketing<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Contextual marketing lends your email a human element and personalization. This form of marketing utilizes a one-on-one element to increase engagement between your brand and the reader.<\/p>\n<p dir=\"ltr\">The personalized elements of these emails make them difficult to resist, and your audience will appreciate how tailored the content is.<\/p>\n<h3 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"29_Add_preheaders\"><\/span><strong><span style=\"color: #993300;\">29. Add preheaders<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"ltr\">Don\u2019t forget your preheaders, which are preview text of what\u2019s inside your email. Check your emails right now, and you\u2019ll see several words of preheader text from any professional email in your inbox.<\/p>\n<p dir=\"ltr\">The preheader text is your chance to encourage your audience to open the message. Again, don\u2019t use misleading, spammy text, which will have the opposite effect.<\/p>\n<p dir=\"ltr\"><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium ico-fa fasc-ico-before fa-arrow-circle-right\" style=\"background-color: #33809e; color: #ffffff;\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.engagebay.com\/blog\/gentle-reminder-email\/\">Read also: Secrets &amp; Templates For a Perfect Gentle Reminder Email<\/a><\/p>\n<h2 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"Bottom_Line\"><\/span><strong><span style=\"color: #339966;\">Bottom Line<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p dir=\"ltr\">Email design constantly evolves with consumer preferences, but a few best practices remain.<\/p>\n<p dir=\"ltr\">They include using the right amount of white balance, following the image-to-text ratio, designing good CTAs and placing them properly, prioritizing readability through fonts, and split testing.<\/p>\n<p dir=\"ltr\">Now that you know what your email marketing campaigns need, you\u2019re ready to begin building better emails! Sign up for <a href=\"https:\/\/www.engagebay.com\/\">EngageBay<\/a> if you want a cool email marketing solution that&#8217;s comes with a <a href=\"https:\/\/www.engagebay.com\/products\/crm\">free integrated CRM<\/a>.<\/p>\n<p dir=\"ltr\">\r\n            <script>\r\n                var EhAPI = EhAPI || {}; \r\n                EhAPI.after_load = function() {\r\n                    EhAPI.set_account('ktb76s1540fl2hnhbqnrtd2npb', 'our');\r\n                    EhAPI.execute('rules');\r\n                };\r\n                (function(d, s, f) {\r\n                    var sc = document.createElement(s);\r\n                    sc.type = 'text\/javascript';\r\n                    sc.async = true;\r\n                    sc.src = f;\r\n                    var m = document.getElementsByTagName(s)[0];\r\n                    m.parentNode.insertBefore(sc, m);   \r\n                })(document, 'script', '\/\/d2p078bqz5urf7.cloudfront.net\/jsapi\/ehform.js');\r\n            <\/script>\r\n            <script>\r\n                function waitForEhForms() {\r\n                    const interval = 100; \/\/ Check every 100ms\r\n                    const checkAndLoad = () => {\r\n                        const params = new URLSearchParams(window.location.search);\r\n                        const elementorPreviewParam = params.get('elementor-preview');\r\n                        if (elementorPreviewParam && typeof EhForms !== 'undefined' && typeof EhForms.loadForms === 'function') {\r\n                            EhForms.loadForms();\r\n                            console.log('EhForms.loadForms() called successfully.');\r\n                        } else {\r\n                            setTimeout(checkAndLoad, interval);\r\n                        }\r\n                    };\r\n                    checkAndLoad();\r\n                }\r\n                \/\/ Call the function\r\n                waitForEhForms();\r\n            <\/script>\r\n        <div class='engage-hub-form-embed' id='eh_form_6268678992035840' data-id='6268678992035840'><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How well do your email marketing campaigns perform? According to Constant Contact, an average email open rate of 34.51 percent [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":49196,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","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":"set","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-opacity":"","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-opacity":"","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-opacity":"","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-opacity":"","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-opacity":"","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-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[49],"tags":[7912,8843,8845,8844],"class_list":["post-48620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-marketing","tag-email-design","tag-email-design-best-practices","tag-email-design-dos-and-donts","tag-email-design-tips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.3 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Email Design Best Practices: Do Your Designs Convert?<\/title>\n<meta name=\"description\" content=\"The email design best practices in this blog post will serve you well if you are looking for some useful tips for your campaigns.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Email Design Best Practices: Do Your Designs Convert?\" \/>\n<meta property=\"og:description\" content=\"The email design best practices in this blog post will serve you well if you are looking for some useful tips for your campaigns.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/\" \/>\n<meta property=\"og:site_name\" content=\"EngageBay - All-in-one marketing, sales, and service\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/engagebay\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-25T13:52:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T15:37:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2023\/10\/email-design-best-practices.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nicole Malczan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@engagebay\" \/>\n<meta name=\"twitter:site\" content=\"@engagebay\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nicole Malczan\" \/>\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\":\"Article\",\"@id\":\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/\"},\"author\":{\"name\":\"Nicole Malczan\",\"@id\":\"https:\/\/www.engagebay.com\/blog\/#\/schema\/person\/ab4bd7395a29f3686b9782f656820fda\"},\"headline\":\"Email Design Best Practices: Do Your Designs Convert?\",\"datePublished\":\"2023-10-25T13:52:52+00:00\",\"dateModified\":\"2026-04-07T15:37:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/\"},\"wordCount\":2911,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.engagebay.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2023\/10\/email-design-best-practices.png\",\"keywords\":[\"email design\",\"email design best practices\",\"email design do's and dont's\",\"email design tips\"],\"articleSection\":[\"Email Marketing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/\",\"url\":\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/\",\"name\":\"Email Design Best Practices: Do Your Designs Convert?\",\"isPartOf\":{\"@id\":\"https:\/\/www.engagebay.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2023\/10\/email-design-best-practices.png\",\"datePublished\":\"2023-10-25T13:52:52+00:00\",\"dateModified\":\"2026-04-07T15:37:44+00:00\",\"description\":\"The email design best practices in this blog post will serve you well if you are looking for some useful tips for your campaigns.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#primaryimage\",\"url\":\"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2023\/10\/email-design-best-practices.png\",\"contentUrl\":\"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2023\/10\/email-design-best-practices.png\",\"width\":1000,\"height\":600,\"caption\":\"email-design-best-practices\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.engagebay.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Email Marketing\",\"item\":\"https:\/\/www.engagebay.com\/blog\/category\/email-marketing\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Email Design Best Practices: Do Your Designs Convert?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.engagebay.com\/blog\/#website\",\"url\":\"https:\/\/www.engagebay.com\/blog\/\",\"name\":\"EngageBay - All-in-one marketing, sales, and service\",\"description\":\"EngageBay is a simple, powerful all-in-one marketing, sales and service software for growing businesses\",\"publisher\":{\"@id\":\"https:\/\/www.engagebay.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.engagebay.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.engagebay.com\/blog\/#organization\",\"name\":\"EngageBay\",\"url\":\"https:\/\/www.engagebay.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.engagebay.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2018\/08\/engagebay-logo.png\",\"contentUrl\":\"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2018\/08\/engagebay-logo.png\",\"width\":256,\"height\":256,\"caption\":\"EngageBay\"},\"image\":{\"@id\":\"https:\/\/www.engagebay.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/engagebay\",\"https:\/\/x.com\/engagebay\",\"https:\/\/www.instagram.com\/engagebay\",\"https:\/\/www.linkedin.com\/company\/engagebay\",\"https:\/\/www.youtube.com\/channel\/UCJhHSPeKnXs0O6T4Vl7tDug\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.engagebay.com\/blog\/#\/schema\/person\/ab4bd7395a29f3686b9782f656820fda\",\"name\":\"Nicole Malczan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.engagebay.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/42062f1c42bba81ce0a3b1780ef8df685796d91755880a3278abe88bc8862733?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/42062f1c42bba81ce0a3b1780ef8df685796d91755880a3278abe88bc8862733?s=96&d=identicon&r=g\",\"caption\":\"Nicole Malczan\"},\"description\":\"Nicole Malczan is a freelance writer who specializes in writing about marketing and small business. She's passionate about sharing affordable solutions that leverage small businesses with the big fish.\",\"url\":\"https:\/\/www.engagebay.com\/blog\/author\/nicole\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Email Design Best Practices: Do Your Designs Convert?","description":"The email design best practices in this blog post will serve you well if you are looking for some useful tips for your campaigns.","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:\/\/www.engagebay.com\/blog\/email-design-best-practices\/","og_locale":"en_US","og_type":"article","og_title":"Email Design Best Practices: Do Your Designs Convert?","og_description":"The email design best practices in this blog post will serve you well if you are looking for some useful tips for your campaigns.","og_url":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/","og_site_name":"EngageBay - All-in-one marketing, sales, and service","article_publisher":"https:\/\/www.facebook.com\/engagebay","article_published_time":"2023-10-25T13:52:52+00:00","article_modified_time":"2026-04-07T15:37:44+00:00","og_image":[{"width":1000,"height":600,"url":"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2023\/10\/email-design-best-practices.png","type":"image\/png"}],"author":"Nicole Malczan","twitter_card":"summary_large_image","twitter_creator":"@engagebay","twitter_site":"@engagebay","twitter_misc":{"Written by":"Nicole Malczan","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#article","isPartOf":{"@id":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/"},"author":{"name":"Nicole Malczan","@id":"https:\/\/www.engagebay.com\/blog\/#\/schema\/person\/ab4bd7395a29f3686b9782f656820fda"},"headline":"Email Design Best Practices: Do Your Designs Convert?","datePublished":"2023-10-25T13:52:52+00:00","dateModified":"2026-04-07T15:37:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/"},"wordCount":2911,"commentCount":0,"publisher":{"@id":"https:\/\/www.engagebay.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2023\/10\/email-design-best-practices.png","keywords":["email design","email design best practices","email design do's and dont's","email design tips"],"articleSection":["Email Marketing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/","url":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/","name":"Email Design Best Practices: Do Your Designs Convert?","isPartOf":{"@id":"https:\/\/www.engagebay.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#primaryimage"},"image":{"@id":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2023\/10\/email-design-best-practices.png","datePublished":"2023-10-25T13:52:52+00:00","dateModified":"2026-04-07T15:37:44+00:00","description":"The email design best practices in this blog post will serve you well if you are looking for some useful tips for your campaigns.","breadcrumb":{"@id":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#primaryimage","url":"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2023\/10\/email-design-best-practices.png","contentUrl":"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2023\/10\/email-design-best-practices.png","width":1000,"height":600,"caption":"email-design-best-practices"},{"@type":"BreadcrumbList","@id":"https:\/\/www.engagebay.com\/blog\/email-design-best-practices\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.engagebay.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Email Marketing","item":"https:\/\/www.engagebay.com\/blog\/category\/email-marketing\/"},{"@type":"ListItem","position":3,"name":"Email Design Best Practices: Do Your Designs Convert?"}]},{"@type":"WebSite","@id":"https:\/\/www.engagebay.com\/blog\/#website","url":"https:\/\/www.engagebay.com\/blog\/","name":"EngageBay - All-in-one marketing, sales, and service","description":"EngageBay is a simple, powerful all-in-one marketing, sales and service software for growing businesses","publisher":{"@id":"https:\/\/www.engagebay.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.engagebay.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.engagebay.com\/blog\/#organization","name":"EngageBay","url":"https:\/\/www.engagebay.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.engagebay.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2018\/08\/engagebay-logo.png","contentUrl":"https:\/\/www.engagebay.com\/blog\/wp-content\/uploads\/2018\/08\/engagebay-logo.png","width":256,"height":256,"caption":"EngageBay"},"image":{"@id":"https:\/\/www.engagebay.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/engagebay","https:\/\/x.com\/engagebay","https:\/\/www.instagram.com\/engagebay","https:\/\/www.linkedin.com\/company\/engagebay","https:\/\/www.youtube.com\/channel\/UCJhHSPeKnXs0O6T4Vl7tDug"]},{"@type":"Person","@id":"https:\/\/www.engagebay.com\/blog\/#\/schema\/person\/ab4bd7395a29f3686b9782f656820fda","name":"Nicole Malczan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.engagebay.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/42062f1c42bba81ce0a3b1780ef8df685796d91755880a3278abe88bc8862733?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/42062f1c42bba81ce0a3b1780ef8df685796d91755880a3278abe88bc8862733?s=96&d=identicon&r=g","caption":"Nicole Malczan"},"description":"Nicole Malczan is a freelance writer who specializes in writing about marketing and small business. She's passionate about sharing affordable solutions that leverage small businesses with the big fish.","url":"https:\/\/www.engagebay.com\/blog\/author\/nicole\/"}]}},"_links":{"self":[{"href":"https:\/\/www.engagebay.com\/blog\/wp-json\/wp\/v2\/posts\/48620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.engagebay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.engagebay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.engagebay.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.engagebay.com\/blog\/wp-json\/wp\/v2\/comments?post=48620"}],"version-history":[{"count":18,"href":"https:\/\/www.engagebay.com\/blog\/wp-json\/wp\/v2\/posts\/48620\/revisions"}],"predecessor-version":[{"id":79971,"href":"https:\/\/www.engagebay.com\/blog\/wp-json\/wp\/v2\/posts\/48620\/revisions\/79971"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.engagebay.com\/blog\/wp-json\/wp\/v2\/media\/49196"}],"wp:attachment":[{"href":"https:\/\/www.engagebay.com\/blog\/wp-json\/wp\/v2\/media?parent=48620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.engagebay.com\/blog\/wp-json\/wp\/v2\/categories?post=48620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.engagebay.com\/blog\/wp-json\/wp\/v2\/tags?post=48620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}