{"id":3508,"date":"2017-09-21T18:22:40","date_gmt":"2017-09-21T18:22:40","guid":{"rendered":"http:\/\/freshinbox.com\/blog\/?p=3508"},"modified":"2017-11-08T22:12:39","modified_gmt":"2017-11-08T22:12:39","slug":"filmstrip-technique-interactive-email-in-the-android-gmail-app","status":"publish","type":"post","link":"https:\/\/freshinbox.com\/blog\/filmstrip-technique-interactive-email-in-the-android-gmail-app\/","title":{"rendered":"Filmstrip Technique: Interactive Email in The Android Gmail App"},"content":{"rendered":"<p><a href=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2017\/09\/filmstrip-h.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2017\/09\/filmstrip-h.png\" alt=\"filmstrip-h\" width=\"400\" height=\"200\" class=\"aligncenter size-full wp-image-3510\" srcset=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2017\/09\/filmstrip-h.png 400w, https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2017\/09\/filmstrip-h-300x150.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>Three of the biggest gripes about interactive email I hear (other than its a fad), is that interactive email is too complicated, its not supported in Gmail and that it won&#8217;t work in MailChimp. Here&#8217;s a technique that addresses all three!<\/p>\n<p><center><img decoding=\"async\" src=\"https:\/\/www.emailonacid.com\/images\/blog_images\/Emailology\/2017\/2017_filmstrip\/tabs-demo2.gif\" width=415 style=\"max-width:415px;width:100%;display:block;\"><\/p>\n<p><B><a href=\"https:\/\/freshinbox.com\/examples\/filmstrip\/\">View the example here.<\/a><\/B><BR><br \/>\n<\/center><\/p>\n<p>The core of the Filmstrip technique is that it leverages <a href=\"https:\/\/www.w3schools.com\/tags\/att_a_name.asp\" rel=\"noopener\" target=\"_blank\">named anchors<\/a> instead of radio buttons to drive the interactivity. You code all the states of an interactive email in a series of frames (like in a filmstrip) and then you place links in the frame that refer to named anchors associated with other frames. Then you wrap them inside a container that shows only a single frame. Its actually quite simple.  However it does come with a few shortcomings.<\/p>\n<p><a href=\"https:\/\/www.emailonacid.com\/blog\/article\/email-development\/introducing-the-filmstrip-interactive-email-technique\" rel=\"noopener\" target=\"_blank\">Read all about the pros and cons in the Email on Acid blog.<br \/>\n<\/a><\/p>\n<p><BR><BR><\/p>\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>\n","protected":false},"excerpt":{"rendered":"<p>Three of the biggest gripes about interactive email I hear (other than its a fad), is that interactive email is too complicated, its not supported in Gmail and that it won\u2019t work in MailChimp. Here\u2019s a technique that addresses all three!&#8230;<\/p>\n","protected":false},"author":2,"featured_media":3511,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,24,47],"tags":[],"_links":{"self":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3508"}],"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=3508"}],"version-history":[{"count":7,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3508\/revisions"}],"predecessor-version":[{"id":3517,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3508\/revisions\/3517"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/media\/3511"}],"wp:attachment":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/media?parent=3508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/categories?post=3508"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/tags?post=3508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}