【问题标题】: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 重新排列标签,以便将&lt;a&gt; 放入&lt;td&gt; :(
    猜你喜欢
    • 2015-01-31
    • 2015-10-20
    • 1970-01-01
    • 1970-01-01
    • 2013-07-25
    • 2023-03-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多