html电子邮件签名中的按钮不可点击

Question

我正在尝试使用按钮为我的电子邮件签名下方的横幅创建一个漂亮的可点击界面。当我在上传之前运行它时它可以工作，但是在我上传它之后它停止运行。

    <button onclick="window.location.href = 'url';
       "style="background-color: #e1b53f;width: 136px;
        height: 75px;box-shadow:0px 2px 2px #d5ad4b;color: #000;
        margin:0px auto;padding: 0px;border-radius: 17px;
        font-family: 'garamond', palatino, serif;font-size: 17px;"><strong>View<br>Gulf 
        Coast<br>Homes</strong>
     </button>

我不确定这是代码错误，还是我的电子邮件提供商的 html 上传器有问题。

Answer 1

您使用 javascript 代码重定向通常 javascript 在电子邮件模板中不起作用

尝试通过添加如下锚标记来更改您的代码。

<a href="url">
      <button style="background-color: #e1b53f;width: 136px;
        height: 75px;box-shadow:0px 2px 2px #d5ad4b;color: #000;
        margin:0px auto;padding: 0px;border-radius: 17px;
        font-family: 'garamond', palatino, serif;font-size: 17px;">     
        <strong>
          View
          <br/>Gulf Coast
          <br/>Homes
        </strong>
      </button>
    </a>

Answer 2

如果您使用的电子邮件应用程序是 Outlook（或电话），则标记按钮将不起作用（也许其他电子邮件应用程序也是如此）。我建议您将按钮替换为锚标签并在其上应用按钮外观，如下所示：

<a href="url"
   style="-webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;   
   text-decoration: none; background-color: #e1b53f;width: 136px;
   height: 60px;box-shadow:0px 2px 2px #d5ad4b;color: #000;
   padding: 2px;border-radius: 17px;
   font-family: 'garamond', palatino, serif;font-size: 17px; text-align: center">
    <strong>
      View<br>Gulf Coast<br>Homes
    </strong>
</a>