Broken inbox display: errors to avoid in the HTML code of your emails

A prospecting email that doesn't display properly in your prospects' mailboxes is like a bad DJ at a wedding... No matter how much you've thought about it, in the end, that's all they'll remember!

Most of the time, the error has crept into the HTML code of the email (or in the case of your wedding, into the fact that you wanted to please Uncle Michel by leaving the turntables to his son 🕺🏼).

Whether it's broken on one or more email types, the frustration is the same. And yet, you had tested everything to ensure optimal deliverability of your campaigns.

But did you know that you can also test the HTML code of the email? It's often the forgotten item on an e-mail checklist... And yet, this little check will enable you to avoid many pitfalls.

Once again, we're delighted to present you with the best ways to ensure your email is fully displayed. And there are some great, simple tools to help you do it...

➡️ 2 main points to check in the HTML code of the email before sending it:

1. Check that the HTML code of the email contains no errors

Behind dreamy offers and CTAs that would make even the most reluctant of prospects click are dozens of lines of code. And it's not uncommon for an error to have crept into one of them. A poorly closed HTML tag, the use of tags not compatible A poorly closed HTML tag, the use of tags that aren't compatible with emailing, a developer who makes a mistake... All these elements (often linked to tags, as you'll understand) can have a direct impact on the display of your creative.

Not to mention some mistakes can have catastrophic catastrophic impact for some messaging providersbut will be invisible with others or on certain web browsers...

Case study of a simple, unclosed html tag 🧐

To help you check the HTML code of your email, here are a few tools that are as easy to use as they are effective:

This first check is the first step towards optimal display of your email. But are you sure that the integration method you're using is the right one for the way web users consult your site?

2. Mobile display: has your email been properly integrated for this device?

More than half of all emails are now consulted on mobile devices. That's why it's vital to take into account theadaptability of responsive emails! You've got a dream offer, a base of crazy clickers, and yet you've mismanaged this integration issue, which accounts for half the design of a good responsive email!

So don't forget to integrate this constraint into the design of your campaigns: a simple mail structure usually offers optimal readability of the HTML code on all screens.

To test your designs on all devices, we recommend you use one of these two services:

These services will also enable you to test your campaigns with most messaging providers which, by interpret the HTML code of the e-mail code to vary the display.

The conditional display of elements according to device shows that certain integration methods are not uniformly understood on all messaging systems. When certain providers fail to decode certain elements, they may display the email in two versions, one after the other!

Want to master the art of optimizing HTML email code?

Follow the guide...

  • During the design phase, observe a ratio of 60/40. You'll optimize your deliverability and your message will remain readable, even if the images don't load;
  • Think about tags alt and title tags for each image;
  • Be careful weight of your images. Beyond the risk of landing in spam, you risk you risk penalizing the UX by taking too long to load;
  • Give your integrators regular refreshments. In these hot weather periods, they could become dehydrated, with dramatic consequences. Take good care of them to ensure optimal integration of your campaigns...

If, despite all this advice, you're still having trouble displaying your e-mails, the easiest way is to contact us and let our teams of (well-hydrated) integrators take a look at your e-mails' HTML code.

Start a project

If you want to get a free consultation without any obligations, fill in the form below and we'll get in touch with you.