MQ
0
Bullettproof Buttons Not Working for Outlook 2010
Hi
I am sure everyone is aware of the bullett proof buttons from campaign monitor - http://buttons.cm/
We are using them for some of our clients but for one of our clients (Using Word and Outlook 2010) they cannot click on the button (it doesnt work).
Has anyone else experienced this?
Is there a workaround or do we just have to stop using them?
Cheers
Hi Megan,
I've had issues with this code in Outlook 2010; specifically when forwarding the email, the buttons break - I was also seeing odd behaviour in Lotus clients during testing. This may be related to the issue you are seeing.
My workaround is wrapping the non outlook button part of the code in conditional tags too - after much testing this works for me:
<![if !mso]><A ...></A><![endif]-->
.This would modify the default code to:
<div><!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="10%" strokecolor="#1e3650" fill="t">
<v:fill type="tile" src="http://i.imgur.com/0xPEf.gif" color="#556270" />
<w:anchorlock/>
<center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">Show me the button!</center>
</v:roundrect>
<![endif]-->
<![if !mso]>
<a href="http://"
style="background-color:#556270;background-image:url(http://i.imgur.com/0xPEf.gif);border:1px solid #1e3650;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;mso-hide:all;">
Show me the button!
</a></div><![endif]--></div>