Skip to main content

Email Renderings in Outlook | November 2023

Written by Michael Stephenson

Release Notes

Issued: 11/6/2023


Email Renderings in Outlook

Overview: Element451's Campaigns module is designed to work best with modern web and mobile-based email clients. Some versions of Microsoft Outlook use older rendering engines that do not support modern HTML and CSS features commonly used in modern email design, like those used in Element451. As a result, emails may not always display as expected in Outlook, even though they may look fine in other email clients (including the Element451 preview mode).

Details:

  • Background images are not supported in all versions of Outlook.

  • Inline images are not supported in all versions of Outlook.

  • Some advanced style options for buttons may revert to basic styling (rounded vs square buttons).

  • Outlook may render components slightly different from what you see in Element's Preview mode.- Social icons may render at incorrect sizes in certain email clients, particularly in Outlook on Windows, due to older rendering engines overriding applied styles.


Campaign Email Update

Overview: We have added a new “social” element that can now be added to your campaign emails to display your social media links. This will help improve icon display consistency across various email clients, including additional versions of Outlook. However, some rendering discrepancies, such as icon sizing issues, may still occur in certain email clients like Outlook.

Details:

  • To add the new social element to a campaign email, edit the column, click Add Element, and then select Social.

  • If you’ve used other methods to display your social links in your emails, we encourage you to review and update your campaign emails with the new social element.

Social Icon Rendering in Outlook

When using the Social element in Element451, you may notice that social icons sometimes render at incorrect sizes in certain email clients, particularly in Outlook on Windows. This occurs because some email clients override the styles applied in the Element451 editor. Adjusting icon sizes in Advanced Settings may not resolve these issues, as some clients automatically resize icons or override styles. By understanding these limitations and following best practices, you can minimize the impact of these rendering issues.- Test your emails across different email clients, including Outlook, to preview how social icons will appear.

  • Use standard icon sizes to improve consistency across platforms.

  • Simplify the design of social icons to reduce the likelihood of rendering issues.

  • Provide descriptive alt text for social icons to ensure their purpose is clear even if they do not render correctly.

Did this answer your question?