Buttons.cm电子邮件按钮在新的.html文档上不起作用

2022-04-05 00:00:00 email html-email html htmlbutton

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

我在一个全新的.html文档上使用了活动监视器-Bulletproof email buttons按钮生成器中的默认代码(如下)，但当我发送电子邮件时，它就不起作用了，按钮显示得很好，但您无法点击它。

该按钮在Chrome浏览器中运行完美，但似乎在其他地方不起作用？

我已经修改了一些代码，但老实说，我不确定从哪里开始，也找不到任何处于相同位置的人

也许这些按钮仅在CM活动中有效？

非常感谢您的帮助，Josh

此处代码：

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

<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>

解决方案

我觉得Button.cm按钮使用起来有点麻烦。下面是我在ACID上发现的电子邮件代码的重新散列，它在所有电子邮件客户端上都以同样的方式完美地工作，甚至在Outlook中也是如此。您可以使用全色按钮，也可以使用带边框的按钮。

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

<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>

优点是你不必在两个地方换车。

相关文章