HTML text displayed twice when opening the email from Outlook

Question

I built an HTML block with a personalized code in the email and I would like to know why the text is displayed twice when opening the email in Outlook from a desktop device, only when using Windows OS.

<!--[if mso]>
        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:42px;v-text-anchor:middle;width:218px;" arcsize="5%" strokecolor="#ffffff" fillcolor="#ffffff">
          <w:anchorlock/>
          <center style="color:#1672b9;font-family:'Noto Sans', sans-serif;font-size:12px; letter-spacing:1.5px; font-weight:bold;border-radius: 15px;">Personalized code</center>
        </v:rect>
      <![endif]-->
      <a style="background-color:#ffffff;border-radius: 15px;color:#1672b9 !important;display:inline-block;font-family:'Noto Sans', sans-serif;font-size:12px;line-height:44px;text-align:center;text-decoration:none;width:100%;-webkit-text-size-adjust:none;mso-hide:all; font-weight:bold; letter-spacing:3px;">Personalized code</a>

Because you have the text inside and outside the conditional comment. — D. Pardal, Jun 05 '20 at 07:59
Thanks, how should be the code? Sorry, I am not an HTML expert. — fromero, Jun 05 '20 at 08:01
Do you want the second `` not to appear in Outlook or the first? — D. Pardal, Jun 05 '20 at 08:01

D. Pardal · Accepted Answer · 2020-06-05T08:15:00.300

Use this:

<!--[if mso]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:42px;v-text-anchor:middle;width:218px;" arcsize="5%" strokecolor="#ffffff" fillcolor="#ffffff">
    <w:anchorlock/>
    <center style="color:#1672b9;font-family:'Noto Sans', sans-serif;font-size:12px; letter-spacing:1.5px; font-weight:bold;border-radius: 15px;">Personalized code</center>
  </v:rect>
<![endif]-->
<![if !mso]>
  <a style="background-color:#ffffff;border-radius: 15px;color:#1672b9 !important;display:inline-block;font-family:'Noto Sans', sans-serif;font-size:12px;line-height:44px;text-align:center;text-decoration:none;width:100%;-webkit-text-size-adjust:none;mso-hide:all; font-weight:bold; letter-spacing:3px;">Personalized code</a>
<![endif]>

See also: "How do I make an “else” in an IE HTML conditional?".

But this code will not display anything for non-Outlook inboxes, right? It is still showing the text twice in Outlook. — fromero, Jun 05 '20 at 08:11

HTML text displayed twice when opening the email from Outlook

1 Answers1