Why iframes are not supported in emails

Why iframes are not supported in emails


Why iframes are not supported in emails

Get reliable results with basic HTML in your templates

Here's my thesis: you should avoid iframes in your email templates and use pure HTML instead. 

Let me explain why.


What is an iframe?

Before I jump into the arguments, a quick iframe primer. Basically, an iframe is a piece of HTML code that displays one web page on another webpage. That is, for instance, how many people embed a YouTube video on a webpage. Many folks use iframes to display other kinds of content, like social media posts, Google maps, and ads.

tinyEmail email iframes


Email and iframes

iframes display well on web pages but not in email messages. 

That's one reason why most of the big email clients (Gmail, Yahoo, Hotmail) do not support iframes in messages.

Another reason is security. Because iframes pull data from another website, they create a backdoor for malicious code that can lead to all sorts of nasty outcomes, like keystroke tracking, phishing, and heaps more.

A third reason not to use iframes in email templates is usability. Iframes are not mobile responsive, which means email messages with iframe content can deliver a sub-par user experience. If your aim is to make a strong positive impression, why take a chance with a technology that just isn't a good fit for emails?


Stick to HTML

Except for the big content companies like YouTube, I suggest you avoid iframe embeds and use regular HTML. The results are reliable and positive.

Here's an example.

I'm promoting a coffee shop and want to include a Google map in my email template. At first, I followed Google's embed instructions and created a test email. The result was bleak. None of my test emails displayed the map. Then I remembered that the iframe embed tool works great for web pages but not email templates.

The solution was simple. Take a screenshot of the map, upload the picture to the template, and then attach the Google map URL to the image.

The result was a clean, mobile-responsive message in the test messages. If a reader wants more map detail, they simply click the map image. The live version of the Google map displays.

tinyEmail email iframe map

That's my argument.

iframes don't belong in email templates. 


    • Related Articles

    • How to Send AMP Emails

      How to Send AMP Emails Get started with sending AMP Emails with tinyEmail Are you ready to send emails with interactive AMP (Accelerated Mobile Page) components? Well, hold your horses. Let me explain. Here at tinyEmail, we give you the tools you ...
    • How to Send Test Emails

      How to Send Test Emails Preview messages before going live "I do my best editing after I hit send." Testing is vital to your campaign's success and ego. Let's face it, few things can deflate one's sense of professional pride more than finding an ...
    • How Many Emails Can I Send?

      How Many Emails Can I Send? It depends The number of emails that you can send per month depends on your plan. On the Free plan, you can send up to 15,000 emails per month. That's a lot, especially for someone building a new business. As you grow, you ...
    • How to Add Carousels to Your Emails

      How to Add Carousels to Your Emails Enhance messages with an image slider This article shows you how to configure an AMP Carousel block for an email template. Unlike most image sliders, this one works inside an email message and can be displayed by ...
    • How to Add Accordions to Your Emails

      How to Add Accordions to Your Emails Inject interactive content Ready to add a new level of interactivity to your email messages? If yes, then add AMP to your design toolkit. AMP (Accelerated Mobile Page) lets you add interactive components to email ...