Skip to main content

Limitations when using HTML for your email campaigns

When creating an email campaign, you must always preview and test the email on different email clients before sending it. Indeed, some email clients do not support all HTML content as email HTML isn't as developed as web HTML. Interactive elements such as Flash or JavaScript won't work in most email clients.

❗️ Important

We recommend the use of the HTML block only to advanced users. Adding custom HTML code may affect your email campaign display on some email clients. Custom HTML has to be as email compliant and responsive as possible. To ensure that your email displays as expected on email clients, we highly recommend testing your email campaign before sending it to your contacts. 

What is the difference between the HTML editor and the HTML block?

You can customize your email campaign design with two different HTML tools: 

HTML editor HTML block

The HTML editor allows you to design your entire email campaign using HTML. To use the HTML editor, create an email campaign and choose the HTML editor from the Design step. To learn more, check our dedicated article Upload an HTML file to design your campaign.

html-editor.gif

 

Which HTML formats can I use in my email campaign?

Refer to the table below to know which HTML formats are safe to use or not in your email campaign: 

✅ Safe to use 🟠 Use with caution ❌ Never use
  • Background images
  • Custom web fonts
  • Wide layouts
  • Embedded CSS
  • JavaScript
  • <iframe>
  • Flash
  • Embedded audio
  • Embedded video
    To safely insert a video in your campaign design, check our dedicated article.
  • Forms
  • <div> layering
🌐 CSS 🔤 Web-safe fonts 🏞 Image maps 🚨 Autoescape

CSS is limited when used in email HTML. To obtain the best results when designing your email campaign, we recommend you: 

  • Use very simple CSS, 
    Use this website as a dictionary to check if your CSS will be well supported on email clients. 
  • Use CSS only for general style elements such as font and colors, 
  • Use inline CSS instead of embedded CSS. In inline CSS, any background colors or <body> settings should be handled with a 100% wide <table> around your email.
    ❗️ Important
    Some email clients remove lines of code that start with a comma or period. Add a space at the beginning of every line that starts with a comma or period to avoid this.

⏩ What's next?

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.

💬 Was this article helpful?

4 out of 19 found this helpful