{"id":19859,"date":"2018-09-05T14:33:43","date_gmt":"2018-09-05T19:33:43","guid":{"rendered":"https:\/\/www.hostgator.com\/blog\/?p=19859"},"modified":"2018-09-26T10:49:34","modified_gmt":"2018-09-26T15:49:34","slug":"html-email-coding-issues","status":"publish","type":"post","link":"https:\/\/www.hostgator.com\/blog\/html-email-coding-issues\/","title":{"rendered":"Are HTML Email Coding Issues Killing Your Conversions?"},"content":{"rendered":"

What’s the Key to More Email Conversions? It Might Be Your HTML<\/h2>\n

How’s email marketing going for your small business? <\/span><\/p>\n

If hardly anyone on your list is opening your emails and even fewer are clicking through, you’re probably wondering if your subject lines, copy, and images need work<\/a>. They might. <\/span><\/p>\n

But there’s another possibility: You may need to improve the code<\/em> that makes your emails work. Without the right code, your emails can show up in your subscribers’ inboxes as a jumbled, hard-to-read mess or a blank page, even if you’re using an email template. <\/span><\/p>\n

Of course, most small businesses don’t have an email code expert in-house to fix their issues. So I reached out to one to learn more. <\/span><\/p>\n

Anne Tomlin is the founder of Austin, TX-based\u00a0<\/span>Emails Y’all<\/span><\/a> and a self-described email geek whose enthusiasm for her work is contagious. She shared her knowledge about what happens when code goes wrong, why off-the-shelf templates work until they don’t, and how small businesses can diagnose, fix, and avoid some common email coding issues.<\/span><\/p>\n

 <\/p>\n

Look Good or Get Deleted<\/h2>\n

The first thing to know is that email marketing is challenging because not everyone receives your emails in the same way. <\/span><\/p>\n

Different people use different devices to read their mail, and they may be using a variety of email clients that all have different rules about things like downloading email images. Most businesses know they need to use responsive templates for proper display on mobile devices, but the range of email client rules can trip them up. <\/span><\/p>\n

'A lot of email clients don’t download images automatically,'\u009d Tomlin said, giving Outlook as one example. 'You can work around that, but a lot of businesses send emails that feature one big image. When those emails are opened with those clients, they’re just blank.'\u009d<\/span><\/p>\n

Consumers won’t tolerate that. Tomlin said she recently heard a conference presenter say that about 30% of Millennials immediately delete emails that don’t render properly.<\/span><\/p>\n

Those recipients won’t follow a link to 'view this email in a browser,'\u009d wait to see if images load, or try to figure out how to read it on their screen. They just delete your carefully crafted message or decide they don’t want to hear from your business again. <\/span><\/p>\n

This is high-stakes stuff in terms of conversions and subscriber retention, but Tomlin says 'even major retailers make this mistake.'\u009d One clothing retailer sends her emails that are blank, because 'the email content is one big image with no live or alternative text'\u009d and Outlook doesn’t show it. Another apparel chain sent an email with lots of images that didn’t display, 'and the alt text for every image was ‘turn on your images.’'\u009d <\/span><\/p>\n

What’s the workaround when you’re sending image-heavy emails? 'A good coder can style alternative text to match your brand. Stitch Fix uses alternative text really well, and it’s stylized to fill the image space if the images don’t load. With proper coding, using live text or well-designed alternative text… maybe the recipients will download the images.'\u009d<\/span><\/p>\n

 <\/p>\n

Pros and Cons of Off-the-Shelf Email Templates<\/h2>\n

If major retailers are tripped up by email coding, you can bet smaller businesses are, too. I asked Tomlin whether pre-made HTML templates<\/a> from email marketing services can help SMBs avoid these email rendering pitfalls. <\/span><\/p>\n

'Most off-the-shelf templates work just fine'\u009d for businesses that are starting out with an email program, 'but they might not work for every audience.'\u009d Tomlin mentions accessibility for customers with disabilities as an example. 'Most templates were developed a while back'\u009d before accessibility for people with low vision, hearing loss, and other issues was given a lot of attention, and many 'aren’t up to date yet with accessible code.'\u009d<\/span><\/p>\n

Another potential issue with pre-fab templates is simply the pace of change in the email industry. 'Things change weekly, sometimes without any notice. Say Gmail decides to change something on their end, and that may totally screw up the rendering of your emails on, say, a certain type of phone,'\u009d but senders don’t realize that’s now a problem. '<\/span><\/p>\n

Any good developer will keep tabs on the latest changes, notify clients, and update the code'\u009d as quickly as possible.<\/span><\/p>\n

 <\/p>\n

Best Practices to Avoid Email Coding Issues<\/h2>\n

I asked Tomlin what steps small businesses can take to avoid code-related email issues. The first is to format your emails to look good with or without images. 'Using one big image with text'\u009d in your marketing emails 'is not good practice. A properly coded email will have live text that shows up whether the image loads or not.'\u009d <\/span><\/p>\n

Other best practices include:<\/span><\/p>\n