dark mode experiment icons

How Popular is Dark Mode Usage for HTML Emails?

0

Is dark mode for HTML emails a passing trend, or is it popular enough that teams should consider it as they design, develop, and optimize campaigns?

According to a survey from Pathwire and Ascend2, 44% of marketers are considering dark mode during email production. Another 28% have plans to start. But what about your list and your subscribers?

It’s a tough question, and it’s one we’ve been trying to answer since we launched our Darktober dark mode exploration last year. Finding out if your subscribers view emails in dark mode isn’t easy. But I was up for a challenge! That’s why, over the past few months, I’ve been running a dark mode email experiment.

A test for dark mode HTML emails

Email on Acid CEO John Thies and I had a couple of conversations on the best way to potentially pull this off using our email readiness platform. In the end, we decided on a method I call The Dark Mode Pixel Hack, which involves the use of carefully placed analytics tracking pixels.

If you’re interested in trying an experiment like this with your own campaigns and subscribers, we’ve put together a How-to PDF for the Dark Mode Pixel Hack.

Check out the infographic below to see the results of our experiment, which took place during the last few months of 2020 and involved six different campaigns.

dark mode email test results graphic
Click to view a larger image

Breaking down the results

I was a bit surprised at just how many of our subscribers really are opening our emails in dark mode. Part of me originally wondered if the percentages would be low because dark mode is still fairly new. In fact, similar studies from others in our industry revealed even higher numbers.

Our audience may be part of the reason. Developers are more likely to use dark mode to help with eye strain, which means they could be prone to viewing email in dark mode too. However, out of subscribers on our lists for whom we have the information, only about 25% of them identified as developers.

One very important thing to keep in mind is that the hack I used to conduct this experiment only works with email clients that use WebKit as a rendering engine. That includes major clients like Apple Mail and Outlook for Mac. But Gmail and Outlook for Windows do not use WebKit.

Despite a bit of a blind spot, it can be assumed that a decent percentage of the “Unknowns” in our experiment are also using dark mode for email. After all, Gmail users have had the option to try dark mode since 2019. Our test results make it clear that a significant segment of Mac users prefers dark mode. I’d also expect the use of dark mode to continue climbing as the trend continues and more people choose to adopt it.

The bottom line on dark mode email usage

If at least 10% or more of your subscribers are using dark mode, you could be losing out by failing to optimize for that sort of user experience. Designing and developing emails with dark mode in mind improves your chances of getting your entire list to engage with your campaigns.

Looking for more content on dark mode for email? Check out our dark mode infographic, read about the debate over dark mode vs. light mode, and watch our webinar, Designing Emails for Dark Mode, where I give some advice along with two other experienced developers.

Get The Dark Mode Pixel Hack!

Getting this experiment to work was a lot of fun. But it did require some email development voodoo.

If you want to try it, you’ll need to modify the CSS using an @media query, which is exclusive to specific versions of WebKit. You’ll also need to create different pixels to track opens in light and dark modes.

If you’re already using Email on Acid, you should be able to try The Dark Mode Pixel Hack with our Email Analytics pixel. (Note: This requires a Premium or Professional plan) In theory, it should also work with other email marketing platforms that provide robust analytics pixels.

Ready to give it a shot? Fill out the form to download a PDF with step-by-step instructions and code snippets to help you see how I did it.

email developers code in dark mode
Do More in Less Time with Email on Acid

Stop switching back and forth between platforms during pre-deployment and QA. With Email on Acid you can find and fix problems all in one place. Double check everything from content to accessibility and deliverability. Plus, with accurate Email Previews on the most popular clients and devices, you can confidently deliver email perfection every time.

Start for Free

Author: The Email on Acid Team

The Email on Acid content team is made up of digital marketers, content creators, and straight-up email geeks.

Connect with us on LinkedIn, follow us on Facebook, and tweet at @EmailonAcid on Twitter for more sweet stuff and great convos on email marketing.

Author: The Email on Acid Team

The Email on Acid content team is made up of digital marketers, content creators, and straight-up email geeks.

Connect with us on LinkedIn, follow us on Facebook, and tweet at @EmailonAcid on Twitter for more sweet stuff and great convos on email marketing.

Leave a Reply

Your email address will not be published. Required fields are marked *