您可能熟悉电子邮件倒计时器

。它们显示时钟正在向零走去,并且经常出现在促销即将结束的电子邮件中。最好趁还可以的时候买点东西!

这些计时器由 PHP 提供支持。当客户打开您的电子邮件时,将调用托管脚本。将当前时间与指定的销售结束时间进行比较,并生成动画倒计时 GIF 并将其插入电子邮件中。这个过程需要几毫秒。

需要明确的是,您没有在电子邮件中嵌入脚本。那是不可能的。相反,您通过图像引用将电子邮件引用到预先托管的脚本。

这就引发了一个问题:为什么将这种技术仅限于倒计时器?没有什么可以阻止我们使用 PHP 输出其他类型的图像。此外,可以向脚本提供参数,从而生成适合客户的内容。名字个性化从未如此出色!

带有客户姓名的个性化贺卡的图片
这是否符合个人风格?

但让我们坚持图表主题。我们已经做了一个 3D 条形图和一个 2D 条形图。馅饼怎么样?

PHP 可以绘制形状。其中一种形状是实心圆弧。我们可以将客户点发送到脚本,并通过一些简单的数学运算将其转换为旋转度数。添加一点技巧来实现 3D 效果,输出图像就完成了。

代表客户忠诚度积分的 3D 饼图
这就是 PHP 动态生成图像的真正魅力所在 – 电子邮件中需要包含的只是一个简单的图像参考。沿着这些思路:

 

警告:如果您要发送到大型邮件列表,请确保您的脚本存在于可以处理流量的服务器上!

数据与命运
此选项模糊了数据处理与内容,因此顺序很奇怪。但这是一种选择,而且它有效,甚至可能适合您的特定设置和数据流。

SQL 是数据语言。如果您有 SQL 进程将数据导入到您的电子邮件平台,那么您就 阿尔巴尼亚手机号码列表 可以使用该数据执行操作。例如,您可以根据客户的统计数据分配不同的内容。该内容可能是图像、某些文本或不同的链接。事实上几乎任何你喜欢的东西。

为图像引用和副本片段等项目创建多个额外字段是不切实际的。实用的是使用单个字段并使用 JSON 数据填充它。此语法允许在 SQL 阶段对多项信息进行分组,然后将其分成电子邮件中的可用内容。

到目前为止,这一切听起来有点干燥,所以我将用一个模型来演示它。毕竟,这篇文章是关于将信息转化为插图。

用仪表表示的客户忠诚度积分图像

 

手机号码清单

让我们来看看如何构建这样的内容。客户有忠诚度积分存档。在我们的 SQL 脚本中,我们检查这些点属于什么范围。然后从一组动画 GIF 中挑选相关图像。每个蓝色部分都有一个不同的 GIF。

224点是直接从原来的字段中拉出来的。伴随着“快到了!” 另一有一些要走!”。一点随机性可以为您的电子邮件提供一些受欢迎的多样性。

最后,按钮链接根据客户的会员级别指向不同的页面。休闲购物者可以转到一个页面,而大手笔的消费者则可以转到另一个页面。

SQL 是用于分段邮件列表的强大工具,但通过一些前瞻性规划,它可以兼作有效的动态内容系统。

CSS 魔法
客观地说,这可能不是“最好”的选择,但它无疑是我最喜欢的。现代 CSS 是一种极其通用的技术,可以实现流畅的动画和效果。通过一些实验、一些计算和一些试错,您可以真正突破电子邮件设计的界限。

不幸的是,并非所有电子邮件服务都相信魔法。对于世界上非 iPhone Mail、非 Apple Mail 和非三星用户,您需要提供一些后备内容。这可以而且应该是上述其他得到广泛支持的方法之一。

这是我通过 CSS 将数据转换为图像的示例。

代表客户忠诚度积分的动画弧
这是 GIF 格式的屏幕录制。相信我,真正的东西是丝般光滑的。

让我们看看它是如何工作的:

有一个圆盘形状,使用 CSS 渐变将颜色设置为 50% 蓝色和 50% 灰色。
有几个全白形状的遮罩可以创造出弧形的错觉。
CSS 关键帧动画根据获得的点数旋转弧线。
显示弧线构建方式的幕后图表
但分数如何转化为度数呢?这就是 CSS 的 calc(ulation) 函数发挥作用的地方。

transform: rotate(calc((200 / 250) * 180deg

客户已获得 250 分中的 200 分。200 除以 250 是 0.8。弧线跨越 180 度可见度,这就是我们的运动范围。180 乘以 0.8 等于 144。这就是弧线将为该特定客户转动的度数。当然,积分会从客户的记录中动态输入,从而为每个人提供自己的像素完美变化。

该项目仅需要 3KB 的代码,并且不需要外部图像文件 – 它完全是独立的。考虑 中文名录 到后备内容,我们将其称为另一个 3KB(这很慷慨)。总共有 6 KB。这是电子邮件 100 Kb 代码限制中非常可接受的部分。

准备好尝试了吗?
电子邮件营销就是要快速、清晰地传达信息。有目的的图像有助于实现这一目标。

 

所有这些对文件大小的影响可以忽略不计。即使是 CSS,代码量最大的选项,也几乎没有什么影响。没有什么可失去的,也没有什么可以得到的。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注