Everything you need to know about Outlook Rendering Issue!

Email Marketing

Outlook error is very common in the B2B marketing. Outlook renders HTML using Microsoft Word which means a whole host of problems for email marketers and designers. With poor support for HTML and CSS, you may come across the whole host of annoying quirks.

Outlook refers to render HTML emails instead of using Internet Explorer. Microsoft has dropped IE as the rendering engine for its security reasons. In this way, we can have better control over the active content the rendering engine can display, while if you use Internet Explorer to render HTML then it would display the whole thing and could run virus-infected email automatically.

Below are the key issues for building emails for Outlook:

1. Background images not supported

There different types of backgrounds you can use in your emails.

Full body background
Pattern Background
Graphic Background
Section-wide background

But, Outlook 2007-2013 do not support any of the above backgrounds, so the ideal solution for rendering is by using VML (Vector Markup Language).

2. Animated GIFs do not work

A newer version of outlook (2003+) does not support animated GIF but it will display just the first frame of the animation.

3. Border-radius property

It is one of the most commonly used CSS property but sadly it is supported in neither of the Outlook variants.

4. Links getting converted to purple or blue

The links in the Email will turn to either blue or purple, with an underline, regardless of what colour text is used, and the blue/purple underline persists when viewed on different email clients.

5. Rendering CSS issues

It does not support CSS floats, CSS positioning, Flash or other plugins, you can use XHTML instead of HTML.

How important it is?

As email marketing continues to rise and we cannot simply worry about how email marketing platforms perform when combined with lead generation technology, fed with CRM data and automated with marketing automation providers. We should not think ourselves with how it renders on other platforms.

Outlook is very popular in the B2B world and how emails render in Outlook is 70% of the B2B delivery environment for a lot of people hence this makes it a high-priority for everyone. That’s why you should take necessary measures to make sure emails sent to Outlook inboxes render as well as they can.

Our recommendations

Due to the lack of support for many CSS, we know that table-based layouts are a necessity for optimization or you can use conditional CSS to target Outlook 2016 specifically.

Fill your emails with useful content will be our suggestion. You can go a plain text HTML approach, which is best for Outlook and has seen click-through rates increase to 15%. Without a doubt, useful content trumps graphic discrepancies any day of the week.

Lastly, and we cannot stress this enough: test, test and test your emails again. Keep testing your emails for rendering issues because it is the only way to make sure your emails render consistently.

What can we expect?

Microsoft will come up with a new email client/rendering engine soon for the new Outlook Web App experience powered by Office 365. Till then Outlook.com is Microsoft’s email service (back-end) and Outlook Mail is the web email client (front-end) that will let you browse your Outlook.com email account.

On the web suite of apps, Outlook Mail is part of the Outlook. Outlook, or Office Outlook, is Microsoft’s desktop email client which can be used with Outlook.com email addresses or with any other email addresses.

How Custom Email Templates can improve your Email Marketing Campaigns?

Email Marketing

Email marketing is one of the most effective inbound marketing tools for engaging with your customers and nurturing leads and in order to maximize the potential of email marketing, you need to have the right tools at your disposal which means the proper Email templates for your marketing campaigns.

Email templates let you customize the formatting and text of emails sent by users who share your content. Building an email marketing template from scratch is not at all easy unless you’re a pro coder. Top of FormSo, in this post we will share with you the simple steps which will help you design and build a custom email from start to finish.

Why you should go for Custom Email Templates?

Easy to use

To use a customized template, you might need advanced knowledge of a service in order to make even the smallest of changes. A web professional can give you custom Email template for your specific need which is very easy to use so your email campaigns can be set up quickly and more efficiently without much knowledge of the coding behind it.


Sometimes you might try to adjust the content in order to provide your customers just so it will fit into a template’s predefined sections and that might not look good because nobody likes a messy or unorganized content. But customized email templates will give you more control over how you deliver your content to your users. You can opt for layout as per your specific needs and add unique functionality that will work best for your goals.


Drafting HTML Email has its own challenge because it needs a special attention to work properly on mobile devices specifically. For the best experience make sure that an Email template is coded properly and it is tested well to use it for custom Email templates. This will give you control over the experience which your users will have with your email campaigns, letting you tailor that experience to your specific audience.

BRAND Promotion

