Email editor 2.0: Enable branded link for vml buttons

Email editor 2.0: Enable branded link for vml buttons

When using VML to create nicely looking buttons even on Outlook (such as  Bulletproof email buttons | Campaign Monitor ​), the href are not automatically replaced by a branded link.

This idea is that in a code like this one:

<div>

<!--[if mso]>

  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.domain.com/mylp.html" style="height:40px;v-text-anchor:middle;width:148px;" arcsize="8%" stroke="f" fillcolor="#333333">

    <w:anchorlock/>

    <center>

  <![endif]-->

                                              <a href="http://www.domain.com/mylp.html" style="font-size: 18px; font-family:'Gotham-bold','Gotham',Arial,sans-serif; font-weight: bold; color: #ffffff; text-decoration: none; display: inline-block; background-color:#333333;border-radius:3px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:18px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:148px;-webkit-text-size-adjust:none;">Special Offers</a>

                                              <!--[if mso]>

    </center>

  </v:roundrect>

<![endif]-->

</div>

both href should be replaced by a  URL to Marketo click tracking server.

-Greg

7 Comments
Grégoire_Miche2
Level 10
Casey_Grimes
Level 10

I know this isn't solving the issue in and of itself, but for this (among other reasons) I've moved to a new button-making format that's table-based with mso/vml-specific styling around the relevant child elements rather than it being the clickable object itself.

Just throwing that out there--it actually makes the workflow for setting up calls to action much easier as well.

Grégoire_Miche2
Level 10

Hi Courtney,

Yes, we have done so as well.

-Greg

SanfordWhiteman
Level 10 - Community Moderator

Actually does work, just need to tweak the output slightly: http://blog.teknkl.com/those-bulletproof-buttons-are-also-tracking-proof/

Voted up for an official setting to choose which tags + attribute combos will be rewritten (shouldn't be artificially limited to urn:schemas-microsoft-com:vml:roundrect but also shouldn't be all tags with an href because that can break stuff hard).

Grégoire_Miche2
Level 10

Nice one Sanford! Thx

Jamie_Barclay
Level 5

This a fantastic resource guide!!!

kh-lschutte
Community Manager
Status changed to: Open Ideas