{"id":7179,"date":"2017-03-24T19:01:46","date_gmt":"2017-03-24T13:31:46","guid":{"rendered":"https:\/\/email.uplers.com\/blogs\/?p=7179"},"modified":"2020-08-08T16:36:23","modified_gmt":"2020-08-08T11:06:23","slug":"collapsible-carousel-emails","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/","title":{"rendered":"Surprise your Subscribers with Collapsible Carousel in Emails"},"content":{"rendered":"<p>There are always a few gallant email marketers who refuse to stay inside the box and are always game for experimenting with the email template design. These are the guys who innovate and create the most amazing designs that, over the time, become TRENDS.<\/p>\n<p><a href=\"https:\/\/email.uplers.com\/collapsible-carousel-in-email\/\" target=\"_blank\" rel=\"noopener noreferrer\">Collapsible carousel<\/a> is one such innovation. You might be aware of a carousel. A Collapsible carousel is a sweet amalgamation of carousel and <a href=\"https:\/\/email.uplers.com\/accordion-in-email\/\" target=\"_blank\" rel=\"noopener noreferrer\">accordion<\/a>.<\/p>\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-17429 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/email-template-production-services\/\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"192\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/Email-template-production-768x192-1.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/Email-template-production-768x192-1.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/Email-template-production-768x192-1-300x75.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/Email-template-production-768x192-1-624x156.jpg 624w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/div><\/div>\n<p><!--HubSpot Call-to-Action Code --><span id=\"hs-cta-wrapper-4567639e-78d8-4779-ae7a-2165d71167cb\" class=\"hs-cta-wrapper\"><span id=\"hs-cta-4567639e-78d8-4779-ae7a-2165d71167cb\" class=\"hs-cta-node hs-cta-4567639e-78d8-4779-ae7a-2165d71167cb\"><!-- [if lte IE 8]>\n\n\n<div id=\"hs-cta-ie-element\"><\/div>\n\n\n<![endif]--><\/span><\/span><!-- end HubSpot Call-to-Action Code --><\/p>\n<p>We know that hiding content inside tabs is a good way to provide maximum information in as little space as possible. Both Accordion and Carousel are graphical control elements and play the same role of stacking up content, saving the trouble of scrolling down through a lengthy email. While information can be vertically stacked up in a carousel, an accordion helps to stack it horizontally. So basically, you can add even more content and still maintain the length of your email. Voila, a double advantage!<\/p>\n<p>Check out this sample email template created by the Uplers\u00a0 to get an understanding of how it works:<\/p>\n<p>Slide 1, Slide 2 and Slide 3 Tabs function as the carousel where the columned information changes from tab to tab. Inside each tab, the accordion opens and each accordion (the horizontal arrangement), when clicked, further opens up details of that particular point.<\/p>\n<hr \/>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-16452 size-full\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/Collapsible-Carousel-1.jpg\" alt=\"Collapsible-Carousel\" width=\"697\" height=\"965\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/Collapsible-Carousel-1.jpg 697w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/Collapsible-Carousel-1-217x300.jpg 217w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/Collapsible-Carousel-1-101x140.jpg 101w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/Collapsible-Carousel-1-624x864.jpg 624w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\" \/><\/p>\n<hr \/>\n<p>A collapsible carousel not only takes interactivity to the next level but also provides convenience to the email recipient. The recipient will click on only those deals\/ services that they are interested in and know the details. It thus encourages engagement and enhances the chances of conversions.<\/p>\n<h3><strong>ADVANTAGES at a glance<\/strong><\/h3>\n<ul>\n<li>It makes the email layout interactive.<\/li>\n<li>It presents the content in a collapsible menu, covering less height in a template.<\/li>\n<li>Recipients can click on what they are interested and are saved of the discomfort of scrolling.<\/li>\n<\/ul>\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-17419 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/interactive-email-templates\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"200\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/07\/rich-media.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/07\/rich-media.jpg 800w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/07\/rich-media-300x75.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/07\/rich-media-768x192.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/07\/rich-media-624x156.jpg 624w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/div><\/div>\n<h3><strong>How various Industries can make the most of this interactive email element<\/strong><\/h3>\n<ul>\n<li>Ecommerce websites can showcase more categories, products (with specifications).<\/li>\n<li>Banks can promote various investment plans by dividing them into categories, plans and details of the plan.<\/li>\n<li>Automobile companies can display their car models by dividing them into categories in the carousel, models in the accordion and features of the model inside the accordion.<\/li>\n<li>Tour &amp; Travel companies can share their newly launched travel packages. Try putting destinations in the carousel tabs, various offers associated with that destination as the accordion list titles and details of the offer inside the accordion.<\/li>\n<\/ul>\n<h3><strong>Compatibility Tales<\/strong><\/h3>\n<p>This <a href=\"https:\/\/email.uplers.com\/interactive-email-design-elements\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color: #3366ff;\">interactive email<\/span><\/a> element is supported by the following email clients:<\/p>\n<ul>\n<li>Apple mail, AOL, all native apps, iPad<\/li>\n<li>Outlook configuration with Mac iOS<\/li>\n<\/ul>\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-17420 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/portfolio\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"200\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/07\/sample-email-template-NL-LP.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/07\/sample-email-template-NL-LP.jpg 800w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/07\/sample-email-template-NL-LP-300x75.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/07\/sample-email-template-NL-LP-768x192.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/07\/sample-email-template-NL-LP-624x156.jpg 624w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/div><\/div>\n<p>For rest of the email clients, who do not support this interactive email element, you need to provide a fallback in the form of alt text and alt tags.<\/p>\n<p>So, would you be trying a collapsible carousel in your next <a href=\"https:\/\/email.uplers.com\/email-marketing-campaign-management-services\/\" target=\"_blank\" rel=\"noopener noreferrer\">email campaign<\/a>?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are always a few gallant email marketers who refuse to stay inside the box and are always game for experimenting with the email template design. These are the guys who innovate and create the most amazing designs that, over the time, become TRENDS. Collapsible carousel is one such innovation. You might be aware of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7181,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[381],"tags":[694,695],"class_list":["post-7179","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-design","tag-collapsible-carousel-in-email","tag-interactive-emails"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Collapsible Carousel in Email<\/title>\n<meta name=\"description\" content=\"A Collapsible carousel is a sweet amalgamation of carousel &amp; accordion. It presents the content in a collapsible menu, covering less height. Know more. it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Collapsible Carousel in Email\" \/>\n<meta property=\"og:description\" content=\"A Collapsible carousel is a sweet amalgamation of carousel &amp; accordion. It presents the content in a collapsible menu, covering less height. Know more. it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/\" \/>\n<meta property=\"og:site_name\" content=\"Email Uplers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/email.uplers\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-24T13:31:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-08T11:06:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/collapsible-carousel-1170X428-GIF.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"198\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Kevin George\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:site\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kevin George\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/\",\"name\":\"Collapsible Carousel in Email\",\"isPartOf\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/collapsible-carousel-1170X428-GIF.gif\",\"author\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\"},\"description\":\"A Collapsible carousel is a sweet amalgamation of carousel & accordion. It presents the content in a collapsible menu, covering less height. Know more. it.\",\"breadcrumb\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/#primaryimage\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/collapsible-carousel-1170X428-GIF.gif\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/collapsible-carousel-1170X428-GIF.gif\",\"width\":\"1170\",\"height\":\"428\",\"caption\":\"Collapsible carousel in email\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/email.uplers.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Surprise your Subscribers with Collapsible Carousel in Emails\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\",\"url\":\"https:\/\/email.uplers.com\/blog\/\",\"name\":\"Email Uplers\",\"description\":\"Email Marketing Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/email.uplers.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\",\"name\":\"Kevin George\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png\",\"caption\":\"Kevin George\"},\"description\":\"Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/kevin-george-email\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Collapsible Carousel in Email","description":"A Collapsible carousel is a sweet amalgamation of carousel & accordion. It presents the content in a collapsible menu, covering less height. Know more. it.","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:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/","og_locale":"en_US","og_type":"article","og_title":"Collapsible Carousel in Email","og_description":"A Collapsible carousel is a sweet amalgamation of carousel & accordion. It presents the content in a collapsible menu, covering less height. Know more. it.","og_url":"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/","og_site_name":"Email Uplers","article_publisher":"https:\/\/www.facebook.com\/email.uplers\/","article_published_time":"2017-03-24T13:31:46+00:00","article_modified_time":"2020-08-08T11:06:23+00:00","og_image":[{"url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/collapsible-carousel-1170X428-GIF.gif","width":540,"height":198,"type":"image\/gif"}],"author":"Kevin George","twitter_card":"summary_large_image","twitter_creator":"@email_uplers","twitter_site":"@email_uplers","twitter_misc":{"Written by":"Kevin George","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/","url":"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/","name":"Collapsible Carousel in Email","isPartOf":{"@id":"https:\/\/email.uplers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/#primaryimage"},"image":{"@id":"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/#primaryimage"},"thumbnailUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/collapsible-carousel-1170X428-GIF.gif","author":{"@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa"},"description":"A Collapsible carousel is a sweet amalgamation of carousel & accordion. It presents the content in a collapsible menu, covering less height. Know more. it.","breadcrumb":{"@id":"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/#primaryimage","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/collapsible-carousel-1170X428-GIF.gif","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/collapsible-carousel-1170X428-GIF.gif","width":"1170","height":"428","caption":"Collapsible carousel in email"},{"@type":"BreadcrumbList","@id":"https:\/\/email.uplers.com\/blog\/collapsible-carousel-emails\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/email.uplers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Surprise your Subscribers with Collapsible Carousel in Emails"}]},{"@type":"WebSite","@id":"https:\/\/email.uplers.com\/blog\/#website","url":"https:\/\/email.uplers.com\/blog\/","name":"Email Uplers","description":"Email Marketing Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/email.uplers.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa","name":"Kevin George","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png","caption":"Kevin George"},"description":"Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.","sameAs":["https:\/\/www.linkedin.com\/in\/kevin-george-email\/"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/7179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/comments?post=7179"}],"version-history":[{"count":24,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/7179\/revisions"}],"predecessor-version":[{"id":21532,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/7179\/revisions\/21532"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media\/7181"}],"wp:attachment":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media?parent=7179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/categories?post=7179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/tags?post=7179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}