html - CTA 按钮设计与 HTML

Question

我希望你能帮助我。 CTA Button我用于我的电子邮件目前仅当您单击文本时才可单击。我正在尝试使整个框可点击。

我的 CTA 按钮的当前 HTML 代码是:

<table border="0" cellpadding="0" cellspacing="0" class="button" style="border-collapse: collapse; mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%">
    <tbody class="button">
        <tr>
            <td align="center" class="button" style="padding:10px 50px; mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" valign="top">
            <table border="0" cellpadding="0" cellspacing="0" class="button" style="border-collapse: separate !important;border: 0px none;border-radius: 7px;background-color: #cb673d;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%">
                <tbody>
                    <tr>
                        <td align="center" class="button" style="font-family: verdana;font-size: 12px;padding: 15px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" valign="middle"><a class="button" href="*http://www.mywebsite.com*" style="font-weight: bold;letter-spacing: .5px;line-height: 100%;text-align: center;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;text-decoration:none;color: #EFEFEF;" target="_blank">Submit your application</a></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>

为了使整个 CTA 按钮可点击，我应该更改什么？非常感谢您的帮助。

露西尔

Answer 1

你应该这样做:

<table border="0" cellpadding="0" cellspacing="0" class="button" style="border-collapse: collapse; mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%">
    <tbody class="button">
        <tr>
            <td align="center" class="button" style="padding:10px 50px; mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" valign="top">
                <table border="0" cellpadding="0" cellspacing="0" class="button" style="border-collapse: separate !important;border: 0px none;border-radius: 7px;background-color: #cb673d;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%">
                    <tbody>
                        <tr>
                            <td align="center" class="button" style="font-family: verdana;font-size: 12px;padding: 15px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;padding: 0;" valign="middle"><a class="button" href="*http://www.mywebsite.com*" style="font-weight: bold;letter-spacing: .5px;line-height: 100%;text-align: center;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;text-decoration:none;color: #EFEFEF;display: block;width: 100%;height: 100%;padding: 15px;text-align:center;" target="_blank">Submit your application</a></td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>