首页 > 解决方案 > Campaign Monitor for Outlook 中的自定义电子邮件模板

问题描述

如何解决自定义 html 模板中的 Outlook 问题。我目前拥有的:

<table cellpadding="0" cellspacing="0" width="700" align="center">
          <tr>
            <td style="width:100%;display:block;" align="left">
              <!--[if mso]>
                <v:rect 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:170px;" strokecolor="#ce162e" fillcolor="#ffffff">
                <w:anchorlock/>
                <center>
                <singleline label='Button Title'>Read More</singleline>
                </center>
                </v:rect>
                <![endif]-->
              <a href="https://" style="border:2px solid red;text-decoration:none;">
                <singleline label="Button Title">Read More</singleline>
              </a></td>
          </tr>
        </table>

如果 Outlook 邮件客户端打开邮件,我可以看到 CTA,但如果我在 Campaign Monitor 的编辑器中编辑 CTA 文本,则更改仅适用于非 Outlook 邮件客户端。有没有办法解决这个问题?

提前谢谢了。

最好的,亚尼克

标签: emailoutlookemail-templatescampaign-monitor

解决方案


由于您使用的是自定义电子邮件模板,因此您可以将 VML 按钮替换为下面的按钮。此按钮在所有电子邮件客户端中的作用相同。它也将消除您在活动监视器中面临的问题。

<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="[URL]" 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="Call to action">Call to action</a> </td>
    </tr>
</table>


推荐阅读