Bulletproof Button Generator

Generate email-safe HTML buttons with Outlook VML fallback. Works in all major email clients.

Button text

Link URL

Background color

Text color

Font

Font size

Border radius

Width

Padding top/bottom

Padding left/right

Include Outlook VML fallback

Preview

Shop Now

Generated HTML

<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
  href="https://example.com"
  style="height:44px;v-text-anchor:middle;width:168px;"
  arcsize="9%"
  stroke="f"
  fillcolor="#2563eb">
  <w:anchorlock/>
  <center style="color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;">Shop Now</center>
</v:roundrect>
<![endif]--><!--[if !mso]><!-->
<table cellpadding="0" cellspacing="0" border="0" >
  <tr>
    <td align="center" style="background-color: #2563eb; border-radius: 4px; padding: 12px 24px;">
      <a href="https://example.com"
        style="color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; display: block;">
        Shop Now
      </a>
    </td>
  </tr>
</table>
<!--<![endif]-->

About the VML fallback

The VML (Vector Markup Language) code inside <!--[if mso]> tags is rendered only by Outlook on Windows, which uses the Word rendering engine rather than a browser. The VML creates a rounded button that Outlook will actually display correctly. Other email clients see only the regular HTML button.