Nowadays it’s very important to be consistent brand across the world and Email marketing is no different which means your Email templates should have the same general look-and-feel as your website carries the number of elements like logo, colours, typography, and so on. If you’re using custom email templates make sure these elements are carried over to strategically reinforce your brand and integrate your email campaigns with the rest of your marketing strategy.

Personal Touch

With custom email templates, you can ensure that your emails are unique and personalized to your business. This will make you stand out from competitors and be more creative with your email marketing.

Wrap up

Custom Email Template will make your work painless as you don’t need a lick of coding skills. Use custom templates as your foundation with this you can design a unique and well-branded email campaign in minutes.

Custom Email Template Integration Steps for MailChimp:-

  1. On left bar, you will see Campaigns, Templates, Lists, etc… Click on Templates.
  2. There will be a new window with two buttons on the top right – File Manage and Create Template – Click on “Create Template”
  3. In the window, you will see options – Basic, Themes, & Code your own – Click on “Code your own”
  4. Here you will see three options: Choose the last option – Import Zip and upload the zip file we have provided (file name.zip).
  5. Once template loads, preview it and save with some name.
  6. Go back to the campaign, and click on create a campaign.
  7. Choose regular Campaign, Select list, Enter Name of Campaign, Subject line and necessary details and click on Next
  8. From the options choose 3rd option “Saved Templates”
  9. Select the template you saved in Step E and you will be through.

Get in Touch with Nick nick@whizsolutions.co.uk for any assistance.

Your ultimate Guide to Email Design Best Practices

Email Template

Email is not about finding the right images and colours for the message which you want to deliver to your subscribers. Designing the perfect Email is a process that includes everything from choosing a familiar “from” name to crafting the perfect subject line and ensuring your Email does not look like a spam mail. Our below-mentioned tips will help you in designing a perfectly interactive Email that can help you attract more customers.

Pre-header & Header

According to a recent survey, 41% of the businesses don’t optimize pre-headers or snippet text. It is vital to optimize the pre-headers.

Your pre-header is visible in the inbox preview and in the body of your email, or just in the preview pane if you want to save email real estate. Pre-headers provide a valuable context to your subject line and it can help your open rate. Keep it minimum (between 40-70 characters) and to the point. Use this space so that your customer knows why the email is useful to them. Your subject line, as well as your pre-header text, should work together.


Always end your Email with complete details. Make it a point that you don’t hide the unsubscribe button. It should also include links to the main section of your website or key services/product categories if possible. Make it easy for your audience to share your email by including social sharing links and/or ‘Forward to a Friend’ options as this will encourage the viral effect. Lastly, do add a line about ‘Why your recipients are receiving this email?’ to decrease chances of SPAM complains.

Email Layout

You Email should have a standard layout and the ideal Email width is 500 to 650 pixels. We suggest opting for Horizontal layout over the vertical. If you Email has a lot to cover then you may use the table of content and if you have multiple products/categories to display, provide a navigation bar. You can use 4-5 panels of an area for visual highlighting which offers specific eye path for key offerings. You need to use Text and images in a right proportion. Remember, Calls-to-action should be clear & enticing.


Images play a very vital role in designing an Email it is the most convincing part of the body it the right content is displayed over it so make sure your images are sized correctly to avoid squishing or stretching. You need to create them in a way that they can scale up to 599 px. Background images and editable text over it are more convenient to reuse the template and run the campaign again.

Few things to Remember:

  • Use short sentences and paragraphs
  • Make sure you use elements like spacing and dividing lines to distinguish the content sections from one another.
  • To make certain words stand out use bold typeface and sub-headers
  • Use bullet points to showcase benefits.
  • Use web-safe standard fonts such as Arial, Arial Black, Arial Narrow, Comic Sans, Courier New, Georgia, Impact, Tahoma, Times New Roman, and Verdana. However, there are different ways to set up non-standard fonts in an email by providing one of the web-safe fonts as a fallback font.
  • For a decent readability on mobile phones, your font size for body copy is 14 pixels and the title is minimum of 22 pixels
  • Keep a double check on spellings and grammar.

With the right strategy and the email design best practices, you can be confident that you’re sending out emails that are going to bring in great results.

So, are you ready to design an amazing Email for your next Email marketing campaign?  Get in touch with Whiz Solutions for answers to all such questions concerning you.