button.cm 电子邮件按钮不适用于新的 .html 文档答案

【问题标题】：buttons.cm email buttons not working on fresh .html documentbutton.cm 电子邮件按钮不适用于新的 .html 文档
【发布时间】：2020-04-27 01:39:07
【问题描述】：

我正在尝试设置一个带有按钮作为主要链接的 html 电子邮件模板

我使用了来自 Campaign Monitor - Bulletproof email buttons 按钮生成器的默认代码，用于一个全新的 .html 文档（如下发布），但是当我发送电子邮件它不起作用，按钮显示完美但您无法单击它。

该按钮在 chrome 浏览器中表现完美，但似乎在其他任何地方都不起作用？

我弄乱了一些代码，但老实说不知道从哪里开始，找不到任何处于相同位置的人

也许这些按钮只能在 CM 广告系列中使用？

非常感谢任何帮助，乔希

代码在这里：

<html>

<head>
<title>Email button test</title>
</head>

<body>

<table>
  <tr>
    <td>
      <div><!--[if mso]>
      	  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="10%" strokecolor="#1e3650" fill="t">
          <v:fill type="tile" src="https://i.imgur.com/0xPEf.gif" color="#556270" />
          <w:anchorlock/>
          <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">Show me the button!</center>
        </v:roundrect>
      <![endif]--><a href="https://"
      style="background-color:#556270;background-image:url(https://i.imgur.com/0xPEf.gif);border:1px solid #1e3650;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;mso-hide:all;">Show me the button!</a></div>
    </td>
  </tr>
</table>

</body>

</html>

【问题讨论】：

标签： html email html-email htmlbutton

【解决方案1】：

我发现 button.cm 按钮有点难以使用。下面是我在酸性电子邮件上找到的代码的重新哈希，它在所有电子邮件客户端上都以相同的方式完美运行，即使在 Outlook 中也是如此。您可以使用全彩按钮或带边框的按钮。

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
    <tr>
        <td style="font-family: sans-serif; font-size: 14px; vertical-align: top; background-color: #3498db; border-radius: 0px; text-align: center;" valign="top" bgcolor="#3498db" align="center"> <a href="#" target="_blank" style="display: inline-block; color: #ffffff; background-color: #3498db; border: solid 1px #3498db; border-radius: 0px; box-sizing: border-box; cursor: pointer; text-decoration: none; font-size: 14px; font-weight: bold; margin: 0; padding: 12px 25px; text-transform: capitalize; border-color: #3498db;" title="Click here to start survey">Start survey</a> </td>
    </tr>
</table>

优点是您不必在两个地方进行更改。

【讨论】：