{"id":3753,"date":"2024-10-30T13:01:00","date_gmt":"2024-10-30T17:01:00","guid":{"rendered":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using\/"},"modified":"2025-04-08T16:35:37","modified_gmt":"2025-04-08T20:35:37","slug":"interactive-emails-top-trend-anyone-using","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using","title":{"rendered":"7 Interactive Emails for Inspiration"},"content":{"rendered":"\n\n\t<div id=\"simple-text-block-block_c58f513eeec1c996eeec1c09eb0c5641\" 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;\">Interactive emails continue to be a <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/page.litmus.com\/trends-in-email-design-and-marketing.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">top trend in email marketing<\/span><\/a><span style=\"font-weight: 400;\"> and it\u2019s easy to see why. Email interactivity allows brands to add a wide variety of elements to their messages\u2014from image carousels, offer reveals, <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/video-in-email\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">videos<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">surveys, polls, and more.<\/span><\/p>\n<p>In this blog post, we cover:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#what\"><span style=\"font-weight: 400;\">What are interactive emails?<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#why\"><span style=\"font-weight: 400;\">Reasons why interactive emails work<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#types\"><span style=\"font-weight: 400;\">Types of interactive emails<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#opportunities-challenges\"><span style=\"font-weight: 400;\">Opportunities and challenges with interactive emails<\/span><\/a><\/li>\n<\/ul>\n<h2 id=\"what\"><span style=\"font-weight: 400;\">What are interactive emails?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/how-to-create-an-interactive-email\" target=\"_blank\">Interactive emails<\/a> contain elements that creatively capture the attention of subscribers and illicit interaction and engagement within an email <\/span><i><span style=\"font-weight: 400;\">without<\/span><\/i><span style=\"font-weight: 400;\"> sending subscribers to a new browser window. The concept takes a format that has long been a single, static message, and turns it into an entire experience within the inbox.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The interactive functionality is added to HTML emails through a set of advanced techniques.<\/span><\/p>\n<h2 id=\"why\"><span style=\"font-weight: 400;\">Reasons why interactive emails work<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">According to <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.toolbox.com\/marketing\/marketing-automation\/articles\/personalization-and-optimization-will-be-the-focus-for-email-marketers-in-2017\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Martech Advisor<\/span><\/a><span style=\"font-weight: 400;\">, \u201cinteractive email content increases the rate of click-to-open by 73%.\u201d The demand is there, too. In one survey, <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.dyspatch.io\/white-papers\/everything-you-need-to-know-about-amp-for-email\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">60% of email recipients<\/span><\/a><span style=\"font-weight: 400;\"> said they are likely to engage with an interactive email, and <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.dyspatch.io\/white-papers\/everything-you-need-to-know-about-amp-for-email\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">over 50% of email recipients<\/span><\/a><span style=\"font-weight: 400;\"> said they <\/span><i><span style=\"font-weight: 400;\">want<\/span><\/i><span style=\"font-weight: 400;\"> to interact with content inside their email.<\/span><\/p>\n<h2 id=\"types\"><span style=\"font-weight: 400;\">Types of interactive emails<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">With interactive emails, brands are able to add a wide variety of elements. Here are some of the most popular types:<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Image carousels<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">One of the most common types of interactivity in email are image carousels. An image carousel is a container of elements that subscribers can navigate to with a click\u2014all without leaving the email.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Below is an example from an Xfinity email showing an image carousel in action. It supports several elements with buttons on both sides to navigate between images.<\/span><\/p>\n<p><iframe class=\"wistia_embed\" title=\"Xfinity interactive email example (Game of Throne themed) Video\" src=\"https:\/\/fast.wistia.net\/embed\/iframe\/629sv3xlza?seo=false\" name=\"wistia_embed\" width=\"640\" height=\"1000\" frameborder=\"0\" scrolling=\"no\"><\/iframe><br \/>\n<script src=\"https:\/\/fast.wistia.net\/assets\/external\/E-v1.js\" async><\/script><\/p>\n<p><em><span style=\"font-weight: 400;\">Source: <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/emails\/the-iron-throne-is-waiting\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Really Good Emails<\/span><\/a><\/em><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s another example from Offset by Shutterstock. Instead of buttons, subscribers can \u201cflip\u201d through images using checkboxes.<\/span><\/p>\n<figure style=\"width: 640px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/Screen20Recording202019-01-2420at2011.1820AM.gif\" width=\"640\" height=\"684\" \/><figcaption class=\"wp-caption-text\"><span style=\"font-weight: 400;\">Source: <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/fallbacks-for-interactive-email-how-to-combat-limited-support-for-interactivity\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Alice Li<\/span><\/a><\/figcaption><\/figure>\n<h4><span style=\"font-weight: 400;\">Animated image carousel<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Animated Image Carousels in <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-personalization\"><span style=\"font-weight: 400;\">Litmus Personalize<\/span><\/a><span style=\"font-weight: 400;\"> offer an engaging way to transform static images into smooth, automated slideshows to help grab the attention of your subscribers. With just a few steps, you can create eye-catching, <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-animated-gifs-in-email\"><span style=\"font-weight: 400;\">animated GIFs<\/span><\/a><span style=\"font-weight: 400;\"> that bring your emails to life.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Whether you\u2019re showcasing products, launching new features, or building step-by-step guides, Animated Image Carousels let you communicate more effectively without overwhelming your subscribers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here are some creative ways to use them:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Showcase products or new features.<\/strong><span style=\"font-weight: 400;\"> Highlight multiple products or features in a single sequence, allowing subscribers to browse and see the highlights of your product. For example, a<\/span><i><span style=\"font-weight: 400;\"> tech company <\/span><\/i><span style=\"font-weight: 400;\">could spotlight the key features of a new product in an animated image carousel.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Create step-by-step guides.<\/strong><span style=\"font-weight: 400;\"> Provide instructional content in a visual format. A <\/span><i><span style=\"font-weight: 400;\">cooking brand<\/span><\/i><span style=\"font-weight: 400;\">, for instance, could display the steps of a recipe, helping subscribers follow along easily and enticing them to click through.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Promote offers and discounts.<\/strong><span style=\"font-weight: 400;\"> Deliver exciting promotions or limited-time deals in a fun, engaging way. A <\/span><i><span style=\"font-weight: 400;\">retail brand<\/span><\/i><span style=\"font-weight: 400;\"> could use a carousel to showcase time-sensitive discounts or exclusive coupon codes.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">To capture subscriber attention and boost engagement, you can assign a destination URL to the entire carousel as well as add <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-email-image-blocking\"><span style=\"font-weight: 400;\">ALT text<\/span><\/a><span style=\"font-weight: 400;\"> for <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails\"><span style=\"font-weight: 400;\">accessibility<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"post-cta-buttonblock_e850c8a97fb8c8cef0fc6dcfdf09c33a\" class=\"block-post-cta-button mt-5\">\n  <div class=\"container px-0\">\n    <div class=\"row\">\n      <div class=\"blog-post-cta-button-wrapper col-12 col-lg-10 mx-auto p-4 d-block d-lg-flex align-items-lg-center align-items-start\">\n\t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t \t\t\t  \t\t  \t\t  <div class=\"blog-post-cta-button-icon col-2 float-start mx-auto float-lg-start float-none background-white d-flex flex-column justify-content-center align-items-center text-center\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/10\/image-carousel-icon.svg\" alt=\"\" width=\"32\" height=\"14\"\/>\n\t\t\t\t\t  \t\t  <\/div><!--blog-post-cta-button-icon-->\n\t\t\t\t\t\t\t\t  \t\t  <div class=\"col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0\">\t\t\t  \t\t\t  <h2 class=\"h-sm\"><strong>Minimal effort. Maximum impact.<\/strong><\/h2>\n\t\t\t   \n\t\t\t  \t\t\t\t\t<p>With just a few quick steps, create dynamic elements that capture subscriber attention and boost engagement\u2014like animated image carousels, animated video, and more.<\/p>\n\t\t\t\t\t \n\t\t\t  \t\t  <\/div><!--col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0-->\t\t\t  \t\t  <div class=\"text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-personalization\">\n\t\t\t\t\t\tPersonalize now\t\t\t\t\t\t<\/a>\n\t\t\t  \t\t  <\/div><!--text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0-->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t        <\/div><!--blog-post-cta-button-wrapper-->\n    <\/div><!--row-->\n  <\/div><!--container-->\n<\/div>\n\n\n\n\t<div id=\"simple-text-block-block_fba7424bda8b57ce35945dab699d451c\" 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>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Videos<\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/video-in-email\/\">Video in email<\/a> can be an effective way to show how your products or services work, as well as add personality to your brand.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The following example from Wistia uses an embedded video in email.<\/span><\/p>\n<figure style=\"width: 640px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/03\/wistia.png\" alt=\"Interactive email example from Wistia\" width=\"640\" height=\"1351\" \/><figcaption class=\"wp-caption-text\"><span style=\"font-weight: 400;\">Source: <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/emails\/hey-smiles-davis-did-you-know-that-video-plays-in-email\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Really Good Emails<\/span><\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">One caveat with video: It\u2019s not supported everywhere. If you add a video to your next email, make sure to include <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/faux-video-a-fallback-for-video-in-email\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">a good fallback<\/span><\/a><span style=\"font-weight: 400;\">. The above example from Wistia uses a thumbnail fallback for non-supported clients.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">(Want to learn more? We cover the ins and outs of <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/video-in-email\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">video in email here<\/span><\/a><span style=\"font-weight: 400;\">).<\/span><\/p>\n<div class=\"mceTemp\"><\/div>\n<h3><span style=\"font-weight: 400;\">Polls<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Polls are a great way to get a quick pulse check on what your subscribers <\/span><i><span style=\"font-weight: 400;\">really<\/span><\/i><span style=\"font-weight: 400;\"> want. It\u2019s a low-stakes opportunity to learn more about your audience, plus an engaging way to add interactivity to your emails.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The below example from <\/span><span style=\"font-weight: 400;\">Bulk<\/span><span style=\"font-weight: 400;\"> uses live polling to collect real-time interest indicators. As subscribers open and click through, the votes update. Recipients can revisit the email to see live poll results. Additionally, the click data captured from live polls can be used as more data points for more personalization. Win-win!<\/span><\/p>\n<figure style=\"width: 600px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/manual\/bulk-poll-email-example.png\" alt=\"email example of poll from Bulk\" width=\"600\" height=\"1649\" \/><figcaption class=\"wp-caption-text\"><span style=\"font-weight: 400;\">Source: <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-gallery\/live-polls\" target=\"_blank\" rel=\"noopener\">Litmus&#8217; Email Gallery<\/a><\/span><\/figcaption><\/figure>\n<h3><span style=\"font-weight: 400;\">Add to cart<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Add-to-cart functionality lets subscribers go through their options before clicking through to make their payment. This removes the need to click through to a landing page, creating a more seamless checkout process.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Below is an example of an add-to-cart email from Google. Subscribers can toggle between color selections before adding the product to their cart.<\/span><\/p>\n<p><iframe class=\"wistia_embed\" title=\"Google Interactive Email Example Video\" src=\"https:\/\/fast.wistia.net\/embed\/iframe\/ip9vfeg6bv?seo=false\" name=\"wistia_embed\" width=\"640\" height=\"708\" frameborder=\"0\" scrolling=\"no\"><\/iframe><br \/>\n<script src=\"https:\/\/fast.wistia.net\/assets\/external\/E-v1.js\" async><\/script><\/p>\n<p><i><span style=\"font-weight: 400;\">Source: <\/span><\/i><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/emails\/introducing-google-pixel-buds\"><i><span style=\"font-weight: 400;\">Really Good Emails<\/span><\/i><\/a><\/p>\n<h2 id=\"opportunities-challenges\"><span style=\"font-weight: 400;\">Opportunities and challenges with interactive emails<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">With the examples above, we\u2019ve only scratched the surface with the possibilities of interactivity in email. Other types of interactive email elements include:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Tabbed content<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Hamburger menus<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Hot spots<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Quizzes<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Anchor tags<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-interactive-forms-in-email\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Forms<\/span><\/a><span style=\"font-weight: 400;\"> or radio button selection<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Accordions<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Offer reveals<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Review and rating submissions<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Search bar entries\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">With such a wide variety of elements, the future of interactive email looks bright. When we asked our audience on LinkedIn whether or not they\u2019re using it in their emails, 38% answered \u201cYes\u2014and we\u2019ll continue to.\u201d <\/span><span style=\"font-weight: 400;\">The most common response to whether or not an email marketer has used interactivity was \u201cNo, but we plan to try,\u201d with 39% of responses.<\/span><\/p>\n<figure id=\"attachment_48619\" aria-describedby=\"caption-attachment-48619\" style=\"width: 640px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\" wp-image-48619\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/Litmus-poll-on-interactivity-on-LinkedIn.png\" alt=\"Litmus poll on interactivity on LinkedIn\" width=\"640\" height=\"406\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/Litmus-poll-on-interactivity-on-LinkedIn.png 1200w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/Litmus-poll-on-interactivity-on-LinkedIn-300x190.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/Litmus-poll-on-interactivity-on-LinkedIn-1024x649.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/Litmus-poll-on-interactivity-on-LinkedIn-768x487.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/Litmus-poll-on-interactivity-on-LinkedIn-700x444.png 700w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><figcaption id=\"caption-attachment-48619\" class=\"wp-caption-text\"><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:6931988663861977088\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Poll on Litmus\u2019 LinkedIn<\/span><\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Let\u2019s take a look at what\u2019s holding so many marketers back.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Interactivity may seem intimidating (or frivolous)<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Coding an interactive email design may be intimidating. Email service provider (ESP) support for different interactive elements has varied over the past few years, which might make designers shy away from implementing interactivity.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We suspect that email marketers may also view interactivity as a tactic reserved for the biggest companies and \u201cbest\u201d email developers. It doesn\u2019t help that most of the current examples are from well-known companies. If an email marketer heads to Really Good Emails\u2019 <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/categories\/interactive\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">interactive email examples<\/span><\/a><span style=\"font-weight: 400;\">, they would see Xfinity, Taco Bell, Adidas, BBC, and more. If you look a bit closer at the examples from household names, like the one <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/emails\/discover-more-with-the-bbc\/live\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">from the BBC below<\/span><\/a><span style=\"font-weight: 400;\">, you might notice that not all interactivity is overly intricate. This email doesn\u2019t have a bunch of different effects or elements at play.<\/span><\/p>\n<figure id=\"attachment_6925\" aria-describedby=\"caption-attachment-6925\" style=\"width: 640px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-6925 \" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/BBC_email_gif.gif\" alt=\"interactive email example from BBC\" width=\"640\" height=\"716\" \/><figcaption id=\"caption-attachment-6925\" class=\"wp-caption-text\"><span style=\"font-weight: 400;\">Source: <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/emails\/discover-more-with-the-bbc\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Really Good Emails<\/span><\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Some email marketers may also view interactivity as a bit frivolous. In email games and quizzes, like <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/emails\/happy-holidays-we-made-you-a-game-want-to-play\/live\/\"><span style=\"font-weight: 400;\">Taco Bell\u2019s holiday maze<\/span><\/a><span style=\"font-weight: 400;\">, there\u2019s an undeniable element of fun.<\/span><\/p>\n<figure style=\"width: 598px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/Screen-Recording-2019-12-02-at-03.58-PM.gif\" alt=\"email interactivity example from Taco Bell\" width=\"598\" height=\"750\" \/><figcaption class=\"wp-caption-text\"><span style=\"font-weight: 400;\">Source: <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/emails\/happy-holidays-we-made-you-a-game-want-to-play\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Really Good Emails<\/span><\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">In the grand scheme of all the tasks an email marketing team needs to tackle, it might not seem worth it to learn a new skill for one email a year. Perhaps email interactivity will become more widespread when companies begin to use various elements in the emails they regularly send.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The bottom line? Interactive emails don\u2019t have to be scary\u2013and they don\u2019t have to be used only by large companies.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Where should curious email developers start?<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The first place beginner interactive email developers can start is with <\/span><a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/interactive-email-for-beginners-6-interactive-elements-you-can-add-to-your-emails-today\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">hover effects<\/span><\/a><span style=\"font-weight: 400;\">. Adding a hover effect to an email element, such as a link or image, makes the email more engaging and indicates clickability. You can add hover effects to nearly every aspect of the email, from text (like <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-web-fonts\" target=\"_blank\">web safe fonts<\/a>) to images to buttons.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Another place to start is with <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/ultimate-guide-to-email-accessibility\/\">email accessibility<\/a>. An estimated 1.3 billion people live with visual impairment, and interactive elements such as high contrast switchers make sure <i>every<\/i> customer can enjoy your emails.\u00a0In a past newsletter of ours (which you can <\/span><a rel=\"noopener\" href=\"https:\/\/litmus.com\/builder\/bbcac39\"><span style=\"font-weight: 400;\">interact with here<\/span><\/a><span style=\"font-weight: 400;\">), our email team <\/span><span style=\"font-weight: 400;\">adapted Paul Airy\u2019s accessibility switcher to create a fully interactive email, featuring switchers and hover effects. If you want to try out these effects on your own emails, Alice Li teaches you how in <\/span><a rel=\"noopener\" href=\"https:\/\/litmus.com\/community\/discussions\/8139-how-we-adapted-paul-airy-s-accessibility-switcher-for-litmus-newsletter\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">this Litmus Community post<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Interactivity is common on websites and apps, but this popular design trend isn\u2019t yet widespread in email marketing. Some teams have experience with it, but there are still plenty who\u2019ve yet to commit. If you\u2019ve been putting off giving interactivity a try, you\u2019re not alone. Here are some great resources to help you get started with using interactive elements in your emails:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/interactive-email-for-beginners-6-interactive-elements-you-can-add-to-your-emails-today\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Learn how to add simple hover effects to your emails<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/how-to-build-an-interactive-quiz-in-an-email\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Get a step-by-step walkthrough of how to build an interactive quiz in email<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/fallbacks-for-interactive-email-how-to-combat-limited-support-for-interactivity\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Learn how to fight limited support for interactivity using fallbacks<\/span><\/a><span style=\"font-weight: 400;\">\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"https:\/\/litmus.com\/community\/discussions\/8139-how-we-adapted-paul-airy-s-accessibility-switcher-for-litmus-newsletter\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">See how we used an accessibility switcher in one of our newsletters<\/span><\/a><\/li>\n<\/ul>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"post-cta-buttonblock_d4a6e7f806cd4e3928453fba9b409caa\" class=\"block-post-cta-button mt-5\">\n  <div class=\"container px-0\">\n    <div class=\"row\">\n      <div class=\"blog-post-cta-button-wrapper col-12 col-lg-10 mx-auto p-4 d-block d-lg-flex align-items-lg-center align-items-start\">\n\t\t  \t\t  \t\t  \t\t  <div class=\"blog-post-cta-button-icon col-2 float-start mx-auto float-lg-start float-none background-white d-flex flex-column justify-content-center align-items-center text-center\">\n\t\t\t  <img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/blog-cta-buttons-personalization.svg\">\n\t\t  <\/div><!--blog-post-cta-button-icon-->\n\t\t  <div class=\"col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0\">\n\t\t\t  <h2 class=\"h-sm\"><strong>Create individualized email experiences at scale<\/strong><\/h2>\n\t\t\t  <p>Get powerful results with uniquely personalized, engaging email experiences that boost customer loyalty and drive revenue with Litmus Personalize, powered by Kickdynamic.<\/p>\n\t\t  <\/div><!--col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0-->\n\t\t  <div class=\"text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0\">\n\t\t\t  <a class=\"btn btn-primary\" rel=\"noopener\" target=\"_blank\" href=\"\/email-personalization\/\">Learn more<\/a>\n\t\t  <\/div><!--text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0-->\n\t\t  \t\t  \t\t  \t\t  \t\t  \t\t       <\/div><!--blog-post-cta-button-wrapper-->\n    <\/div><!--row-->\n  <\/div><!--container-->\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Learn about interactive emails, why they work, and the different types\u2014including the opportunities and challenges that come with them.<\/p>\n","protected":false},"author":3,"featured_media":48739,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[10310,10266,499,86],"blog_category":[10300],"class_list":["post-3753","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-animated-gifs","tag-animation","tag-email-coding","tag-engagement","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>7 Interactive Emails for Inspiration - Litmus<\/title>\n<meta name=\"description\" content=\"Learn about interactive emails, why they work, and the different types\u2014including the opportunities and challenges that come with them.\" \/>\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\/interactive-emails-top-trend-anyone-using\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Interactive Emails for Inspiration\" \/>\n<meta property=\"og:description\" content=\"Learn about interactive emails, why they work, and the different types\u2014including the opportunities and challenges that come with them.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using\" \/>\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=\"2024-10-30T17:01:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-08T20:35:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/illustration-of-phone-with-interactive-email-carousel.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1380\" \/>\n\t<meta property=\"og:image:height\" content=\"725\" \/>\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":"7 Interactive Emails for Inspiration - Litmus","description":"Learn about interactive emails, why they work, and the different types\u2014including the opportunities and challenges that come with them.","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\/interactive-emails-top-trend-anyone-using","og_locale":"en_US","og_type":"article","og_title":"7 Interactive Emails for Inspiration","og_description":"Learn about interactive emails, why they work, and the different types\u2014including the opportunities and challenges that come with them.","og_url":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2024-10-30T17:01:00+00:00","article_modified_time":"2025-04-08T20:35:37+00:00","og_image":[{"width":1380,"height":725,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/illustration-of-phone-with-interactive-email-carousel.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\/interactive-emails-top-trend-anyone-using#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using"},"author":{"name":"","@id":""},"headline":"7 Interactive Emails for Inspiration","datePublished":"2024-10-30T17:01:00+00:00","dateModified":"2025-04-08T20:35:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using"},"wordCount":4,"commentCount":0,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/illustration-of-phone-with-interactive-email-carousel.jpg","keywords":["Animated Gifs","Animation","Email Coding","Engagement"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using","url":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using","name":"7 Interactive Emails for Inspiration - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/illustration-of-phone-with-interactive-email-carousel.jpg","datePublished":"2024-10-30T17:01:00+00:00","dateModified":"2025-04-08T20:35:37+00:00","description":"Learn about interactive emails, why they work, and the different types\u2014including the opportunities and challenges that come with them.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/illustration-of-phone-with-interactive-email-carousel.jpg","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/05\/illustration-of-phone-with-interactive-email-carousel.jpg","width":1380,"height":725,"caption":"illustration of phone with interactive email carousel"},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/interactive-emails-top-trend-anyone-using#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"7 Interactive Emails for Inspiration"}]},{"@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\/3753","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=3753"}],"version-history":[{"count":16,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/3753\/revisions"}],"predecessor-version":[{"id":114231,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/3753\/revisions\/114231"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/48739"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=3753"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=3753"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=3753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}