Creating a Clickable Button using the PayOnlineLink tag in an Invoice Email Communication Template

Click the source code button of the template by clicking the source code icon in the icons bar:

Copy and paste this code into your email template: 

<!--[if mso]>
 <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{Invoice:ViewOnlineURL}" style="height:36px;v-text-anchor:middle;width:250px;" arcsize="5%" strokecolor="#ff2b33" fillcolor="#ff2b33">
 <w:anchorlock></w:anchorlock>
 <center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:16px;">View & Pay Invoice Online →</center>
 </v:roundrect>
 <![endif]-->
 <a href="{Invoice:ViewOnlineURL}" style="background-color:#ff2b33;border:1px solid #ff2b33;border-radius:3px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;line-height:44px;text-align:center;text-decoration:none;width:250px;-webkit-text-size-adjust:none;mso-hide:all;">View &amp; Pay Invoice Online →</a>

The button will look like this in the email: 

You can change the colors (the default above uses a red-orange background and white font) but please do not edit any other part of the code. In order to change the color of the background and font, you'll first need to Google the hex code of the color you prefer (or utilize the hex code for your specific company's preferred color) and replace the hex code within the source code outlined below:

Please click the above image to enlarge