Some time back, the folks at Campaign Monitor contributed the go-to fancy button builder for cross-device emails, Bulletproof email buttons. If you haven't seen it, it looks like this:
Their compatibility testing was an awesome donation to the MA community, but there's a problem with the generated code when you use it in a Marketo email: the Outlook desktop version (the
v:* VML tags) doesn't have tracked links!
The reason is simple: Marketo only looks in
<a href attributes for links to rewrite, not (very non-standard)
<v:roundrect href attributes.
And this isn't so unreasonable. You can't expect that every
href is rewritable — for example, you'd better not rewrite a
With a little tweak, though, we can fix it to it our liking.
Just touch up the Bulletproof builder's output with the substitutions in red:
style="height:53px; v-text-anchor:middle; width:200px;"
<a:fill type="tile" src="https://i.imgur.com/0xPEf.gif" color="#705558" />
font-weight:bold;">Come at me, bro!</center>
border:1px solid #1e3650; border-radius:4px;
mso-hide:all;">Come at me, bro!</a></div>
Why does it work?
Because Marketo's (X)HTML parser is lazy and doesn't see the difference between the namespace
a: and the tag name
a. But that's great for us in this case!