Looking for tips and tricks on how to optimise email templates for Outlook as an email client.
Tips on how to optimise for Outlook?
We’ve faced Outlook’s HTML issues many times and totally get how frustrating it can be. I have some tips we also use to make our email templates look better in Outlook: Let me know if they helped you:)
Use simple layouts: Stick to one-column designs; Outlook handles these better. Otherwise it becomes a mess (ask me how I know).
Inline CSS: Apply styles directly in HTML tags (inline) instead of using external stylesheets. This might lean more to a developer side, but could still could be of assistance to you.
Avoid background images: They often don’t display correctly in Outlook. Tools like Email On Acid have shown us that Outlook and background images on campaigns don’t mix very well.
Test your emails: Always send test emails and check them in Outlook to catch any issues early. You could also use Email On Acid for this.
Use tables for your layout: Outlook tends to handle table-based layouts better than div-based ones.
Set image widths: This has mostly made a bigger difference. Define widths for images to prevent them from stretching (e.g., full-width images should be 600px). Some really smart people have figured this out over on these resources:(Klaviyo Help Center) (Klaviyo Forum).
Stick to web-safe fonts: Use common fonts like Arial, Times New Roman, or Verdana. We’ve found those to be the top 3 that work the best.
Hope this helps :)
Reply
Log in to the Community
Use your Klaviyo credentials
Log in with Klaviyo
Use your Klaviyo credentials
Log in with KlaviyoEnter your E-mail address. We'll send you an e-mail with instructions to reset your password.