Yahoo App for Android Not Displaying Stationery

Nick Minnich 2 · March 2016

We are encountering this new issue where people accessing the yahoo mail app via android are not seeing email stationery (and therefore not seeing unsubscribe links)

For the time being we put in conditional in the body that shows all yahoo email users an unsubscribe link and mailing address (to be in compliance with CAN-SPAM). The main downside to this workaround is that people accessing yahoo email through other means are seeing the unsub and address links twice. Curious if anybody else has run into this...and has a better, more permanent solution.

Rebecca Leifert · March 2016

Hi Nick,

Yahoo is a tough email service provider to design for & when you toss Android in there, it makes it even harder to deal with. Can you attach a screenshot of what your users are seeing/not seeing for me? I specialize in email design/programming but I haven't heard of this happening before so I'm curious to see what users are seeing in their inbox so I can hopefully help figure out if it's a design thing or a Yahoo thing.

If you can attach that screenshot, I'm happy to see if I can help you out.

Nick Minnich 2 · March 2016

Thank you very much Rebecca!

We initially discovered this issue on the email.
http://wwf.worldwildlife.org/site/MessageViewer?em_id=69525.1&dlv_id=106567

The below is reflective of what Android Yahoo Users have forwarded us (we replicated this behavior in test email sends). The email cuts off after the View online version (which we include in the body of the email).

c1e124611d15bfdaea594003b9046fec-huge-ca

Elizabeth Makayed 2 · April 2016

Nick, I don't know if this is the exact issue, but it seems like you have invalid HTML in the email that you linked to.

In the Table with text View online version the end tag </center> is not present. So it maybe throwing off the rendering of the entire email. I have ran into something similar with Yahoo Web version before. Fixing the HTML seemed to have fixed the problem.

Code in the included email:


<table width="600" class="deviceWidth" border="0" cellspacing="20" cellpadding="0" align="center" bgcolor="#ffffff">
  <tr>
    <td align="center">
      <center>
        <span style="font-family:Arial,Helvetica;font-size:11px;color:#55601C">Cheetah © Howard Buffet/WWF-US</span>
        <br><br>
        <a style="font-family: Arial, sans-serif, 'Open Sans'; font-size: 11px; color: #000000;" href="http://wwf.worldwildlife.org/site/R?i=M6TwF9nbGmrQ_na3pgixcw">View online version</a>
        
      </td>
  </tr>
</table>

But it should be


<table width="600" class="deviceWidth" border="0" cellspacing="20" cellpadding="0" align="center" bgcolor="#ffffff">
  <tr>
    <td align="center">
      <center>
        <span style="font-family:Arial,Helvetica;font-size:11px;color:#55601C">Cheetah © Howard Buffet/WWF-US</span>
        <br><br>
        <a style="font-family: Arial, sans-serif, 'Open Sans'; font-size: 11px; color: #000000;" href="http://wwf.worldwildlife.org/site/R?i=M6TwF9nbGmrQ_na3pgixcw">View online version</a>
      </center>
    </td>
  </tr>
</table>

Hope this helps

Nick Minnich · April 2016

Thank you Elizabeth! While it It wasn't the center tags, your solution prompted me to investigate all open and close tags..and the <body> tags appear to the be the culprit!

It appears that removing the body tags does not hurt the appearance of the email in any client, so I did just that (If that's a bad idea...someone please correct me...).

Nick Minnich 2 · April 2016

Actually, removing the body tags completely screwed up our responsive code. It appears the best thing to do is to hide the body tags with a conditional for yahoo users:

[[?[[S1:primary_email]]::@yahoo.com::::<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" yahoo="fix">]]

[1:18]

[[?[[S1:primary_email]]::@yahoo.com::::</body>]]

Rebecca Leifert · April 2016

Nick, I'm so sorry I dropped the ball on replying to you but it appears you received the help you needed thank goodness!

Re: body tags - I have some emails that have been designed without them (yes, even responsive) and they do great & some, that need them in order to not break the responsive code. It's all in how they were originally programmed & how much of the responsive code BB hangs onto vs strips out.

Glad your problem is solved! Sorry again about disappearing on you.

Yahoo App for Android Not Displaying Stationery

Comments

Categories