Best practices while drafting your email content in an html editor for Outlook
Any email content developed in Zoho Campaigns' template editor renders properly for every email client. If you design content with HTML and CSS, some rendering issues may arise in a few desktop clients, especially Outlook. Newer versions of Outlook use Microsoft Word to render email which can result in blocked images and major formatting errors. However, if you write your HTML with a special focus on certain areas, you can avoid most formatting issues.
Here is a list of areas you should give special attention to when composing emails with HTML/CSS:
- Padding and width for <div> and <p> tags will be ignored by Outlook. You can use a table instead.
- Padding for <a> tags will be ignored by Outlook. Instead, design a table and apply all formatting.
- Always use the <a> tag inside the <td> tag for it to be properly rendered in Outlook. Additionally, avoid adding <table> tags after these <a> tags.
- Padding and margins used for images will be ignored by Outlook. Use hspace and vspace on images.
- Avoid using a class, instead give all the properties inline.
- Specify a line height, otherwise Outlook will use its default height.
- Avoid using HTML5 and CSS3.
- Background images will not be displayed by Outlook.
- GIFs will not run on Outlook. Only the first frame of the GIF will be displayed. If you want to include a GIF, set the most important frame to play first so your information will be conveyed on Outlook and other clients will still run your GIF.
- The <button> tag will not work properly on Outlook. Design your buttons using a table.
- Image width should be given both as attribute and style.
- Position style and float will not be supported by Outlook. If you need a two column structure, design it using a table.
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Centralize Knowledge. Transform Learning.
All-in-one knowledge management and training platform for your employees and customers.
New to Zoho Writer?
Create. Review. Publish.
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Best practices while drafting email campaign content
Marketers may encounter a few errors while drafting the content of their email campaign. In some cases, such errors may also affect their email deliverability. These errors can be avoided if some of the basic points are kept in mind when campaign ...Template editor
The most important element for a successful email campaign is quality content. When the right content meets responsive designs, you can make sure that your email campaign is a huge success. Whether you're an expert or a beginner, Zoho Campaigns makes ...10DLC Registration Process – Best Practices
The 10DLC registration involves three steps: Registration of the brand Registration of 10DLC campaign Associating the campaign with the long code In this document we'll look at some of the tips and best practices you need to follow while progressing ...Import HTML
If you are ready with your HTML designs and related CSS, you can browse and select the HTML file along with the related images and upload them and add them as your own template. Upload HTML content After adding the basic details of your email ...Eight common practices that affect email deliverability
Email deliverability is the ability to land emails in the inbox of your recipients. If your campaign's deliverability takes a hit, it might be due to certain email marketing practices you follow. Let's dive deep and learn about practices that affect ...
New to Zoho LandingPage?
Zoho LandingPage Resources