众所周知,很多时候,由于很多有关部门的原因,HTML格式的电子邮件广告图片是不会主动显示的(没错,本E今天黑的就是Outlook)。结果你精心设计的邮件就变成了这样:
要不就这样:
目睹精心做的邮件被404NotFound了的设计师们的内心:
今天就由ExpertSender™的HTML大咖设计师——E条鱼带你们开车:
如果你的邮件中图片都被各种邮箱客户端或ISP (邮箱服务商) 不可名状了,作为营销人员的你到底该怎么做?
某邮件营销小白:老司机带带我,邮件本来就以信息承载量大著称,没图我说个毛线啊?
E条鱼大师:年轻人,你听说过一种我们人类恨之入骨的黑科技——马@赛@克吗?
某EDM经理:Masaic, 我英语八级日语十六级,肯定认识。可邮件图片被屏蔽和马赛克有什么关系呢,大师?
E条鱼大师:图可写实,亦可赛艇,不是,是亦可表形。我们拿被屏蔽的图片色块就可以解决问题。请上眼,并开脑洞猜猜看这是什么:
EDM经理抢答:M记巨无霸?
E条鱼大师:然也。
某EDM经理:E大师,您的话配这个图让我茅厕顿开啊(哦不,是矛盾侧开啊,果真“色即是图,图即是色”。
E条鱼大师:没错,屏蔽图片不要紧,因为还会剩下背景色,用图片的背景色我们可以组成马赛克图画一般的“表形简图”,这种艺术又叫做“像素画” 。(脑补不可描述的超级马里奥蹦起来顶了个大蘑菇并吃掉。)
下面让我们开启看图说话模式:
1. 乐高
↑【左】屏蔽【右】显示↑
乐高积木在解决图片未能在邮件中成功加载的问题时,把一个完整的图片拆分多个部分,并对每个部分设置补充文字说明”alt”和背景颜色”bg-color” 。即使图片未加载,也可通过这些预制文案、背景色块来向收件人传达营销创意。认为这样做不但没有降低营销效果,反而会激发收信人的好奇心,促使他们去点击链接或直接访问官网。
2. 麦当劳:
↑【左】屏蔽【右】显示↑
M记在向收件人发送新品上市邮件广告时,同样利用不同背景颜色的色块组合来表示可能被屏蔽的图片(两种冰咖灰)。多数情况下,当用户收到邮件后会意识到邮件中未加载的图片是两杯从未见过的饮品。因此,既可促收件人去主动加载图片了解新品,亦可让收件人回忆起以前收到的邮件广告中也可能错过了类似这样的创意。
3.哈维尼克尔斯百货(蹭IP的功力给打130分)
↑【左】屏蔽【右】显示↑
一般来说,收件人出于防范垃圾邮件的考虑,不会去手动加载邮件中的图片。但是哈维尼克尔斯充分利用了补充文字(”alt”),在图片未加载时就可以巧妙的显示邮件的主题。(E条鱼老师插话:多亏不是土库曼斯坦国旗。。。
4. 某pizza店(品名不详)
↑【左】屏蔽【右】显示↑
在邮件中使用大段的文字的结果就是太长不看。而为了激发收件人主动查看邮件中的图片,他们选择了才有不同颜色、水平排列的条纹来表示邮件中尚未加载的高脚杯。对于大多数收信人来说,他们都会主动的点开未被加载的图片,来查看这些条纹究竟代表了什么。所以,请充分利用表格table元素的背景颜色bg-color属性和其他属性来为自己的邮件增加趣味。
5. 最后擎天柱有话说
↑图片正常显示↑
在上图中,一款新游戏上线会完整的显示在我们面前。但是,如果收件箱中没有主动加载图片,你也会直观的看出这是一个汽车人【博派】的徽章(【狂派】捶胸)。这是PlayStationStore精心设计的一封邮件,也是一次成功的营销。此后,这封邮件在各大社交媒体上受到热议,所以它实际带来的效果和影响远远超过了这次邮件营销活动本身。
最后威震天也有话说:
Outlook你给我过来!
今天就到这里吧。