0 0
WP Ad Inserter plugin
Read Time:5 Minute, 48 Second

One question that I’ve been asked a few times while working on WP Offload SES is how it handles HTML email. By default, WordPress sends out all emails as plain text, and even though plain text emails perform better, it’s only natural that people will want a custom email design for a more professional look.

The answer, as far as WP Offload SES is concerned, is relatively straightforward. Whatever you jam into the email content, it will send. However, when looking at how WordPress handles HTML content in emails, things get a bit trickier. In this article, we’ll be taking an in-depth look at WordPress HTML email, and at the best practices for sending HTML emails from your site.

What Makes a Good WordPress HTML Email?

A good HTML email is one that works consistently across most, if not all, email clients. It should also be accessible, and provide fallbacks if the recipient can’t view HTML emails (ideally, that would mean including a plain text alternative).

HTML in emails is still light years behind the HTML that you use on a WordPress website. For example, instead of using HTML div elements for layouts, tables are still king in 2021. This is thanks in large part to Microsoft Outlook using the Microsoft Word rendering engine for displaying emails, which it has done for years.

Can you imagine trying to make a good layout that works in multiple different versions of Microsoft Word, as well as countless other email clients? I know I can’t.

Moving things in MS Word sucks.

Because emails use such antiquated code, and every email client handles that code slightly differently, it’s not surprising that responsive emails are still very hit or miss. Responsive emails can be created with a combination of CSS media queries and thoughtfully crafted HTML. Although not all clients support media queries, the landscape has improved over the last few years. With that in mind, a good WordPress HTML email should try to use media queries when possible, while at the same time looking good at full size in clients that don’t support them.

How WordPress Handles HTML Email

As I mentioned earlier, WordPress sends out all mail in plain text, with a text/plain content type. There is a filter that can be used in PHP to change the content type of email to text/html, but using this on its own results in some ugly looking emails:

Bad formatting in WordPress notification email.

WordPress doesn’t include its own templates, or any form of HTML markup at all. This means WordPress emails sent with text/html have incomplete (or basically non-existent) formatting.

Even more disappointing, WordPress doesn’t provide official support for multi-part emails (emails that display plain text as a fallback when HTML rendering isn’t available). There is an issue on the WordPress Trac to add support for them, but it’s been open for 11 years. It’s hard to be optimistic about it being implemented soon.

This also isn’t ideal if you’re sending out email notifications that you need to track, as tracking views can only be implemented in HTML emails.

How Plugins Handle WordPress HTML Email

With a lack of solid support for WordPress HTML emails in core, it’s only natural that plugin developers set out to solve that problem themselves. WordPress plugins like WooCommerce and Easy Digital Downloads include their own HTML email templates and work splendidly with WP Offload SES. Some plugins include methods of extending those templates to make it easier for other developers who want to customize things further.

There are also dedicated WordPress email template plugins. These aim to improve the appearance of all emails that are sent out by providing a template that should work well in most situations.

Email Templates

The Email Templates plugin is a popular solution for templating WordPress emails. It’s compatible with most WordPress plugins that send emails (including WP Offload SES!) and makes it easy to customize the content and appearance of WordPress’ default emails. I especially like how the templates are editable from the WordPress customizer:

Screenshot of the Email Templates plugin.

It provides a nice, relatively neutral email template by default, which would be more than enough for most needs. It also lets you add custom templates or extend the default template provided, so you can easily customize it further if needed.

One potential disadvantage (or advantage, depending on your perspective) that we found with this plugin was that it uses its template for ALL emails, regardless of the email and its contents. This means when another plugin sends an email using a different template, there’s a potential for both templates to be used.

WP HTML Mail

Another highly-rated plugin for sending WordPress HTML emails is the well-named WP HTML Mail plugin. Like the Email Templates plugin, it’s compatible with WP Offload SES and most other email plugins, and it provides a simple template works in most situations.

WP HTML Mail default email template.

If you need something with a bit more style, WP HTML Mail includes over 20 premade templates, all of which are free and can be further customized:

WP HTML Mail email template library.

Another feature that sets it apart from Email Templates is that it also has paid extensions that integrate with some of the most popular plugins and e-commerce platforms, including WooCommerce, Easy Digital Downloads, and more. It also allows you to turn off email templating for emails sent through some popular plugins, which should help reduce the number of conflicts.

Screenshot of the per-plugin settings for WP HTML Email.

It also inlines all CSS styles, which means that the CSS won’t get overridden by different email clients, resulting in a more consistent look across the board.

All in all, the WP HTML Mail plugin is pretty slick, is thoughtful about what makes a good WordPress HTML email, and is a plugin that I could definitely recommend if the situation called for it.

How Should You Handle WordPress HTML Email?

While WordPress core has a way to go before it offers good support for HTML emails, plugin developers have helped to pick up some of the slack. I don’t believe we’ll see a truly accessible solution until WordPress fixes the bug that interferes with multipart/mixed content emails so that both the plain text and HTML version is sent out.

It’s probably not time-effective to roll your own solution that works on multiple clients (although I might write a bit about that in the future). Instead, I recommend leaving emails as plain text and letting plugins (like WooCommerce, etc.) include their own HTML emails. If you’re running a WordPress site that sends out lots of emails, or if you need a consistent design across your emails, then maybe a plugin like WP HTML Mail could fit the bill for you.

Does your WordPress site send out HTML emails? If so, what do you use to send them out? Let us know in the comments section below!

Source: https://deliciousbrains.com/sending-html-email-wordpress/

The Exam Journey to Microsoft Certified Azure Solution Architect Previous post The Exam Journey to Microsoft Certified Azure Solution Architect
Django authentication with GitHub Next post Django authentication with GitHub

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.