{"id":4162,"date":"2021-04-27T06:00:00","date_gmt":"2021-04-27T10:00:00","guid":{"rendered":"https:\/\/crazyeggblog.wpengine.com\/?p=4162"},"modified":"2021-04-27T09:57:02","modified_gmt":"2021-04-27T13:57:02","slug":"design-email-newsletter-template","status":"publish","type":"post","link":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/","title":{"rendered":"How To Create a Newsletter Design in 7 Steps (+ Newsletter Templates)"},"content":{"rendered":"<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-42364\" src=\"https:\/\/s3.amazonaws.com\/ceblog\/wp-content\/uploads\/2012\/04\/09114839\/email-3543958_1280.jpg\" alt=\"Crazy Egg email marketing guide\" width=\"1280\" height=\"785\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If you want to reach potential (and existing) customers, newsletters are your best option. Email generates more revenue than any other marketing channel.<\/span><\/p>\n<p>Think about it, you have a list of folks that have already asked to get updates from you. They want to hear about new offers.<\/p>\n<p>Newsletters can be a goldmine when done right. It\u2019s super cost effective<span style=\"font-weight: 400;\">\u00a0as well.<\/span><\/p>\n<p>What should our emails look like though?<\/p>\n<p><span style=\"font-weight: 400;\">I\u2019m going to walk you through how to create an email newsletter template in Adobe Photoshop, and we\u2019re going to be using some design patterns that I\u2019ve found very effective.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">After you\u2019ve completed the design process, you\u2019ll be ready to build this newsletter template for your own business. Here\u2019s a link to the post on <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/how-to-code-an-email-newsletter\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">coding an email newsletter<\/span><\/a><span style=\"font-weight: 400;\">. <\/span><\/p>\n<h2><span style=\"font-weight: 400;\">What Exactly Is an Email Newsletter?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You\u2019ve probably seen an email newsletter in your inbox before. It\u2019s a cost-effective way for brands to communicate with their users or customers. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019re a business like Sephora, for example, your newsletter invites customers to read about makeup tips, gives them a sneak peak at new products and probably offers a coupon. <\/span><\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-41799 aligncenter\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214206\/design-email-newsletter-template-4.png\" alt=\"design-email-newsletter-template-what-is-sephora\" width=\"242\" height=\"541\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214206\/design-email-newsletter-template-4.png 242w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214206\/design-email-newsletter-template-4-134x300.png 134w\" sizes=\"(max-width: 242px) 100vw, 242px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019re a content site, your newsletter includes an enticing headline for each new article to get users to click over to your site and read more.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As long as you\u2019re offering content that your customers or users find useful, you can leverage email newsletters to keep your brand fresh in their minds.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">The Purpose of an Email Newsletter<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The purpose of an email newsletter depends on your business. You can use it to drive sales through featured products and coupons. You can connect with customers through helpful tips and information. You can even boost your social following or traffic to your site.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Just remember, good email campaigns are tailored to your needs as well as to the needs of your users. <\/span><\/p>\n<h3><span style=\"font-weight: 400;\">How Do Email Newsletters Work?<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">A good email newsletter is not an update of company news. It\u2019s a way to engage people and get them to take an action. It offers readers exclusive information they could not get anywhere else and then calls on them to click, buy or subscribe.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To do that, your newsletter format should be simple and easy to read, yet attention-grabbing.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">How to Create a Newsletter Design in 7 Steps<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">When it comes to email newsletter design and layout, there are some best practices to follow. Let\u2019s look at the process, step by step.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">1. Getting Started: Newsletter Size and Dimensions<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">As a general rule, it\u2019s best to start your <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/psychology-perfectly-formatted-email\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">newsletter formatting<\/span><\/a><span style=\"font-weight: 400;\"> with a fixed width instead of a fluid\/liquid layout. If you don\u2019t know the difference, <\/span><a href=\"https:\/\/medium.com\/@space.alpaca\/so-what-exactly-is-the-difference-between-fixed-fluid-adaptive-and-responsive-layouts-and-why-3773272d8481\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">this article should clear it up<\/span><\/a><span style=\"font-weight: 400;\">. This will prevent horizontal scroll bars, which pop up when you don\u2019t use the full width of the screen. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Design your newsletter with a width of around 550 to 600px and make sure the important information is within the top 300 to 500px. This is the size of an average \u201cpreview pane\u201d in most desktop email clients.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">2. Set Up the Document in Photoshop<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Open up Photoshop and create a new document with a width of 800px, a height of 1000px and a resolution of 72dpi. Be sure the color mode is RGB.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41810\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214227\/design-email-newsletter-template-15.png\" alt=\"design-email-newsletter-template-2-set-up-photoshop\" width=\"1500\" height=\"946\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214227\/design-email-newsletter-template-15.png 1500w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214227\/design-email-newsletter-template-15-300x189.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214227\/design-email-newsletter-template-15-768x484.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214227\/design-email-newsletter-template-15-1024x646.png 1024w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">For this newsletter example, I filled the background layer with a light gray. Then I created a container 600px wide to house the main content. I filled it with white and positioned it in the center of the document.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41811\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214229\/design-email-newsletter-template-16.png\" alt=\"design-email-newsletter-template-2-newsletter-example\" width=\"1500\" height=\"922\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214229\/design-email-newsletter-template-16.png 1500w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214229\/design-email-newsletter-template-16-300x184.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214229\/design-email-newsletter-template-16-768x472.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214229\/design-email-newsletter-template-16-1024x629.png 1024w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">3. Allow the User to View the Email in the Browser of their Choice<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">I added this notice to the top of the newsletter using the <\/span><a href=\"https:\/\/www.myfonts.com\/fonts\/adobe\/myriad\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Myriad Pro font<\/span><\/a><span style=\"font-weight: 400;\">, 10pt size:<\/span><\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">Email not displaying correctly? View it in your browser.<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s important to give people plenty of options for viewing your email newsletter. Some email clients might not download images by default. To improve accessibility, always include a link to view the email newsletter in a web browser.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">4. Create the Email Newsletter Header<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">In this tutorial I\u2019m creating an email newsletter called <\/span><i><span style=\"font-weight: 400;\">The Pet Digest<\/span><\/i><span style=\"font-weight: 400;\"> to complement my new blog, <\/span><i><span style=\"font-weight: 400;\">The Pet Anthology<\/span><\/i><span style=\"font-weight: 400;\">. The goal is to keep interested readers up-to-date with the latest goings on through a weekly bundle. Since the branding on my blog has already been established, choosing the fonts, color, and graphics of my newsletter is easy.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41796\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214158\/design-email-newsletter-template-1.jpg\" alt=\"design-email-newsletter-template-4-step-1\" width=\"887\" height=\"308\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214158\/design-email-newsletter-template-1.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214158\/design-email-newsletter-template-1-300x104.jpg 300w\" sizes=\"(max-width: 887px) 100vw, 887px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The above image is the header of the blog, which I also created in Photoshop. I\u2019m going to retain the look and feel while making only slight modifications. I start by opening up the psd of the blog header and copying the mascot over into the email newsletter template. From there, I grab the name and slogan and copy them into the email newsletter template, as well. With some minor revisions to the text, the newsletter looks like this:<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41801\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214209\/design-email-newsletter-template-6.jpg\" alt=\"design-email-newsletter-template-2-step-2\" width=\"894\" height=\"455\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214209\/design-email-newsletter-template-6.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214209\/design-email-newsletter-template-6-300x153.jpg 300w\" sizes=\"(max-width: 894px) 100vw, 894px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The fonts I used were: <\/span><a href=\"https:\/\/www.dafont.com\/slab-tall-x.font\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Slab Tall X<\/span><\/a><span style=\"font-weight: 400;\"> for the words Pet Digest, <\/span><a href=\"https:\/\/www.dafont.com\/champagne-limousines.font\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Champagne &amp; Limousines<\/span><\/a><span style=\"font-weight: 400;\"> for the words Our Weekly Bundle, and <\/span><a href=\"https:\/\/www.dafont.com\/learning-curve.font\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Learning Curve<\/span><\/a><span style=\"font-weight: 400;\"> for <\/span><i><span style=\"font-weight: 400;\">the<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">5. Create the Main Part of the Newsletter<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">I created another rectangle that\u2019s 600px wide under the header and extended it close to the bottom of the page.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41797\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214200\/design-email-newsletter-template-2.jpg\" alt=\"design-email-newsletter-template-5-create-another-rectangle\" width=\"882\" height=\"680\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214200\/design-email-newsletter-template-2.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214200\/design-email-newsletter-template-2-300x231.jpg 300w\" sizes=\"(max-width: 882px) 100vw, 882px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">I then gather the content that will be featured in the week\u2019s newsletter. Again, borrowing the design attributes already laid out in my blog, <\/span><i><span style=\"font-weight: 400;\">The Pet Anthology,<\/span><\/i><span style=\"font-weight: 400;\"> I create the heading using <\/span><a href=\"https:\/\/www.myfonts.com\/fonts\/exljbris\/museo-sans\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Museo Sans<\/span><\/a><span style=\"font-weight: 400;\">, drag and drop the main image and copy in the article text. A dotted border placed underneath will separate each article field.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41806\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214218\/design-email-newsletter-template-11.jpg\" alt=\"design-email-newsletter-template-5-step-2\" width=\"660\" height=\"509\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214218\/design-email-newsletter-template-11.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214218\/design-email-newsletter-template-11-300x231.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">I then duplicate the first entry twice and move them down to fill out the rest of the spots for this newsletter. I\u2019ll place the new content in the duplicated spots shortly.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41809\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214224\/design-email-newsletter-template-14.jpg\" alt=\"design-email-newsletter-template-5-duplicate\" width=\"660\" height=\"480\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214224\/design-email-newsletter-template-14.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214224\/design-email-newsletter-template-14-300x218.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Using <\/span><a href=\"https:\/\/helpx.adobe.com\/photoshop\/using\/grid-guides.html\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">guides<\/span><\/a><span style=\"font-weight: 400;\">, I insert the remaining two entries and erase the duplicated content.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41800\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214208\/design-email-newsletter-template-5.jpg\" alt=\"design-email-newsletter-template-5-using-guides\" width=\"650\" height=\"473\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214208\/design-email-newsletter-template-5.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214208\/design-email-newsletter-template-5-300x218.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">6. Add Social Links<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">I want to include an area for social network and RSS icons, and I want to let the subscriber share the newsletter with friends. I start by creating a rectangle 252px wide and include a call to action that encourages subscribers to follow us. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">I use the appropriate social network icons, changing the colors to reflect my branding. Keeping in mind the usability of email newsletters I decide to keep things simple.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41805\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214216\/design-email-newsletter-template-10.jpg\" alt=\"design-email-newsletter-template-6-social-links\" width=\"887\" height=\"200\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214216\/design-email-newsletter-template-10.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214216\/design-email-newsletter-template-10-300x68.jpg 300w\" sizes=\"(max-width: 887px) 100vw, 887px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">I then duplicate the rectangle and place it to the right, including the \u201cShare this with you friends\u201d text in the Museo font on top.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">7. Include a Footer<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">To wrap things up, I create the footer, which will allow subscribers to get in contact with me or to unsubscribe from the newsletter. Every newsletter needs to have a link or a button to allow the reader to unsubscribe from the newsletter if they want to.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41803\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214213\/design-email-newsletter-template-8.jpg\" alt=\"design-email-newsletter-template-7-include-footer\" width=\"887\" height=\"200\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214213\/design-email-newsletter-template-8.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214213\/design-email-newsletter-template-8-300x68.jpg 300w\" sizes=\"(max-width: 887px) 100vw, 887px\" \/><\/p>\n<p>Don&#8217;t forget to add an <a href=\"https:\/\/www.criminallyprolific.com\/email-signatures\/\" target=\"_blank\" rel=\"noopener\">email signature<\/a>. It&#8217;s one of the most overlooked ways to get your subscribers to click through to your website from your newsletter.<\/p>\n<h3><span style=\"font-weight: 400;\">Newsletter Design Checklist<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Once again, here are the seven steps for <\/span><b>creating and designing an email newsletter template<\/b><span style=\"font-weight: 400;\"> you can use to make your own creative email newsletters:<\/span><\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Getting Started: Newsletter Design and Dimensions<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Set Up the Document in Photoshop<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Allow the User to View the Email in the Browser of Their Choice<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Create the Email Newsletter Header<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Create the Main Part of the Newsletter<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Add Social Links<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Include a Footer<\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<h2><span style=\"font-weight: 400;\">Email Newsletter Templates and Ideas: The Final Product<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Here\u2019s an image of what the email newsletter design looks like, now that it\u2019s complete:<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41798\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214203\/design-email-newsletter-template-3.jpg\" alt=\"design-email-newsletter-template-final-example\" width=\"550\" height=\"1420\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214203\/design-email-newsletter-template-3.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214203\/design-email-newsletter-template-3-116x300.jpg 116w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214203\/design-email-newsletter-template-3-397x1024.jpg 397w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">Newsletter Best Practices<\/span><\/h2>\n<h3><span style=\"font-weight: 400;\">Define a Clear Goal<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">As I mentioned before, the goal of your newsletter will depend on your business. Before you put together a business email newsletter design, define what that goal is. <\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-42553\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/27132927\/newslettertemplate.png\" alt=\"Crazy Egg A\/B testing subscription goal\" width=\"800\" height=\"227\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/27132927\/newslettertemplate.png 800w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/27132927\/newslettertemplate-300x85.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/27132927\/newslettertemplate-768x218.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Are you trying to get subscribers to try a new product? That will affect the amount and kinds of imagery you use. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Would you like to <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/how-get-traffic-website\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">increase traffic to your blog<\/span><\/a><span style=\"font-weight: 400;\">? Text summaries and bold, enticing headlines will play heavily into your design.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Get Insights Into What Your Readers Like <\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Once you have the goal of your email newsletter defined, you can focus on what kind of information goes front and center. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Website analytics tools like Google Analytics and user behavior reporting tools like <a href=\"https:\/\/www.crazyegg.com\" target=\"_blank\" rel=\"noopener noreferrer\">Crazy Egg<\/a> will show you what content your subscribers are clicking and spending time on. Use that information to put the right pieces of content into your email newsletter.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Analyze the Results and Iterate<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">You used your website analytics to get your newsletter started. Now let your newsletter <\/span><span style=\"font-weight: 400;\">return the favor<\/span><span style=\"font-weight: 400;\">. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Analyze click-through and open rates on your email newsletter not only to inform what your next one should contain, but also what kinds of content to place on site, and even in your social campaigns.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Other Interesting Email Newsletter Template Examples<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">What I\u2019ve done above with <\/span><i><span style=\"font-weight: 400;\">The Pet Anthology <\/span><\/i><span style=\"font-weight: 400;\">newsletter is just one example to give you some email design inspiration. But it may not be the best newsletter design for your business. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Great-looking newsletter design inspiration can come from anywhere, so let\u2019s take a look at a few more newsletter examples.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">#1: Mommy Nearest<\/span><\/h3>\n<p><img decoding=\"async\" class=\"size-full wp-image-41804 aligncenter\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214215\/design-email-newsletter-template-9.png\" alt=\"design-email-newsletter-template-mommy-nearest\" width=\"291\" height=\"416\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214215\/design-email-newsletter-template-9.png 291w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214215\/design-email-newsletter-template-9-210x300.png 210w\" sizes=\"(max-width: 291px) 100vw, 291px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Mommy Nearest stacks their stories one on on top of the other for easy scrolling on mobile. Considering more than half of web traffic <\/span><a href=\"https:\/\/www.statista.com\/statistics\/241462\/global-mobile-phone-website-traffic-share\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">came from mobile<\/span><\/a><span style=\"font-weight: 400;\"> in 2018, it\u2019s important to have mobile-friendly email newsletters.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Each story has a bold image and an enticing headline. Right below is a clear CTA, \u201cREAD MORE.\u201d<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">#2: Starbucks<\/span><\/h3>\n<p><img decoding=\"async\" class=\"size-full wp-image-41807 aligncenter\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214220\/design-email-newsletter-template-12.png\" alt=\"design-email-newsletter-template-starbucks\" width=\"332\" height=\"497\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214220\/design-email-newsletter-template-12.png 332w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214220\/design-email-newsletter-template-12-200x300.png 200w\" sizes=\"(max-width: 332px) 100vw, 332px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Starbucks starts with their simple, but very recognizable logo, and then creates colored blocks to feature each product and promotion.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">#3: <\/span><i><span style=\"font-weight: 400;\">The Washington Post<\/span><\/i><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41802\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214211\/design-email-newsletter-template-7.png\" alt=\"design-email-newsletter-template-washington-post\" width=\"980\" height=\"473\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214211\/design-email-newsletter-template-7.png 980w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214211\/design-email-newsletter-template-7-300x145.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214211\/design-email-newsletter-template-7-768x371.png 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<p><i><span style=\"font-weight: 400;\">The Washington Post\u2019s Daily 202<\/span><\/i><span style=\"font-weight: 400;\"> email newsletter won a <\/span><a href=\"https:\/\/www.webbyawards.com\/winners\/2017\/websites\/general-website\/email-newsletters\/the-daily-202-by-the-washington-post\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Webby in 2017<\/span><\/a><span style=\"font-weight: 400;\">. It has a clean design with plenty of whitespace that allows readers to peruse the day\u2019s headlines easily. The stacked stories are easy to scroll through on mobile, too.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Conclusion<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">As with <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/conversion-rate-optimization\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">any marketing exercise<\/span><\/a><span style=\"font-weight: 400;\">, you should constantly be trying out new design elements, analyzing the results, and making tweaks based on user behavior (in this case, open rates, click through rates, and unsubscribes).<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41808\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214222\/design-email-newsletter-template-13.jpg\" alt=\"design-email-newsletter-template-conclusion\" width=\"1999\" height=\"878\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214222\/design-email-newsletter-template-13.jpg 1999w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214222\/design-email-newsletter-template-13-300x132.jpg 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214222\/design-email-newsletter-template-13-768x337.jpg 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/02214222\/design-email-newsletter-template-13-1024x450.jpg 1024w\" sizes=\"(max-width: 1999px) 100vw, 1999px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Looking for more email design inspiration?\u00a0<\/span><span style=\"font-weight: 400;\">Check out this post<\/span><span style=\"font-weight: 400;\"> we wrote about winning A\/B tests and the elements that convert most highly. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Want to learn how you can track the behavior of website visitors who click through from your email campaigns? Read Part One and Part Two of our email tracking blog series.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Happy marketing!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you want to reach potential (and existing) customers, newsletters are your best option. Email generates more revenue than any other marketing channel. Think about&#8230;<\/p>\n","protected":false},"author":14,"featured_media":25258,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_lmt_disableupdate":"","_lmt_disable":"","site-sidebar-layout":"default","site-content-layout":"","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","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":[125],"tags":[820,720],"class_list":["post-4162","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-marketing","tag-design","tag-email"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>7 Steps To Create a Newsletter Design + Free Newsletter Templates<\/title>\n<meta name=\"description\" content=\"Stephanie Hamilton details seven simple steps to designing an email newsletter template. Design your email newsletter in 7 simple steps!\" \/>\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.crazyegg.com\/blog\/design-email-newsletter-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Steps To Create a Newsletter Design + Free Newsletter Templates\" \/>\n<meta property=\"og:description\" content=\"Stephanie Hamilton details seven simple steps to designing an email newsletter template. Design your email newsletter in 7 simple steps!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/\" \/>\n<meta property=\"og:site_name\" content=\"The Daily Egg\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crazyegganalytics\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/stephaniehamiltondesign?ref=bookmarks\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-27T10:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-27T13:57:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/04180412\/how-to-design-an-email-newsletter-template-in-7-simple-steps.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Stephanie Hamilton\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/shamiltondesign\" \/>\n<meta name=\"twitter:site\" content=\"@CrazyEgg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Stephanie Hamilton\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/\"},\"author\":{\"name\":\"Stephanie Hamilton\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/9496fd8e34e7ca73bbf43c42836f9233\"},\"headline\":\"How To Create a Newsletter Design in 7 Steps (+ Newsletter Templates)\",\"datePublished\":\"2021-04-27T10:00:00+00:00\",\"dateModified\":\"2021-04-27T13:57:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/\"},\"wordCount\":1733,\"commentCount\":44,\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2012\\\/04\\\/04180412\\\/how-to-design-an-email-newsletter-template-in-7-simple-steps.png\",\"keywords\":[\"design\",\"Email\"],\"articleSection\":[\"Email Marketing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/\",\"name\":\"7 Steps To Create a Newsletter Design + Free Newsletter Templates\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2012\\\/04\\\/04180412\\\/how-to-design-an-email-newsletter-template-in-7-simple-steps.png\",\"datePublished\":\"2021-04-27T10:00:00+00:00\",\"dateModified\":\"2021-04-27T13:57:02+00:00\",\"description\":\"Stephanie Hamilton details seven simple steps to designing an email newsletter template. Design your email newsletter in 7 simple steps!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2012\\\/04\\\/04180412\\\/how-to-design-an-email-newsletter-template-in-7-simple-steps.png\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2012\\\/04\\\/04180412\\\/how-to-design-an-email-newsletter-template-in-7-simple-steps.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/design-email-newsletter-template\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Email Marketing\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/category\\\/email-marketing\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Create a Newsletter Design in 7 Steps (+ Newsletter Templates)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"name\":\"The Daily Egg\",\"description\":\"Conversion Rate Optimization Made Easy\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\",\"name\":\"Crazy Egg\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"width\":191,\"height\":100,\"caption\":\"Crazy Egg\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/crazyegganalytics\\\/\",\"https:\\\/\\\/x.com\\\/CrazyEgg\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/crazy-egg\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCJNe_xmPi07YezxaqfoRVqg\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/9496fd8e34e7ca73bbf43c42836f9233\",\"name\":\"Stephanie Hamilton\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/69e9156082a16887b128c27e10981e674d43e79b2cdf24f3cab0b56a87422436?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/69e9156082a16887b128c27e10981e674d43e79b2cdf24f3cab0b56a87422436?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/69e9156082a16887b128c27e10981e674d43e79b2cdf24f3cab0b56a87422436?s=96&d=mm&r=g\",\"caption\":\"Stephanie Hamilton\"},\"description\":\"Stephanie Hamilton runs a small branding and web design studio where she helps clients market their company online. Visit By Stephanie and let's collaborate to tell your brand's story. Visit the blog for more helpful design and business resources.\",\"sameAs\":[\"https:\\\/\\\/www.sjhamilton.com\\\/\",\"https:\\\/\\\/www.facebook.com\\\/stephaniehamiltondesign?ref=bookmarks\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/stephaniehamilton\",\"https:\\\/\\\/www.pinterest.com\\\/shamilton86\\\/\",\"https:\\\/\\\/x.com\\\/https:\\\/\\\/twitter.com\\\/shamiltondesign\"],\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/author\\\/stephanie-hamilton\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 Steps To Create a Newsletter Design + Free Newsletter Templates","description":"Stephanie Hamilton details seven simple steps to designing an email newsletter template. Design your email newsletter in 7 simple steps!","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.crazyegg.com\/blog\/design-email-newsletter-template\/","og_locale":"en_US","og_type":"article","og_title":"7 Steps To Create a Newsletter Design + Free Newsletter Templates","og_description":"Stephanie Hamilton details seven simple steps to designing an email newsletter template. Design your email newsletter in 7 simple steps!","og_url":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/","og_site_name":"The Daily Egg","article_publisher":"https:\/\/www.facebook.com\/crazyegganalytics\/","article_author":"https:\/\/www.facebook.com\/stephaniehamiltondesign?ref=bookmarks","article_published_time":"2021-04-27T10:00:00+00:00","article_modified_time":"2021-04-27T13:57:02+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/04180412\/how-to-design-an-email-newsletter-template-in-7-simple-steps.png","type":"image\/png"}],"author":"Stephanie Hamilton","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/shamiltondesign","twitter_site":"@CrazyEgg","twitter_misc":{"Written by":"Stephanie Hamilton","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/#article","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/"},"author":{"name":"Stephanie Hamilton","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/9496fd8e34e7ca73bbf43c42836f9233"},"headline":"How To Create a Newsletter Design in 7 Steps (+ Newsletter Templates)","datePublished":"2021-04-27T10:00:00+00:00","dateModified":"2021-04-27T13:57:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/"},"wordCount":1733,"commentCount":44,"publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/04180412\/how-to-design-an-email-newsletter-template-in-7-simple-steps.png","keywords":["design","Email"],"articleSection":["Email Marketing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/","url":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/","name":"7 Steps To Create a Newsletter Design + Free Newsletter Templates","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/04180412\/how-to-design-an-email-newsletter-template-in-7-simple-steps.png","datePublished":"2021-04-27T10:00:00+00:00","dateModified":"2021-04-27T13:57:02+00:00","description":"Stephanie Hamilton details seven simple steps to designing an email newsletter template. Design your email newsletter in 7 simple steps!","breadcrumb":{"@id":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/#primaryimage","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/04180412\/how-to-design-an-email-newsletter-template-in-7-simple-steps.png","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/04180412\/how-to-design-an-email-newsletter-template-in-7-simple-steps.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyegg.com\/blog\/design-email-newsletter-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.crazyegg.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Email Marketing","item":"https:\/\/www.crazyegg.com\/blog\/category\/email-marketing\/"},{"@type":"ListItem","position":3,"name":"How To Create a Newsletter Design in 7 Steps (+ Newsletter Templates)"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyegg.com\/blog\/#website","url":"https:\/\/www.crazyegg.com\/blog\/","name":"The Daily Egg","description":"Conversion Rate Optimization Made Easy","publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyegg.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.crazyegg.com\/blog\/#organization","name":"Crazy Egg","url":"https:\/\/www.crazyegg.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","width":191,"height":100,"caption":"Crazy Egg"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/crazyegganalytics\/","https:\/\/x.com\/CrazyEgg","https:\/\/www.linkedin.com\/company\/crazy-egg\/","https:\/\/www.youtube.com\/channel\/UCJNe_xmPi07YezxaqfoRVqg"]},{"@type":"Person","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/9496fd8e34e7ca73bbf43c42836f9233","name":"Stephanie Hamilton","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/69e9156082a16887b128c27e10981e674d43e79b2cdf24f3cab0b56a87422436?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/69e9156082a16887b128c27e10981e674d43e79b2cdf24f3cab0b56a87422436?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/69e9156082a16887b128c27e10981e674d43e79b2cdf24f3cab0b56a87422436?s=96&d=mm&r=g","caption":"Stephanie Hamilton"},"description":"Stephanie Hamilton runs a small branding and web design studio where she helps clients market their company online. Visit By Stephanie and let's collaborate to tell your brand's story. Visit the blog for more helpful design and business resources.","sameAs":["https:\/\/www.sjhamilton.com\/","https:\/\/www.facebook.com\/stephaniehamiltondesign?ref=bookmarks","https:\/\/www.linkedin.com\/in\/stephaniehamilton","https:\/\/www.pinterest.com\/shamilton86\/","https:\/\/x.com\/https:\/\/twitter.com\/shamiltondesign"],"url":"https:\/\/www.crazyegg.com\/blog\/author\/stephanie-hamilton\/"}]}},"modified_by":null,"_links":{"self":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/4162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/comments?post=4162"}],"version-history":[{"count":0,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/4162\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media\/25258"}],"wp:attachment":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media?parent=4162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/categories?post=4162"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/tags?post=4162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}