Loading…

Support Microsoft Office with MSO syntax

BetaThis feature is new and we're actively working to improve it. Updated

The code editor in Design Studio includes tools to help you write and manage Microsoft Office (MSO) syntax so your messages render more consistently in Outlook.

Add conditional logic for Outlook

You can add conditional logic that’s only parsed by Outlook through MSO comments.

Syntax highlighting

We visually distinguish MSO comments from regular comments to help you scan your email.

For example, the following comment:

<!--[if true]>
<table role="presentation" width="100%" align="center" style="background:#EEE">
    <tr>
    <td></td>
    <td style="width:600px;background:#ffffff;padding:24px;">
<![endif]-->

becomes

mso-syntax-highlight.png
mso-syntax-highlight.png

Disable syntax highlighting

You can disable syntax highlighting for MSO comments in your editor preferences. Click Cmd/Ctrl + , then turn off the toggle. MSO comments will then show in grayscale instead.

Auto-complete MSO properties

In the code editor, type mso within a custom CSS property or style attribute and you’ll see a list of MSO CSS properties. Type until you find the one you want or scroll through the list. Then press Enter to auto-complete the property name.

Copied to clipboard!
  Contents
Is this page helpful?