Code for Button to work in Office 365 email client

Hi all. Hoping someone can help here. I am the novice of all novices! and really just beginning. I am trying to find some code that will create a clickable button in an email flyer to work when received in Office 365 email client. I have got one to work perfectly on Office for Mac but can’t get it to work in Office 365 on windows. The button just doesn’t display. Just a simple centred coloured button like below…Can anyone help please? Thanks! Screen Shot 2018-10-04 at 9.53.50 am.png

Could you share the code you already have got? Then we can go from there.

Hi Mark, thanks for your help :slight_smile:

Di

<center>

<div style=“margin: 0 auto;”><!–[if mso]>

<v:rect xmlns:v=“urn:schemas-microsoft-com:vml” xmlns:w=“urn:schemas-microsoft-com: office:word” href=“https://linkhere” style=“height:50px;v-text-anchor:middle;width:250px;” arcsize=“16%” strokecolor="#b80007" fill=“t”>

   <v:fill type=“tile” src=“https://addlinkhere” color="#ed7014" />

   <w:anchorlock/>

   <center style=“color:#ffffff;font-family:sans-serif;font-size:20px;font-weight:bold;”>Register Online</center>

</v:rect>

<![endif]–>

<div style=“margin: 0 auto;mso-hide:all;”>

<table align=“center” cellpadding=“0” cellspacing=“0” height=“50” width=“250” style=“margin: 0 auto; mso-hide:all;”>

            <tbody>

                        <tr>

                                    <td align=“center” bgcolor="#b80007" height=“50” style=“vertical-align:middle;color: #ffffff; display: block;background-color:#b80007;background-image:url(https:// https://addlinkhere);border:1px solid #b80007;mso-hide:all;” width=“250”>

                                                <a class=“cta_button” href=“https addlinkhere” style=“font-size:20px;-webkit-text-size-adjust:none; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:50px; width:250px; display:inline-block;” title=“Button”>

                                                            <span style=“color:#ffffff”>Register Online</span>

                                                </a>

                                    </td>

                        </tr>

            </tbody>

</table>

</div>

</div>

</center>

Looks fine to me. I know mail clients are a pain to work with and I wouldn’t know what’s wrong with your code (as said - to me it looks alright). Hopefully someone else stubles upon this and knows what’s missing.

I believe MSO for Win mails are still rendered by Microsoft Word… MSO for Mac probably uses something more modern. Maybe just rely on an image instead of a vector?

Good luck!

Thanks for that Mark. I will keep plugging away at it! and hopefully someone else may come across this also :slight_smile: