{"id":5997,"date":"2017-01-10T18:27:56","date_gmt":"2017-01-10T12:57:56","guid":{"rendered":"https:\/\/email.uplers.com\/blogs\/?p=5997"},"modified":"2020-08-08T18:07:12","modified_gmt":"2020-08-08T12:37:12","slug":"mailable-microsites-bq-carousel-email","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/","title":{"rendered":"Mailable Microsites I \u2013 How B&#038;Q clinched it with Carousel in Email"},"content":{"rendered":"<p>Mailable microsites are the next big thing for sure as far as <a href=\"https:\/\/email.uplers.com\/\">email marketing<\/a> is concerned. From eCommerce businesses to home d\u00e9cor retailers, everyone seems to be catching the gravy train.<\/p>\n<p><strong>B&amp;Q<\/strong>, UK\u2019s leading home improvement and garden living retailer, was one of the pioneers who comprehended the shift in the wind and adapted to mailable microsites &#8211; giving static email a well-deserved break. By using <a href=\"https:\/\/email.uplers.com\/collapsible-carousel-in-email\/\" target=\"_blank\" rel=\"noopener noreferrer\">carousel in email<\/a>, the brand has stepped into the world of modern emails.<!--HubSpot Call-to-Action Code --><span id=\"hs-cta-wrapper-2bfb984a-a389-448f-84ec-c2c3f1960a14\" class=\"hs-cta-wrapper\"><span id=\"hs-cta-2bfb984a-a389-448f-84ec-c2c3f1960a14\" class=\"hs-cta-node hs-cta-2bfb984a-a389-448f-84ec-c2c3f1960a14\"><!-- [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>Uplers carried out an in-depth study of B&amp;Q\u2019s shift from static emails to mailable microsites and uncover how the shift has improved the user experience manifold.<\/p>\n<p>Let\u2019s start with what they used to do earlier.<\/p>\n<h3>Static Email from B&amp;Q (sent in the year 2013)<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9329 size-full\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/11\/Jan-BQ-static-email-example-234x1024-2.jpg\" alt=\"JBQ-static-email-example\" width=\"234\" height=\"1024\" \/><\/p>\n<h4>Breaking up the static email to analyze the details\u2026<\/h4>\n<ul>\n<li>There are 9 primary horizontal sections, covering all that the marketer wants to display.<\/li>\n<li>The email is lengthy, forcing the reader to scroll down to see all the sections.<\/li>\n<li>With too many images used to highlight too many things, the hero image loses its charm among the other images.<\/li>\n<li>A subscriber views all the sections as he\/she scrolls down &#8211; whether they are interested or not.<\/li>\n<\/ul>\n<p><em>Now, while there is nothing majorly wrong with this static email, let us see how the <strong>use of carousels<\/strong> made their recent email more engaging and informative.<\/em><\/p>\n<h3>Mailable Microsite from B&amp;Q with carousel navigation (sent in the year 2015)<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9330 size-full\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/11\/Jan-BQ-carousel-in-email-example-2.gif\" alt=\"BQ-carousel-in-email-example\" width=\"663\" height=\"731\" \/><\/p>\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<h4>Breaking up the interactive email to analyze the details\u2026<\/h4>\n<ul>\n<li>The carousel makes the email short, cutting down the effort to scroll.<\/li>\n<li>In spite of the length, the email succeeds in providing more content, in a stacked up manner.<\/li>\n<li>Subscriber can click on whatever interests them and get the details; no need to view every section, thus improving user experience.<\/li>\n<li>All the pictures used are equally attractive, grabbing the attention of the subscriber.<br \/>\nThe interactivity in the email makes it more engaging.<\/li>\n<li>The concise navigation helps in producing quicker actions and conversions especially because more the steps needed to get information or make a purchase, lesser is the engagement.<\/li>\n<\/ul>\n<p>The shift from static to mailable microsites undoubtedly makes for an awesome experience not just for B&amp;Q but also its subscribers. Their email looks modern, creative and of great value &#8211; what with so much content in such a small email. <a href=\"https:\/\/email.uplers.com\/interactive-email-design-elements\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Less is indeed MORE!<\/em><\/a><\/p>\n<p>In the earlier days, it needed JavaScript to create browsable email content. Unfortunately, security concerns pulled down this idea very soon. But the advent of <a href=\"https:\/\/email.uplers.com\/psd-to-email-html-conversion-service\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS3 and HTML5<\/a> in email now helps to create carousels just like the ones on websites.<\/p>\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>What marketers need to be aware of here is email clients\u2019 support. Fortunately, many <a href=\"https:\/\/email.uplers.com\/infographics\/email-client-hacks\/\">email clients<\/a> support CSS, thus presenting email marketers with the opportunity to explore the option of mailable microsites. And for those who don\u2019t support a particular element, a fallback design becomes a must, just to make sure you don\u2019t spoil the user experience.<\/p>\n<p>Have you tried a carousel in email? If no, now is the right time!<br \/>\n<span id=\"hs-cta-wrapper-bf40a1a9-e2b2-4d10-9535-d811b329efb2\" class=\"hs-cta-wrapper\"><span id=\"hs-cta-bf40a1a9-e2b2-4d10-9535-d811b329efb2\" class=\"hs-cta-node hs-cta-bf40a1a9-e2b2-4d10-9535-d811b329efb2\"><br \/>\n<\/span><\/span><br \/>\n<!-- end HubSpot Call-to-Action Code --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mailable microsites are the next big thing for sure as far as email marketing is concerned. From eCommerce businesses to home d\u00e9cor retailers, everyone seems to be catching the gravy train. B&amp;Q, UK\u2019s leading home improvement and garden living retailer, was one of the pioneers who comprehended the shift in the wind and adapted to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":16461,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[381],"tags":[583,32,182],"class_list":["post-5997","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-design","tag-carousel-in-email","tag-email-design","tag-mailable-microsites"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mailable Microsites: How B&amp;Q clinched it with Carousel in Email<\/title>\n<meta name=\"description\" content=\"Mailable microsites are causing a stir in the email marketing world. Here is how B&amp;Q used carousel in their email to win their subscribers\u2019 hearts.\" \/>\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\/mailable-microsites-bq-carousel-email\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mailable Microsites: How B&amp;Q clinched it with Carousel in Email\" \/>\n<meta property=\"og:description\" content=\"Mailable microsites are causing a stir in the email marketing world. Here is how B&amp;Q used carousel in their email to win their subscribers\u2019 hearts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/\" \/>\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-01-10T12:57:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-08T12:37:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/01\/Mailable-Microsites-How-BQ-used-carousal-in-email-1-540x282.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"282\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/\",\"name\":\"Mailable Microsites: How B&Q clinched it with Carousel in Email\",\"isPartOf\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/01\/Mailable-Microsites-How-BQ-used-carousal-in-email-1.gif\",\"author\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\"},\"description\":\"Mailable microsites are causing a stir in the email marketing world. Here is how B&Q used carousel in their email to win their subscribers\u2019 hearts.\",\"breadcrumb\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/#primaryimage\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/01\/Mailable-Microsites-How-BQ-used-carousal-in-email-1.gif\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/01\/Mailable-Microsites-How-BQ-used-carousal-in-email-1.gif\",\"width\":\"1170\",\"height\":\"428\",\"caption\":\"Mailable-Microsites\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/email.uplers.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mailable Microsites I \u2013 How B&#038;Q clinched it with Carousel in Email\"}]},{\"@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":"Mailable Microsites: How B&Q clinched it with Carousel in Email","description":"Mailable microsites are causing a stir in the email marketing world. Here is how B&Q used carousel in their email to win their subscribers\u2019 hearts.","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\/mailable-microsites-bq-carousel-email\/","og_locale":"en_US","og_type":"article","og_title":"Mailable Microsites: How B&Q clinched it with Carousel in Email","og_description":"Mailable microsites are causing a stir in the email marketing world. Here is how B&Q used carousel in their email to win their subscribers\u2019 hearts.","og_url":"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/","og_site_name":"Email Uplers","article_publisher":"https:\/\/www.facebook.com\/email.uplers\/","article_published_time":"2017-01-10T12:57:56+00:00","article_modified_time":"2020-08-08T12:37:12+00:00","og_image":[{"width":540,"height":282,"url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/01\/Mailable-Microsites-How-BQ-used-carousal-in-email-1-540x282.gif","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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/","url":"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/","name":"Mailable Microsites: How B&Q clinched it with Carousel in Email","isPartOf":{"@id":"https:\/\/email.uplers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/#primaryimage"},"image":{"@id":"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/#primaryimage"},"thumbnailUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/01\/Mailable-Microsites-How-BQ-used-carousal-in-email-1.gif","author":{"@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa"},"description":"Mailable microsites are causing a stir in the email marketing world. Here is how B&Q used carousel in their email to win their subscribers\u2019 hearts.","breadcrumb":{"@id":"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/#primaryimage","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/01\/Mailable-Microsites-How-BQ-used-carousal-in-email-1.gif","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/01\/Mailable-Microsites-How-BQ-used-carousal-in-email-1.gif","width":"1170","height":"428","caption":"Mailable-Microsites"},{"@type":"BreadcrumbList","@id":"https:\/\/email.uplers.com\/blog\/mailable-microsites-bq-carousel-email\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/email.uplers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Mailable Microsites I \u2013 How B&#038;Q clinched it with Carousel in Email"}]},{"@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\/5997","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=5997"}],"version-history":[{"count":24,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/5997\/revisions"}],"predecessor-version":[{"id":21563,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/5997\/revisions\/21563"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media\/16461"}],"wp:attachment":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media?parent=5997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/categories?post=5997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/tags?post=5997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}