{"id":2820,"date":"2016-03-24T14:18:59","date_gmt":"2016-03-24T14:18:59","guid":{"rendered":"http:\/\/freshinbox.com\/blog\/?p=2820"},"modified":"2016-03-25T01:43:05","modified_gmt":"2016-03-25T01:43:05","slug":"email-carousel-hp-envy-bnq","status":"publish","type":"post","link":"https:\/\/freshinbox.com\/blog\/email-carousel-hp-envy-bnq\/","title":{"rendered":"Interactive Carousels in Email: HP ENVY &#038; B&#038;Q Outdoor Furniture"},"content":{"rendered":"<p><a href=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2016\/03\/hp-bnq-carousel.jpg\"><img decoding=\"async\" src=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2016\/03\/hp-bnq-carousel.jpg\" alt=\"hp-bnq-carousel\" width=\"600\" class=\"aligncenter size-full wp-image-2831\" srcset=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2016\/03\/hp-bnq-carousel.jpg 740w, https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2016\/03\/hp-bnq-carousel-300x196.jpg 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/a><BR><\/p>\n<p>This week we were treated to not one but TWO campaigns featuring image carousels and I&#8217;m especially excited about both of these campaigns  for reasons I&#8217;ll explain below.<BR><BR><\/p>\n<div style=\"max-width:400px;margin:0 auto;padding:10px;border:1px solid #888888;text-align:center;\">\n<b>Try out the <a href=\"https:\/\/freshinbox.com\/resources\/tools\/carousel\/\">Image Carousel for Email Builder<\/a><\/b>\n<\/div>\n<p><BR><BR><\/p>\n<h4>HP ENVY All-in-One PC Carousel<\/h4>\n<p><BR><a href=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2016\/03\/hp-carousel4.gif\"><img decoding=\"async\" src=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2016\/03\/hp-carousel4.gif\" alt=\"hp-carousel4\" width=\"404\" class=\"aligncenter size-full wp-image-2839\" \/><\/a><\/p>\n<p><center><a href=\"http:\/\/codepen.io\/freshinbox\/pen\/Wwjggd\">View email source<\/a><\/center><\/p>\n<p>HP sent an email containing an image carousel that featured their curved all-in-one PC. <a href=\"http:\/\/twitter.com\/ericlepetitsf\">Eric Lepetit<\/a> of Nest noticed that the carousel was developed by <a href=\"https:\/\/www.rebelmail.com\/\">RebelMail<\/a> which is famous for their in-email shopping cart solution.  <\/p>\n<p>What&#8217;s cool about this campaign is that unlike a lot of other <a href=\"https:\/\/freshinbox.com\/blog\/the-dawn-of-kinetic-email\/\">kinetic<\/a> campaigns, this one worked in Webmail(Yahoo! Mail &#038; Gmail) as well &#8211; which means a lot more recipients were able to enjoy the interactive experience.<\/p>\n<p>The carousel also leverages animation and transitions when viewed in a more capable client such as the iPhone where the carousel would cycle through the images automatically.<\/p>\n<p>For Outlook and the Gmail app, the carousel falls back to a single static image without the thumbnails.<BR><BR><\/p>\n<h4>B&#038;Q Outdoor Furniture Carousel<\/h4>\n<p><BR><\/p>\n<p><a href=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2016\/03\/bnq-carousel2.gif\"><img decoding=\"async\" src=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2016\/03\/bnq-carousel2.gif\" alt=\"bnq-carousel2\" width=\"472\" class=\"aligncenter size-full wp-image-2834\" \/><\/a><\/p>\n<p><center><a href=\"http:\/\/codepen.io\/freshinbox\/pen\/eZWLwX\">View email source<\/a><BR><i>(Use a webkit browser like Chrome or Safari)<\/i><\/center><\/p>\n<p>I&#8217;m very excited about this <a href=\"http:\/\/www.diy.com\/\">B&amp;Q<\/a> campaign featuring an image carousel of their outdoor furniture because Nick from from <a href=\"http:\/\/waxmedia.co.uk\/\">Wax Media<\/a>, the developer of the email, reached out to me when developing this email letting me know that they got their inspiration from my <a href=\"https:\/\/freshinbox.com\/resources\/tools\/carousel\/\">email carousel tool<\/a>!<\/p>\n<p>They added their own enhancements to the carousel such as having the thumbnails appear larger in mobile, using separate thumbnails and images in the carousel and incorporating an animated gif as fallback.<BR><BR><\/p>\n<h4>Come across any cool kinetic campaigns?<\/h4>\n<p>Like I said at the start, I&#8217;m really psyched that more campaigns are incorporating interactive elements and if you come across a cool email that uses these tricks, let me know!<\/p>\n<p><BR><BR><BR><br \/>\n<div style=\"padding:10px; border: 2px solid #99C731;background-color:#FFF8DC;border-radius:5px;\">\n<form action=\"https:\/\/freshinbox1.createsend.com\/t\/i\/s\/adrmi\/\" method=\"post\" id=\"subForm\">\n<span class=\"fisub_header\" style=\"font-weight:bold;\">Subscribe to the #EmailGeeks Newsletter<\/span>\n<p><input id=\"fieldEmail\" name=\"cm-adrmi-adrmi\" type=\"email\" style=\"width:90%\" required placeholder=\"Your Email Address\" \/><\/p>\n<p><button type=\"submit\">Subscribe<\/button><\/p>\n<\/form>\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week we were treated to not one but TWO campaigns featuring image carousels and I&#8217;m especially excited about both of these campaigns  for reasons I&#8217;ll explain below&#8230;<\/p>\n","protected":false},"author":2,"featured_media":2849,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,47],"tags":[],"_links":{"self":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/2820"}],"collection":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/comments?post=2820"}],"version-history":[{"count":23,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/2820\/revisions"}],"predecessor-version":[{"id":2850,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/2820\/revisions\/2850"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/media\/2849"}],"wp:attachment":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/media?parent=2820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/categories?post=2820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/tags?post=2820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}