{"id":49930,"date":"2022-06-29T09:00:00","date_gmt":"2022-06-29T13:00:00","guid":{"rendered":"https:\/\/www.litmus.com\/?p=49930"},"modified":"2023-10-04T23:53:36","modified_gmt":"2023-10-05T03:53:36","slug":"subscriber-email-examples-boost-email-experience","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience","title":{"rendered":"Subscriber Email Examples to Boost Email Experience"},"content":{"rendered":"\n\n\t<div id=\"simple-text-block-block_23fbffcd502a4b142a5ffb3d1298f084\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p><span style=\"font-weight: 400;\">Email remains one of the most effective channels for building a relationship with your audience. The subscriber email examples you\u2019ll see in this article will show you how subscriber emails help you build and nurture your audience relationships\u2013without requiring that you constantly reinvent the wheel.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Whether you\u2019re sending <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-templates\/anniversary\">celebratory anniversary messages<\/a> or <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-templates\/re-engagement\">re-engagement emails designed to win back subscribers whose engagement has waned<\/a>, read on for subscriber email examples and <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-templates\">free Litmus email templates<\/a> that make for a simple email creation process\u2013and messages that resonate in the inbox.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">What is a subscriber email?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">When a prospect or customer provides your company with their email information and opts-in to give you permission to email them, they become an email subscriber on your list.\u00a0 A subscriber email might take on the form of a <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/welcome-onboarding-emails\/\" target=\"_blank\" rel=\"noopener\">welcome message<\/a> when they initially provide and confirm their email address. It might offer them a special birthday message, or be an attempt to win back a subscriber whose engagement seems to have waned.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The intent of the subscriber email can vary\u2013but is typically to further build the relationship with a subscriber over time.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Why are subscriber emails important?\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">While having a person join your email list is a great first step\u2013it\u2019s probably not the only goal you have for the relationship. Ultimately, you might hope that your email convinces them to buy something, further engage with a product, interact with your company, or become a more active member of your organization\u2019s community or cause.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Email is lauded for its <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/infographic-the-roi-of-email-marketing\/\" target=\"_blank\" rel=\"noopener\">high return on investment<\/a> and comparatively low cost compared to other channels\u2014but seeing that payoff from email requires far more than simply having an email address. Subscriber emails help you build a customer relationship, and learn more about they types of messages your individual subscribers respond to and engage with, based on the <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-analytics\/\">email metrics you use to gauge performance<\/a>. With every subscriber email you send, you have an opportunity to further engage with the customer, and possibly, convert them into whatever action it is that you have for your email program.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">5 Great Subscriber Email Examples\u00a0<\/span><\/h2>\n<h3><span style=\"font-weight: 400;\">Example 1: Welcome email<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Zo\u00ebs Kitchen\u2019s welcome email for their reward program summarizes how people earn points, both through the app or in-store. It then prompts the subscriber to make an order.<\/span><\/p>\n<figure style=\"width: 680px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/10\/zk-rewards-email.png\" alt=\"email example from Zoe's Kitchen\" width=\"680\" height=\"1719\" \/><figcaption class=\"wp-caption-text\"><span style=\"font-weight: 400;\">Source: <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/emails\/welcome-to-zk-rewards-\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">ReallyGoodEmails<\/span><\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Want to send a welcome email? <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-templates\/welcome-email\">Get started here.<\/a>\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Example 2: Birthday email example<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Birthday emails are one of the most common subscriber emails. One way to stand out in the inbox is to send birthday emails before the actual day.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Outdoor Voices celebrates their subscribers\u2019 half birthday, sending them an email with a discount code before their big day, showing subscribers they\u2019re thinking ahead. Then on their actual birthday, they send another email with a discount code, too.\u00a0<\/span><\/p>\n<img decoding=\"async\" class=\"size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/10\/Outdoor-Voices-half-birthday-email.png\" alt=\"Outdoor Voices email example\" width=\"600\" \/>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/10\/outdoor-voices-post-birthday-email.png.webp\" alt=\"Birthday email example from Outdoor Voices\" width=\"600\" \/><\/span><\/p>\n<p>Want to send a birthday email? <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-templates\/birthday\">Get started here.<\/a><\/p>\n<h3><span style=\"font-weight: 400;\">Example 3: Anniversary email example<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">User anniversary emails are a great place to utilize personalized data about past purchases or activity\u2014and encourage them to keep it up. SurveyMonkey celebrates its users once they hit their first anniversary.<\/span><\/p>\n<img decoding=\"async\" class=\"size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/10\/surveymonkey.png\" alt=\"Email example from Survey Monkey\" width=\"600\" \/>\n<p>Want to send an anniversary email? <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-templates\/anniversary\">Get started here.\u00a0<\/a><\/p>\n<h3><span style=\"font-weight: 400;\">Example 4: Post-purchase email example<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Post-purchase emails work best when they\u2019re short and sweet\u2014like Athena Club does. They let the subscribers know how long leaving a review will take (ten seconds) and show appreciation for taking the time.<\/span><\/p>\n<img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/11\/Athena-Club-review.png\" alt=\"email example from Athena Club\" width=\"600\" \/>\n<p>Want to send a post-purchase email? <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-templates\/ask-for-review\">Get started here<\/a>.<\/p>\n<h2><span style=\"font-weight: 400;\">Free subscriber email templates\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">To help marketers give their subscribers a bit of love, we created these <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-templates\">Free Email Templates<\/a>. All free, and fully optimized for over 100+ email clients, apps, and devices\u2013including Dark Mode. You\u2019ll find subscriber templates for:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><strong>Welcome email<\/strong><span style=\"font-weight: 400;\">: Create a great and lasting first impression.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Anniversary email<\/strong><span style=\"font-weight: 400;\">: Thank your customers for their loyalty.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Birthday email<\/strong><span style=\"font-weight: 400;\">: Celebrate your subscribers on their special day.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Review email<\/strong><span style=\"font-weight: 400;\">: Get feedback to improve your audience\u2019s experience.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Re-engagement email<\/strong><span style=\"font-weight: 400;\">: Win back those customers who\u2019ve strayed.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Plain text style email<\/strong><span style=\"font-weight: 400;\">: Add a one-to-one touch with a friendly face.<\/span><\/li>\n<li>&#8230;and so many more!<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Read on for guidelines and tips on how you can use them.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">General template design tips for customizing your brand<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The designs for every single one of these email templates were made with busy people in mind\u2014those with small teams or limited resources. You can easily pick up the templates and, with a few design changes, use them for your own brand. Here\u2019s how.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Familiarize yourself with the design grid<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Have design resources? Want to create layouts in a design application (like Figma or Sketch) before applying changes to the email templates? Get a head start by understanding the details of the grid that the emails were designed over.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Each template uses the following six-column grid structure:<\/span><\/p>\n<img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/grid.png.webp\" alt=\"six-column grid structure\" width=\"1260\" height=\"850\" \/>\n<p><span style=\"font-weight: 400;\">The emails are all 600px wide with six columns that are each 75px wide. And there is 30px of space separating each column. This gives you flexibility to create single-column, two-column, three-column, or even six-column designs that stack nicely on mobile.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Create Dark Mode versions of your images<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Each email template has been optimized for<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-dark-mode-for-email-marketers\/\" target=\"_blank\" rel=\"noopener\"> <span style=\"font-weight: 400;\">Dark Mode<\/span><\/a><span style=\"font-weight: 400;\">, so the appropriate changes will be applied to background and font colors when viewed in Dark Mode. Because of this, it\u2019s important to ensure that your visual assets\u2014such as your logo\u2014are legible with the lights turned off.<\/span><\/p>\n<img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/wonderblum-logos.png.webp\" alt=\"Light Mode and Dark Mode versions of Wonderblum logo\" width=\"1210\" height=\"368\" \/>\n<p><span style=\"font-weight: 400;\">In the example above, we\u2019ve swapped out the placeholder Wonderblum logo, changing the text from gray to white for Dark Mode, to ensure it doesn\u2019t get lost against the dark background. I recommend you use similar tactics.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Update emails with on-brand imagery<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">We sourced all of the imagery in the email templates from the free stock imagery site<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.pexels.com\/\" target=\"_blank\" rel=\"noopener\"> <span style=\"font-weight: 400;\">Pexels<\/span><\/a><span style=\"font-weight: 400;\">. <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Unsplash<\/span><\/a><span style=\"font-weight: 400;\"> is another site we like for an extensive collection of free imagery.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019ve got a bit of budget, we highly recommend either<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.shutterstock.com\/\" target=\"_blank\" rel=\"noopener\"> <span style=\"font-weight: 400;\">Shutterstock<\/span><\/a><span style=\"font-weight: 400;\"> or<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.istockphoto.com\/\" target=\"_blank\" rel=\"noopener\"> <span style=\"font-weight: 400;\">iStock<\/span><\/a><span style=\"font-weight: 400;\">. These sites provide photography and vector downloads if illustrations are a better option for your brand.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When creating imagery, save images at twice the size you display them in the email. This will give you a <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/understanding-retina-images-in-html-email\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">nice crisp rendering on retina displays<\/span><\/a><span style=\"font-weight: 400;\">. Be sure to define the width and height for your images in the HTML to stop Outlook from warping your imagery. This will be overwritten for devices by the mobile CSS media queries, which are embedded toward the top of the template code.<\/span><\/p>\n<h3>Keep image file sizes small<\/h3>\n<p><span style=\"font-weight: 400;\">To keep your email at a healthy weight, compress any of the graphics you plan to use. There are some free online tools you can use to compress images, such as<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener\"> <span style=\"font-weight: 400;\">tinypng<\/span><\/a><span style=\"font-weight: 400;\">,<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/tinyjpg.com\/\" target=\"_blank\" rel=\"noopener\"> <span style=\"font-weight: 400;\">tinyjpg<\/span><\/a><span style=\"font-weight: 400;\"> or<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/ezgif.com\/\"> <span style=\"font-weight: 400;\">ezgif<\/span><\/a><span style=\"font-weight: 400;\">. (Our compression tool of choice is<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/imageoptim.com\/\" target=\"_blank\" rel=\"noopener\"> <span style=\"font-weight: 400;\">ImageOptim<\/span><\/a><span style=\"font-weight: 400;\">).\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">General subscriber email template coding tips\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Diving under the hood of these templates can be intimidating\u2013but we\u2019ve heavily commented the code in the templates to help you through it! Be sure to take the comments out before you hit send to keep your<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/qa-with-mailcharts-on-email-file-size\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\"> email file size<\/span><\/a><span style=\"font-weight: 400;\"> low, and to avoid slow loading times or clipped messages.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here are some more helpful tips:<\/span><\/p>\n<h3>Use a web-safe font<\/h3>\n<p><span style=\"font-weight: 400;\">We used Trebuchet MS as the default font for these emails. Trebuchet has 99.67% support on Windows and 97.12% on Macs. Break out of the standard Arial or Helvetica font spiral without the difficulty of<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-web-fonts\/\" target=\"_blank\" rel=\"noopener\"> <span style=\"font-weight: 400;\">web fonts<\/span><\/a><span style=\"font-weight: 400;\"> (minimal support and more coding required) by picking a<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.cssfontstack.com\/\"> <span style=\"font-weight: 400;\">web-<\/span><i><span style=\"font-weight: 400;\">safe<\/span><\/i><span style=\"font-weight: 400;\"> font with good support<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3>Get the hang of hover effects<\/h3>\n<p><span style=\"font-weight: 400;\">We added some interactive elements to the email templates to help with<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/7-simple-tricks-to-make-your-email-code-more-accessible\/\"> <span style=\"font-weight: 400;\">accessibility<\/span><\/a><span style=\"font-weight: 400;\"> and make the emails pop.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">All of the call-to-action buttons have two hover effects: the colors change as well as a scale effect. They\u2019re a great addition in the places where they are supported (though they aren\u2019t supported everywhere). Think of them as another way to surprise and delight your subscribers!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Text links and linked images also have a hover effect. For text links, the underlines disappear as a visual cue that they\u2019re actually <\/span><i><span style=\"font-weight: 400;\">linked<\/span><\/i><span style=\"font-weight: 400;\"> content and not just underlined content. The linked images have a fade effect to act as a clue that the image is linked.<\/span><\/p>\n<p>All of the hover effects are created in the header CSS styles with the <span style=\"background-color: #eeeeee; font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New; border: 1px solid #999999; padding: 5px;\">:hover<\/span> pseudo class <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.caniemail.com\/search\/?s=%3Ahover\" target=\"_blank\" rel=\"noopener\">which has decent support across most email clients<\/a>.<\/p>\n<h3>Take note of the two-column stacking rows for mobile<\/h3>\n<p>The two-column blocks were created using the <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/understanding-responsive-and-hybrid-email-design\/\" target=\"_blank\" rel=\"noopener\">hybrid coding method<\/a>. They use a Z-pattern so that images alternate being on the left and right of text as you go down the email, creating a zigzag.<\/p>\n<p>This creates two types of stacking blocks: standard and reverse.<\/p>\n<p>In the standard stacking order, the content on the left comes first in the code and ends up on top when stacked:<\/p>\n<img decoding=\"async\" class=\"alignnone wp-image-25416 size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Two-Column-Stacking.gif\" alt=\"Two-Column Stacking\" width=\"400\" height=\"536\" \/>\n<p>With reverse stacking blocks, the content on the left comes <i>second<\/i> in the code and will end up on the <i>bottom<\/i> when stacked:<\/p>\n<img decoding=\"async\" class=\"alignnone wp-image-25417 size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Reverse-Stcking.gif\" alt=\"Reverse Stacking\" width=\"400\" height=\"525\" \/>\n<p>Check to make sure you\u2019re updating the correct content block so that your blocks stack the way they should on mobile. Hint: The reverse stacking rows are denoted by <span style=\"background-color: #eeeeee; font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New; border: 1px solid #999999; padding: 5px;\">dir=&#8221;rtl&#8221;<\/span> in the code aka the direction is \u201cright to left\u201d since the right will sit on top of the left on mobile.<\/p>\n<p>The welcome and the re-engagement email templates use both standard and reverse stacking content, so pay close attention!<\/p>\n<h2 id=\"email-specific-tips\">Specific guidance for each email template<\/h2>\n<p>Our Litmus subscription email templates are at their best when combined with a spot-on strategy on both the marketing and design\/development side.<\/p>\n<p>Here are some template-specific tips to make your experience seamless.<\/p>\n<h3 id=\"welcome\">Welcome email template<\/h3>\n<figure id=\"attachment_25418\" aria-describedby=\"caption-attachment-25418\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-25418\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Welcome-html.png\" alt=\"free welcome email template\" width=\"600\" height=\"1771\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Welcome-html.png 857w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Welcome-html-102x300.png 102w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Welcome-html-347x1024.png 347w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Welcome-html-768x2267.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Welcome-html-520x1536.png 520w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Welcome-html-694x2048.png 694w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption id=\"caption-attachment-25418\" class=\"wp-caption-text\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/subscriber-love-email-templates\/?utm_campaign=wc-2021-02_subscriber_love_email_templates-subscriber_experience&amp;utm_medium=blog&amp;utm_source=marketing\" target=\"_blank\" rel=\"noopener\">Free welcome email template<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">A <\/span><span style=\"font-weight: 400;\">welcome onboarding email<\/span><span style=\"font-weight: 400;\"> is likely going to be the <\/span><span style=\"font-weight: 400;\">first email <\/span><span style=\"font-weight: 400;\">your customers or subscribers see from you. With <\/span><span style=\"font-weight: 400;\">welcome email templates<\/span><span style=\"font-weight: 400;\">, you\u2019ve got no excuse not to make a great first impression!\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Start your relationship with <\/span><span style=\"font-weight: 400;\">new email subscribers<\/span><span style=\"font-weight: 400;\"> by sending this message as soon as you can. You don\u2019t want them to have forgotten about you by the time your <\/span><span style=\"font-weight: 400;\">first emai<\/span><span style=\"font-weight: 400;\">l hits their inbox.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">While I don\u2019t believe in the fold (I believe in the SCROLL!), the hero section at the top of the email is incredibly important. It\u2019s the first thing your subscribers will see in email from your <\/span><span style=\"font-weight: 400;\">brand<\/span><span style=\"font-weight: 400;\">. Make it count.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Visually, the design calls for the content to flow seamlessly into the image. This effect can be done with either<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/png-gif-or-jpeg-which-ones-should-you-use-in-email\/\" target=\"_blank\" rel=\"noopener\"> <span style=\"font-weight: 400;\">a JPG or a PNG file<\/span><\/a><span style=\"font-weight: 400;\">. However, a transparent PNG offers a more flexible experience in both dark and light modes. This will allow the background color to be controlled with CSS, so the cohesiveness of the hero area can be maintained.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dark Mode with a transparent PNG gives you the option of changing the background color with media queries so you could create either of the options shown in the example below. Using a JPG limits you to the option on the right.<\/span><\/p>\n<img decoding=\"async\" class=\"alignnone wp-image-25421\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/darkmode.jpg\" alt=\"darkmode\" width=\"600\" height=\"236\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/darkmode.jpg 1200w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/darkmode-300x118.jpg 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/darkmode-1024x402.jpg 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/darkmode-768x301.jpg 768w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\n<p>This also helps the fade effect that\u2019s used to indicate that the image is linked.<\/p>\n<p>When a JPG is used, the background in the image fades, which creates a color block effect. When a transparent PNG is used, only the image fades leaving the background color to match the area above it.<\/p>\n<p>See an example of the fade effect in light mode with a transparent PNG (on the left) versus a JPG (on the right):<\/p>\n<img decoding=\"async\" class=\"alignnone wp-image-25422\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/lightmode.jpg\" alt=\"lightmode\" width=\"600\" height=\"229\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/lightmode.jpg 1200w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/lightmode-300x114.jpg 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/lightmode-1024x390.jpg 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/lightmode-768x292.jpg 768w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\n<p><span style=\"font-weight: 400;\">Once you\u2019ve got your subscribers\u2019 attention with visuals, keep it with an impactful call-to-action (CTA) button.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Think about where your <\/span><span style=\"font-weight: 400;\">new email subscribers<\/span><span style=\"font-weight: 400;\"> should go after they\u2019ve just signed up to receive your emails, or have just entered into a relationship with your organization. Is there an introductory page, or do you want them to jump in and start buying or browsing on their own?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">While we\u2019ve included an entire section in the email template that we call \u201cbenefits\u201d, this section is entirely optional and can easily be removed from the email template. But, If you have something to offer here (like a <\/span><span style=\"font-weight: 400;\">free trial <\/span><span style=\"font-weight: 400;\">or offer for <\/span><span style=\"font-weight: 400;\">new subscribers<\/span><span style=\"font-weight: 400;\">) take advantage of this space.\u00a0 If not, there\u2019s nothing wrong with a short and sweet welcome email with a single CTA button.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As we mentioned previously, this email uses the two-column stacking rows.<\/span><\/p>\n<img decoding=\"async\" class=\"alignnone wp-image-25489\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/welcome-email-template-desktop-to-mobile-view-1024x879.png\" alt=\"welcome email template desktop to mobile view\" width=\"600\" height=\"515\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/welcome-email-template-desktop-to-mobile-view-1024x879.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/welcome-email-template-desktop-to-mobile-view-300x258.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/welcome-email-template-desktop-to-mobile-view-768x659.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/welcome-email-template-desktop-to-mobile-view.png 1200w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\n<p><span style=\"font-weight: 400;\">Specifically in this email, the section starts and ends with reverse stacking rows and has a standard stacking row between them. This creates a Z-pattern for the desktop layout with the image starting on the left, but allows for a mobile layout where the copy sits on top of its coordinating image.<\/span><\/p>\n<h3>Birthday email template<\/h3>\n<figure id=\"attachment_25424\" aria-describedby=\"caption-attachment-25424\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-25424\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Birthday-html.png\" alt=\"free birthday email template\" width=\"600\" height=\"988\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Birthday-html.png 737w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Birthday-html-182x300.png 182w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Birthday-html-622x1024.png 622w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption id=\"caption-attachment-25424\" class=\"wp-caption-text\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/subscriber-love-email-templates\/?utm_campaign=wc-2021-02_subscriber_love_email_templates-subscriber_experience&amp;utm_medium=blog&amp;utm_source=marketing\" target=\"_blank\" rel=\"noopener\">Free birthday email template<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Birthday emails don\u2019t require that you give subscribers a coupon or promotional offer as a best practice\u2013but they are often classified as \u201csurprise and delight\u201d emails.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If it makes sense to use the <\/span><span style=\"font-weight: 400;\">birthday email template <\/span><span style=\"font-weight: 400;\">with your audience based on your business, get creative about how you can surprise or delight them with your message.<\/span><\/p>\n<h3 id=\"anniversary\">Anniversary email template<\/h3>\n<figure id=\"attachment_25425\" aria-describedby=\"caption-attachment-25425\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-25425\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Customer-Loyalty-html.png\" alt=\"free anniversary email template or customer loyalty email template\" width=\"600\" height=\"936\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Customer-Loyalty-html.png 819w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Customer-Loyalty-html-192x300.png 192w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Customer-Loyalty-html-656x1024.png 656w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Customer-Loyalty-html-768x1198.png 768w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption id=\"caption-attachment-25425\" class=\"wp-caption-text\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/subscriber-love-email-templates\/?utm_campaign=wc-2021-02_subscriber_love_email_templates-subscriber_experience&amp;utm_medium=blog&amp;utm_source=marketing\" target=\"_blank\" rel=\"noopener\">Free anniversary or customer loyalty email template<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Like the birthday email, you\u2019ll get the most out of the anniversary email template when you offer a genuine reason to email subscribers about a specific anniversary.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, you might remind them of how long they\u2019ve had a relationship with your company by celebrating the day they first signed up for your email list. This type of messaging shows that you care about your customers\u2019 loyalty.<\/span><\/p>\n<h3 id=\"rating-review\">Rating and review email template<\/h3>\n<figure id=\"attachment_25544\" aria-describedby=\"caption-attachment-25544\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-25544 size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/free-rating-and-review-email-template.gif\" alt=\"free rating and review email template\" width=\"600\" height=\"769\" \/><figcaption id=\"caption-attachment-25544\" class=\"wp-caption-text\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/subscriber-love-email-templates\/?utm_campaign=wc-2021-02_subscriber_love_email_templates-subscriber_experience&amp;utm_medium=blog&amp;utm_source=marketing\" target=\"_blank\" rel=\"noopener\">Free rating &amp; review email template<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">When you\u2019re asking your customers to rate your services or products, timing is essential. You don\u2019t want to ask for a review before they\u2019ve had a chance to properly use and assess your product.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We\u2019ve positioned the rating and review email template to apply to a\u00a0 product or service\u2013but you can easily use it to ask for feedback on a newsletter, or as a net promoter score (NPS) email, too. Consider sending this type of email every quarter to get ongoing quantitative feedback that\u2019s meaningful to your <\/span><span style=\"font-weight: 400;\">email marketing strategy.<\/span><\/p>\n<p>As you dive into the code of this email template, make sure you assign the correct URL to the correct star. The increasingly highlighted star effect is created by using HTML symbol stars, pseudo selectors, and the <span style=\"background-color: #eeeeee; font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New; border: 1px solid #999999; padding: 5px;\">dir=&#8221;rtl&#8221;<\/span> attribute. (So the first star that appears in the email is controlled by the last star in the code.)<\/p>\n<p>We put comments in to help make sure you add the URL correctly, but here it is visually as well:<\/p>\n<p><code style=\"color: #000000;\">&lt;tr&gt;<br \/>\n&lt;td align=\"center\" valign=\"top\" dir=\"rtl\" style=\"padding:0 0 50px\"&gt;<br \/>\n&lt;p class=\"star\" style=\"font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#262524; margin:0; padding:0;\"&gt;<br \/>\n<span style=\"color: #09699a;\"><br \/>\n<strong>&lt;!--Fifth Star--&gt;<\/strong><br \/>\n&lt;a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/www.example.com\" style=\"font-size: 50px; color: #028383; text-decoration: none;\"&gt;\u2605&lt;\/a&gt;<br \/>\n<\/span><span style=\"color: #199e62;\"><br \/>\n<strong>&lt;!--Fourth Star--&gt;<\/strong><br \/>\n&lt;a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/www.example.com\" style=\"font-size: 50px; color: #028383; text-decoration: none;\"&gt;&amp;nbsp;\u2605&lt;\/a&gt;<br \/>\n<\/span><span style=\"color: #c9c126;\"><br \/>\n<strong>&lt;!--Third Star--&gt;<\/strong><br \/>\n&lt;a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/www.example.com\" style=\"font-size: 50px; color: #028383; text-decoration: none;\"&gt;&amp;nbsp;\u2605&lt;\/a&gt;<br \/>\n<\/span><span style=\"color: #ee7d38;\"><br \/>\n<strong>&lt;!--Second Star--&gt;<\/strong><br \/>\n&lt;a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/www.example.com\" style=\"font-size: 50px; color: #028383; text-decoration: none;\"&gt;&amp;nbsp;\u2605&lt;\/a&gt;<br \/>\n<\/span><span style=\"color: #df624c;\"><br \/>\n<strong>&lt;!--First Star--&gt;<\/strong><br \/>\n&lt;a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/www.example.com\" style=\"font-size: 50px; color: #028383; text-decoration: none;\"&gt;&amp;nbsp;\u2605&lt;\/a&gt;<br \/>\n<\/span><br \/>\n&lt;\/p&gt;<br \/>\n&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<\/code><\/p>\n<p>The HTML above is color coded so you can see which piece of code relates to which star in the screenshot of the email below:<\/p>\n<img decoding=\"async\" class=\"alignnone wp-image-25427\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/stars.png\" alt=\"stars\" width=\"600\" height=\"337\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/stars.png 1078w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/stars-300x169.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/stars-1024x576.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/stars-768x432.png 768w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\n<p>As an interactive rating scale, it pairs great with a survey tool such as <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.surveymonkey.com\/\" target=\"_blank\" rel=\"noopener\">SurveyMonkey<\/a> or <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.getfeedback.com\/\" target=\"_blank\" rel=\"noopener\">GetFeedback<\/a>.<\/p>\n<p><span style=\"font-weight: 400;\">In this case, you\u2019d create a survey with the first question (or only question) as a rating question. Grab the URL for each rating and paste it in the corresponding star&#8217;s href in the code. Make sure to set up the thank-you page for your survey for your audience to land on when they click through.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Alternatively, you can use it in a less complex way: Set up a thank-you landing page and link each rating to that same page. In this case, you\u2019d add a query string at the end specific to each rating:<\/span><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;tr>\n    &lt;td align=\"center\" valign=\"top\" dir=\"rtl\" style=\"padding:0 0 50px\">\n        &lt;p class=\"star\" style=\"font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#262524; margin:0; padding:0;\">\n\n            &lt;!--Fifth Star-->\n            &lt;a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/www.example.com\/thank-you?rating=5\" style=\"font-size: 50px; color: #028383; text-decoration: none;\">\u2605&lt;\/a>\n\n            &lt;!--Fourth Star-->\n            &lt;a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/www.example.com\/thank-you?rating=4\" style=\"font-size: 50px; color: #028383; text-decoration: none;\">&amp;nbsp;\u2605&lt;\/a>\n\n            &lt;!--Third Star-->\n            &lt;a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/www.example.com\/thank-you?rating=3\" style=\"font-size: 50px; color: #028383; text-decoration: none;\">&amp;nbsp;\u2605&lt;\/a>\n\n            &lt;!--Second Star-->\n            &lt;a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/www.example.com\/thank-you?rating=2\" style=\"font-size: 50px; color: #028383; text-decoration: none;\">&amp;nbsp;\u2605&lt;\/a>\n\n            &lt;!--First Star-->\n            &lt;a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/www.example.com\/thank-you?rating=1\" style=\"font-size: 50px; color: #028383; text-decoration: none;\">&amp;nbsp;\u2605&lt;\/a>\n\n        &lt;\/p>\n    &lt;\/td>\n&lt;\/tr><\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_2d557202c227194d9da0f0a1db434b1f\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>Then, use the click tracking from your ESP to track which rating was clicked. Easy!<\/p>\n<h3 id=\"reengagement\">Re-engagement email template<\/h3>\n<figure id=\"attachment_25431\" aria-describedby=\"caption-attachment-25431\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-25431\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Re-engagement.png\" alt=\"free re-engagement or winback email template\" width=\"600\" height=\"1554\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Re-engagement.png 777w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Re-engagement-116x300.png 116w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Re-engagement-395x1024.png 395w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Re-engagement-768x1990.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Re-engagement-593x1536.png 593w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption id=\"caption-attachment-25431\" class=\"wp-caption-text\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/subscriber-love-email-templates\/?utm_campaign=wc-2021-02_subscriber_love_email_templates-subscriber_experience&amp;utm_medium=blog&amp;utm_source=marketing\" target=\"_blank\" rel=\"noopener\">Free re-engagement or winback email template<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">If customers haven\u2019t purchased from you within a specific period of time, or subscribers haven\u2019t opened or engaged with an email you\u2019ve sent for some time, this re-engagement email template could help you win them back.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Design-wise, the re-engagement email looks similar to the welcome email, but uses standard stacking rows on the top and bottom, and a reverse stacking row in the middle. <\/span><\/p>\n<img decoding=\"async\" class=\"alignnone wp-image-25432\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/reengagement-difference.png\" alt=\"reengagement difference\" width=\"600\" height=\"515\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/reengagement-difference.png 1200w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/reengagement-difference-300x258.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/reengagement-difference-1024x879.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/reengagement-difference-768x659.png 768w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\n<p>The Z-pattern is the same on desktop as in the welcome email, but on mobile, the images end up on top.<\/p>\n<h3 id=\"plain-text\">Plain text style email template<\/h3>\n<figure id=\"attachment_25433\" aria-describedby=\"caption-attachment-25433\" style=\"width: 1200px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-25433\" style=\"border: 1px solid #8994A1;\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Plain-Text-html.png\" alt=\"free plain text style email template\" width=\"1200\" height=\"462\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Plain-Text-html.png 1594w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Plain-Text-html-300x116.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Plain-Text-html-1024x394.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Plain-Text-html-768x296.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/Plain-Text-html-1536x592.png 1536w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><figcaption id=\"caption-attachment-25433\" class=\"wp-caption-text\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/subscriber-love-email-templates\/?utm_campaign=wc-2021-02_subscriber_love_email_templates-subscriber_experience&amp;utm_medium=blog&amp;utm_source=marketing\" target=\"_blank\" rel=\"noopener\">Free plain text style email template<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Along with five beautifully designed email templates, we\u2019ve added a fully optimized plain text style email template, too.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Why? Because we\u2019ve had<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-results-are-in-a-b-testing-html-vs-plain-text-emails\/\" target=\"_blank\" rel=\"noopener\"> <span style=\"font-weight: 400;\">success with plain text style emails<\/span><\/a><span style=\"font-weight: 400;\"> for some campaigns\u2013they definitely have a place in our email program. (It may be testing to understand if they have a place in yours, too).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Plain text style emails can work really well when messaging aligns with the format. Plain text style email templates should feel genuine\u2013 as if they\u2019re coming from an actual human being! For that reason, there are no CTA buttons.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Instead, you\u2019ll rely on text links within specific parts of your text to add to the authenticity. We\u2019ve found that linking text that\u2019s related to the action or goal of the email works best.<\/span><\/p>\n<h2>Use these templates to win over your subscribers<\/h2>\n<p><span style=\"font-weight: 400;\">These<\/span> <span style=\"font-weight: 400;\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-templates\">Free Email Templates<\/a> are just the start of what you could do to show your subscribers why they made a good choice by joining your email list, and building a relationship with your brand.\u00a0 Use them to simplify your email creation process\u2013and win attention in the inbox.<\/span><\/p>\n<table style=\"background-color: #f1f0f0;\">\n<tbody>\n<tr>\n<td class=\"block-1\" style=\"padding: 20px 10px 20px 20px;\"><img decoding=\"async\" class=\"alignnone size-full wp-image-8171\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/logo.png\" alt=\"Litmus logo\" width=\"140\" height=\"165\" \/><\/td>\n<td class=\"block-2\" style=\"padding: 20px 20px 20px 10px;\">\n<p class=\"zero\"><strong>Email Templates That Your Subscribers Will Love<\/strong><\/p>\n<p class=\"zero\">Ready to wow in the inbox? Check out our free email templates to help you boost your email engagement and overall brand loyalty!<\/p>\n<p class=\"zero\"><a class=\"btn medium orange button\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-templates\" target=\"_blank\" rel=\"noopener noreferrer\">Get your Free email template now \u2192<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Your subscribers need to have a great email experience! View subscriber email examples and download our free templates to help boost their experience. Read now!<\/p>\n","protected":false},"author":25,"featured_media":50178,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[1575,179,10264,1344,10246],"blog_category":[10300],"class_list":["post-49930","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-rendering","tag-responsive-email","tag-subscriber-experience","tag-templates","tag-testing","blog_category-email-building"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Subscriber Email Examples to Boost Email Experience - Litmus<\/title>\n<meta name=\"description\" content=\"Your subscribers need to have a great email experience! View subscriber email examples and download our free templates to help boost their experience. Read now! Your subscribers need to have a great email experience! View subscriber email examples and download our free templates to help boost their experience. Read now!\" \/>\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.litmus.com\/blog\/subscriber-email-examples-boost-email-experience\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Subscriber Email Examples to Boost Email Experience\" \/>\n<meta property=\"og:description\" content=\"Your subscribers need to have a great email experience! View subscriber email examples and download our free templates to help boost their experience. Read now! Your subscribers need to have a great email experience! View subscriber email examples and download our free templates to help boost their experience. Read now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-29T13:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-05T03:53:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/06\/Email-Templates-blog-.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"631\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Subscriber Email Examples to Boost Email Experience - Litmus","description":"Your subscribers need to have a great email experience! View subscriber email examples and download our free templates to help boost their experience. Read now! Your subscribers need to have a great email experience! View subscriber email examples and download our free templates to help boost their experience. Read now!","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.litmus.com\/blog\/subscriber-email-examples-boost-email-experience","og_locale":"en_US","og_type":"article","og_title":"Subscriber Email Examples to Boost Email Experience","og_description":"Your subscribers need to have a great email experience! View subscriber email examples and download our free templates to help boost their experience. Read now! Your subscribers need to have a great email experience! View subscriber email examples and download our free templates to help boost their experience. Read now!","og_url":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2022-06-29T13:00:00+00:00","article_modified_time":"2023-10-05T03:53:36+00:00","og_image":[{"width":1200,"height":631,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/06\/Email-Templates-blog-.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience"},"author":{"name":"","@id":""},"headline":"Subscriber Email Examples to Boost Email Experience","datePublished":"2022-06-29T13:00:00+00:00","dateModified":"2023-10-05T03:53:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience"},"wordCount":7,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/06\/Email-Templates-blog-.jpg","keywords":["Rendering","Responsive Email","Subscriber Experience","Templates","Testing"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience","url":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience","name":"Subscriber Email Examples to Boost Email Experience - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/06\/Email-Templates-blog-.jpg","datePublished":"2022-06-29T13:00:00+00:00","dateModified":"2023-10-05T03:53:36+00:00","description":"Your subscribers need to have a great email experience! View subscriber email examples and download our free templates to help boost their experience. Read now! Your subscribers need to have a great email experience! View subscriber email examples and download our free templates to help boost their experience. Read now!","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/06\/Email-Templates-blog-.jpg","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/06\/Email-Templates-blog-.jpg","width":1200,"height":631,"caption":"image of Litmus' subscription email templates"},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/subscriber-email-examples-boost-email-experience#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"Subscriber Email Examples to Boost Email Experience"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/49930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=49930"}],"version-history":[{"count":14,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/49930\/revisions"}],"predecessor-version":[{"id":80341,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/49930\/revisions\/80341"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/50178"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=49930"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=49930"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=49930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}