[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"doc-seo-238889-105":3,"detail-sidebar-cat-1-en-105":81,"doc-detail-238889-en":127},{"code":4,"msg":5,"data":6},0,"ok",{"site_id":7,"language":8,"slug":9,"title":10,"keywords":11,"description":12,"schema_data":13,"social_meta":74,"head_meta":76,"extra_data":78,"updated_unix":80},105,"en","designing-coding-delivering-html-email-a-beginners-survival-guide-from-mailchimp","Designing, Coding & Delivering HTML Email - A Beginners Survival Guide from MailChimp","","A beginner-focused guide to designing, coding, and delivering effective HTML email newsletters using MailChimp concepts. Covers how HTML email works, including multipart/alternative MIME structure, image handling, and delivery workflows. Provides practical design guidance such as layout width, tables, CSS usage, and limitations in webmail. Includes advice on spam-filter avoidance, testing across email clients, and email marketing fundamentals like CAN-SPAM, double opt-in, and performance measurement via open and click rates.",{"@graph":14,"@context":73},[15,34,56],{"@type":16,"itemListElement":17},"BreadcrumbList",[18,23,27,31],{"item":19,"name":20,"@type":21,"position":22},"https://docshare.wps.com","Home","ListItem",1,{"item":24,"name":25,"@type":21,"position":26},"https://docshare.wps.com/template/","Template",2,{"item":28,"name":29,"@type":21,"position":30},"https://docshare.wps.com/template/letters/","Letters",3,{"item":32,"name":10,"@type":21,"position":33},"https://docshare.wps.com/template/designing-coding-delivering-html-email-a-beginners-survival-guide-from-mailchimp/238889/",4,{"url":32,"name":10,"@type":35,"image":36,"author":41,"headline":10,"publisher":44,"fileFormat":47,"inLanguage":8,"description":12,"dateModified":48,"datePublished":49,"encodingFormat":47,"isAccessibleForFree":50,"interactionStatistic":51},"DigitalDocument",{"url":37,"@type":38,"width":39,"height":40},"https://docshare.wps.com/thumbnails/designing-coding-delivering-html-email-a-beginners-survival-guide-from-mailchimp/238889.png","ImageObject",442,249,{"name":42,"@type":43},"Sophia Brooks","Person",{"url":19,"name":45,"@type":46},"DocShare","Organization","application/pdf","2026-10-20","2026-09-11",true,{"@type":52,"interactionType":53,"userInteractionCount":55},"InteractionCounter",{"@type":54},"ViewAction",13,{"@type":57,"mainEntity":58},"FAQPage",[59,65,69],{"name":60,"@type":61,"acceptedAnswer":62},"What are the key parts of how HTML email works in this guide?","Question",{"text":63,"@type":64},"The guide explains multipart/alternative MIME formatting, how image files are handled in HTML email, and how HTML email is delivered to recipients.","Answer",{"name":66,"@type":61,"acceptedAnswer":67},"What design guidelines does the guide recommend for HTML email newsletters?",{"text":68,"@type":64},"It recommends setting a practical width (around 500–600 pixels), using simple layouts and tables, and applying appropriate CSS while noting limitations like unsupported scripts or effects.",{"name":70,"@type":61,"acceptedAnswer":71},"How does the guide help avoid spam filters and improve results?",{"text":72,"@type":64},"It covers how anti-spam systems work and lists tactics to avoid common triggers, then advises testing in different email applications and using metrics like open and click rates.","https://schema.org",{"og:url":32,"og:type":75,"og:title":10,"og:site_name":45,"og:description":12},"article",{"robots":77,"canonical":32},"index,follow",{"doc_id":79,"site_id":7},238889,1790020864,{"code":4,"msg":82,"data":83},"success",[84,89,94,99,104,109,114,118,123],{"id":85,"doc_module":22,"doc_module_name":25,"category_name":86,"show_sort_weight":87,"slug":88},11,"Presentations",90,"presentations",{"id":90,"doc_module":22,"doc_module_name":25,"category_name":91,"show_sort_weight":92,"slug":93},12,"Resumes",80,"resumes",{"id":95,"doc_module":22,"doc_module_name":25,"category_name":96,"show_sort_weight":97,"slug":98},14,"Invoices",70,"invoices",{"id":100,"doc_module":22,"doc_module_name":25,"category_name":101,"show_sort_weight":102,"slug":103},15,"Posters",60,"posters",{"id":105,"doc_module":22,"doc_module_name":25,"category_name":106,"show_sort_weight":107,"slug":108},16,"Social Media",50,"social-media",{"id":110,"doc_module":22,"doc_module_name":25,"category_name":111,"show_sort_weight":112,"slug":113},17,"Forms",40,"forms",{"id":115,"doc_module":22,"doc_module_name":25,"category_name":29,"show_sort_weight":116,"slug":117},18,30,"letters",{"id":119,"doc_module":22,"doc_module_name":25,"category_name":120,"show_sort_weight":121,"slug":122},21,"Paper Templates",5,"papers-templates",{"id":124,"doc_module":22,"doc_module_name":25,"category_name":125,"show_sort_weight":4,"slug":126},158,"General","general-158",{"code":4,"msg":82,"data":128},{"doc_id":79,"user_id":129,"nickname":42,"user_avatar":130,"doc_module":22,"category_id":115,"category_name":29,"doc_title":10,"doc_description":12,"doc_content":131,"file_id":132,"file_url":133,"file_type":134,"file_size":135,"view_count":55,"is_deleted":4,"is_public":22,"is_downloadable":22,"audit_status":22,"page_count":136,"language":137,"language_code":8,"site_id":7,"html_lang":8,"table_of_contents":138,"faqs":139,"seo_title":140,"seo_description":12,"update_tm":141,"read_time":142},962084925636,"https://ap-avatar.wpscdn.com/davatar_994ba38a5ba835b3df7d355c54d3ed8d","Designing, Coding & Delivering  \nHTML Email  \nA beginners survival guide from  \nTable of Contents  \nIntroduction........................................................................................................................ 3  \nAbout the Third Edition ........................................................................................3  \nBut First: “What The Heck is MailChimp?”.................................................................5  \nHow HTML Email Works ............................................................................................... 6  \nThe Multipart/Alternative MIME Format....................................................................6  \nImage Files in HTML Email .......................................................................................6  \nFree Hosting Services ........................................................................................... 7  \nDelivering HTML Email............................................................................................. 7  \nDesigning and Coding................................................................................................... 9  \nTools of the Trade ...................................................................................................9  \nDesign Guidelines ................................................................................................. 10  \nSet your width to about 500-600 pixels.............................................................. 11  \nSimple Layouts and Tables Work Best ................................................................. 12  \nSpecial Considerations for Webmail Services....................................................... 13  \nCSS in HTML email ............................................................................................. 13  \nFlash,(and JavaScript, ActiveX, movies, and other stuff that won’t work) in HTML email..................................................................................................................... 15  \nPoint emails to landing pages............................................................................. 15  \nBackground Colors ................................................................................................ 15  \nAnatomy of a Good, Healthy HTML Email Newsletter ................................ 17  \nPlain-text Email ..................................................................................................... 19  \nThe Art of Plain-text email .................................................................................. 19  \nCommon Mistakes to Avoid .................................................................................... 22  \nCommon Mistakes to Avoid .................................................................................... 23  \nDesigning around spam filters.............................................................................. 27  \nHow anti-spam systems work ................................................................................27  \nBayesian Filtering ...............................................................................................27  \nBlack hole Lists ...................................................................................................28  \nEmail Firewalls ...................................................................................................28  \nChallenge/Response Filters................................................................................29  \nTactics for Avoiding Spam Filters...........................................................................30  \nTesting & Troubleshooting Your Email Designs .......................................... 32  \nWeb Designers: emails aren’t the same as web pages! ........................................32  \nVisit [http://www. MailChimp.com](http://www. MailChimp.com) 1  \nTesting in Different Email Applications ...................................................","cbCaip4Ebhv0bilV","https://ap.wps.com/l/cbCaip4Ebhv0bilV","pdf",1332873,65,"English","# Introduction\n## About the Third Edition\n## But First: “What The Heck is MailChimp?”\n# How HTML Email Works\n## The Multipart/Alternative MIME Format\n## Image Files in HTML Email\n## Delivering HTML Email\n# Designing and Coding\n## Tools of the Trade\n## Design Guidelines\n## CSS in HTML email\n# Testing & Troubleshooting Your Email Designs\n## Testing in Different Email Applications\n## Testing Browser-based Email Services\n# Email Marketing Basics & Best Practices\n## The Definition of Spam\n## Double Opt-in\n## Measuring Performance","[{\"question\":\"What are the key parts of how HTML email works in this guide?\",\"answer\":\"The guide explains multipart/alternative MIME formatting, how image files are handled in HTML email, and how HTML email is delivered to recipients.\"},{\"question\":\"What design guidelines does the guide recommend for HTML email newsletters?\",\"answer\":\"It recommends setting a practical width (around 500–600 pixels), using simple layouts and tables, and applying appropriate CSS while noting limitations like unsupported scripts or effects.\"},{\"question\":\"How does the guide help avoid spam filters and improve results?\",\"answer\":\"It covers how anti-spam systems work and lists tactics to avoid common triggers, then advises testing in different email applications and using metrics like open and click rates. \"}]","Designing, Coding & Delivering HTML Email - A Beginners Survival Guide from MailChimp | PDF",1789140716,23]