尝试在我的电子邮件中使用MSO条件，但发送到Outlook时会创建重复的按钮我该如何解决？

问题描述

我对创建自己的电子邮件并希望从错误中吸取教训感到陌生。我正在创建电子邮件，并希望通过样式向其添加一个兑换按钮。我添加了mso条件，但是当发送电子邮件时，它看起来像是超出了预期。在其他电子邮件平台中，它按原样显示（只有1个按钮）。我不确定自己在做什么错，为什么会出现双重错误。 duplicate buttons

这是我的代码：

<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
    <tr>
        <td>
            <div>
                <!--[if mso]>
                    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="@COUPONURL" style="height:40px;v-text-anchor:middle;width:300px;" arcsize="5%" strokecolor="#5cbf50" fillcolor="#5cbf50;width: 130;">
                        <w:anchorlock/>
                        <center style="color:#ffffff;font-family:Helvetica,sans-serif;font-size:18px; font-weight: 600;">Click here!</center>
                    </v:roundrect>
                <![endif]-->
                <a href="@COUPONURL" style="display: inline-block; mso-hide:all; background-color: #5cbf50; color: #FFFFFF; border:1px solid #5cbf50; border-radius: 6px; line-height: 220%; width: 300px; font-family: Helvetica,sans-serif; font-size:18px; font-weight:600; text-align: center; text-decoration: none; -webkit-text-size-adjust:none;  " target="_blank">CLICK HERE TO REDEEM</a>
                </a>
            </div>
        </td>
    </tr>
</table>

解决方法

问题是您仅将Outlook按钮作为条件按钮。

您需要添加逻辑以仅显示一个或另一个。

<!--[if mso]>
    Button for Outlook
<![endif]-->

<!--[if !mso]><!-- -->
    Button for everything else
<![endif]-->