Skip to main content
HTML Email Guide

A "Do's and Don'ts" guide to using HTML within Releventful email templates.

Naomi Sherman avatar
Written by Naomi Sherman
Updated over 7 months ago

With Releventful's email template editor, you have the option to use the editor's tools via the toolbar to create a custom email, or edit with your own HTML. There are limitations to the HTML that can be utilized within Releventful emails, as not all HTML will carry over properly to a recipient's email inbox. Please refer to our HTML guide below to address any HTML concerns.

Email clients often come with distinct design limitations when compared to web browsers. Interactive features such as Flash, JavaScript, or HTML forms usually do not function in the majority of email inboxes.

What HTML can be used?

The following HTML elements are safe to use within your Releventful email templates:

  • Static, table-based layouts

  • HTML tables and nested tables

  • Simple, inline CSS

  • Web safe fonts

What HTML should not be used?

We recommend that you do not use the following HTML elements within your Releventful email templates:

  • iframe

  • JavaScript

  • Embedded audio

  • Embedded video

  • <div> layering

  • Flash

Iframe Elements

An <iframe> (inline frame) is an HTML element that embeds content from one website into another. Inline frames are commonly used for embedding advertisements, video, audio, or forms into other websites. However, since iframes frequently contain scripts, they are often blocked by most email clients. Instead, link to the content you want to display in your email template.

JavaScript

JavaScript serves as a programming language facilitating interactive web content. While prevalent on websites, the majority of email clients disable scripts due to their potential to conceal malicious content.

Embedded Media

Videos that automatically play, or have a play button to self-start, won't play in an inbox unless your contact's email client supports HTML5 video and audio tags. Apple Mail does support these tags, but it's best to avoid embedded media and consider a different approach to share this content with your leads and clients.

Flash

Flash displays animations and graphics on websites, but most email clients block it.

Instead, try gifs to make your content more engaging.

Proceed with caution when utilizing the following HTML code

Not all email clients support the following elements. We recommend that you test and preview your email templates before you send them to leads and clients within the system.

  • Background images

  • Custom Wed Fonts

  • Image maps

  • Embedded CSS

  • Animated GIFS

Background Images

Releventful supports images within the email template editor. You can directly insert images into your templates and use them any where within the email. Often times, images can be used as headers at the top of the email message.

If you use custom HTML, you can add a background image with the template builder. Background images don't render in every email client, and may appear differently in mobile devices, so it's important to thoroughly preview and test your emails before you send them to your leads and clients.

Animated GIFS

Some email clients don't support animated GIFs, but if you would like to include a GIF in your email templates, you can attempt to add one and test to see if it comes through properly to your email inbox.

Test Your Email Templates

We recommend that you thoroughly test all email templates before you send them to existing leads and clients within your account. You can enable test mode for your account to have automated emails sent to your email address on file. You can also create yourself as a test user in the system and send all email templates to yourself to review how they appear in your external email inbox.

If you're comfortable with coding or if you have access to a developer, you can design custom HTML elements in your email templates. However, please keep in mind that the Releventful support team won't be able to help you troubleshoot issues with your custom HTML code.

Did this answer your question?