解按钮类型和优势是改善电子邮件营销活动的关键。现在,让我们讨论一下它们的实际影响。
按钮。为什么我们选择这种布局方法
为什么 HTML 电子邮件按钮很重要?
在电子邮件营销中,没有什么是微不足道的。HTML 电子邮件按钮可能看起来微不足道,但它们会影响参与度并创造积极的用户体验。如何?
精心制作的 CTA 按钮可以增加点击量371%并提高销售额 1617%。
对比色、清晰的文本信息和增大的字体使电子邮件按钮脱颖而出,并激励收件人完成操作。
除了外观之外,HTML 按钮还可以使电子邮件更易于浏览,并且通常可以拆分冗长的文本。举个例子可能更有说服力。
您是否注意到下面的屏幕截图中两次使用了“Explore Adventure Fix GO”短语?没错!第一次,它在文本中被提及,第二次,它作为按钮文本。
具有放大字体和突出效果的 CTA 按钮示例
(来源:Adventure Fix 的电子邮件)
一开始我只在按钮上注意到了这一点 — 仔细 新加坡电话号码数据 阅读文本后我才意识到它是重复的!按钮的强大功能和引人注目之处就在于此。
按钮信息总是能吸引眼球,因此精心设计的电子邮件按钮不仅仅是一个元素,而是一个工具。我建议我们转到设计,看看是什么让一些按钮变得很棒。
设计 HTML 电子邮件按钮
制作按钮既是一门科学,也是一门艺术。它们必 提供了更实惠的入门级定 须可用、可访问、加载速度快且美观。虽然 HTML 按钮的外观可能是最先吸引眼球的东西,但可访问性让它适合所有人。
未针对屏幕阅读器或残障人士进行调整的电子邮件按钮会从上下文中消失并让人不知所措。这就是为什么我们将讨论的下一个主题是可访问性。
无障碍设施
可访问性允许所有收件人(包括视障用户和使用屏幕阅读器的收件人)与电子邮件进行交互。
根据Web 内容可访问性指南,创建电子邮件内容时需要考虑以下几点:
你可能还会喜欢
数字无障碍诉讼 – 无法访问的内容如何让主要品牌损失数百万美元
数字无障碍诉讼:无法访问的内容如何让大品牌损失数百万美元
颜色选择
我先从色彩心理学开始。你知道吗,红色作 购买线索 为背景色,被认为具有很高的影响力?它与权力有关,所以下面的电子邮件按钮立刻促使我点击。它的对比度为5.63,也使其在视觉上易于识别。
敦促采取行动的红色电子邮件按钮示例
(来源:New Balance 的电子邮件)
辅助技术应该能够仅使用文本来定义按钮的用途。
如果您的 HTML 按钮是动画,则它在一秒钟内不能闪烁超过三次。
电子邮件按钮及其文本颜色的最小对比度为 4.5:1。
整个按钮的最小尺寸为 24 × 24 CSS 像素。
布局元素(包括按钮)必须能够通过键盘完全操作。
好消息是,如果您使用 Stripo 创建模板,则所有内容(包括电子邮件按钮)都可以访问。如果您使用其他工具或使用 HTML 编辑器,请在我们转到设计技巧时记住这些要点。