如何使整个 Mailchimp 按钮可点击？答案

【问题标题】：How to make entire Mailchimp button clickable?如何使整个 Mailchimp 按钮可点击？
【发布时间】：2015-06-16 13:52:43
【问题描述】：

当您在 Mailchimp 模板上添加按钮时，只有按钮内的文本是可点击的。不知道他们为什么要这样设计……这有充分的理由吗？

如果没有，是否有一种简单的方法可以使整个按钮可点击...我考虑过创建一个按钮图像...并使其链接...但如果可能的话尽量避免这种情况。

【问题讨论】：

如果可能的话，您能否提供完整的代码，或者甚至只是按钮的代码？这样可以更轻松地查看问题所在，因为在 HTML 中可能会以多种不同的方式发生这种情况。
这有什么更新吗？无法使整个按钮可点击。

标签： html email mailchimp

【解决方案1】：

试试这篇文章和技术。 https://www.emailonacid.com/blog/details/C13/bulletproof_buttons_for_office_365_and_everything_else

我在任何地方都使用它，并且它可以用于 Outlook。一定要检查 cmets 以获取从最初提供的 sn-p 中发现一些怪癖的用户的任何提示。就像我关于将 stroke="f" 添加到 sn-p 以删除链接按钮上的默认笔触的评论。

【讨论】：

【解决方案2】：

让按钮完全可点击的最简单方法是使用 HTML 表格构建按钮并将表格包装在锚点中，如下所示：

<a href="http://www.website.com">
    <table border="0" width="">
        <tr>
            <td><span>Click Here</span></td>
        </tr>
    </table>
</a>

它在 HTML4 中无效，但在 HTML5 中有效，但 HTML 电子邮件中的大部分内容都不是有效的，所以我不担心。

这种方法的问题在于，在大多数（如果不是全部）HTML 电子邮件平台（例如 Mail Chimp 或 Campaign Monitor）中仍然难以编辑。发送电子邮件的非编码人员将不得不进入 HTML 视图来编辑电子邮件 - 这并不理想。

在 MailChimp 中，他们的编辑器破坏了父锚点，将其完全剥离。

在您选择的电子邮件平台中进行测试，这是一个简单的解决方案。

【讨论】：

Mailchimp 重新排列标签，以便将<a> 放入<td> :(