EOA Blog

Add These Two Innovative Email Layout Techniques to Your Toolbox

In this blog, I’ll be looking at two innovative email layout techniques, their advantages and disadvantages, and how they fare with real content. 

Looking at both Mark Robbin’s Table of your Dreams and Rémi Parmentier’s Fab Four Technique.

Making Custom Font Stacks Work in Outlook: Update

If you include a custom font at the top of your font stack, Outlook will
ignore all of your fallback fonts and instead display Times New Roman.

But fear not! As with most Outlook bugs, there are ways to get around
this.

Gmail Now Supports Display: None

Hey email devs! Just wanted to let you know that as of today, Gmail now has full support for ‘display: none;’ when used inline. 

Read on for more info on where display:none is supported and where it’s not.

Tutorial: CSS Fixed Positioning in Interactive Email

This article shows off a fun example that we created and shows how you
can create your own interactive email that takes advantage of fixed
positioning.

Insights in Email Event Recap

We recently hosted our first email event!

See how it unfolded and get a recap of the talks and our goals going forward.

Coding Interactive Hotspots in HTML Email

Interactive hotspots, or positioned information overlays, are a good way
to deliver additional contextual information on an image.

This article
will go into how you can implement interactive hotspots in email that
work in many of the major email clients.

Email as a Branding Tool

Email is by far the most under-utilized branding device in the marketing arsenal, not to mention a cheap and easy way to spread your brand’s message with an audience that has already displayed interest in your company.

We’ve outlined two ways you can effectively utilize email as part of your branding strategy.

What You Need to Know about CSS Fixed Positioning in Email

One of the key features of modern webkit based email clients is the
support for more sophisticated capabilities in email design such as CSS animations and interactivity in email.
Animations and interactivity commonly utilize CSS positioning to move
elements within the email.

This article will show you what can be
achieved with fixed positioning.

How a Tracking Pixel can Break Your Email

Yes, a 1×1 transparent image can break your entire layout. Last Friday we sent out a carefully tested interactive email, only to find that when it hit inboxes there was a huge problem. Find out how it happened and what we learned.

Beating Thunderbird’s Checkbox Bug (and Targeting Techniques)

The Thunderbird email client has a peculiar bug when it comes to the
support of checkbox and radio elements.

Learn how to overcome it here, as well as various methods to target your
CSS for Thunderbird.

What techniques make your email campaign relevant?

How do you create email that’s relevant to your whole audience, not just a niche group within it?

We’ll break down what strategies, technology and best practices you need to employ to ensure relevancy in your email campaigns across the board.

Absolute Positioning in the Samsung Android Email Client

Although not often discussed in email design circles, the Samsung
email client is a relatively popular email client among users of
Samsung’s Galaxy line of Android phones. It turns out that this client
does not support absolute positioning.

Thankfully there is a technique you can use to mitigate this shortcoming using Samsung’s client specific ids.

Why Apple Pay for the Web is Good News for Mobile Email

Apple announced this week at their WWDC developer conference that they will be bringing Apple Pay to the Web.

This is a huge development for email because it will make mobile web transactions so much easier.

Demystifying Meta Tags in Email

Meta tags are a mysterious topic in the world of email development. Many
tags are included ‘for good measure’ without the developer knowing
quite why it’s there.

I’ll cover some of the common uses for these tags in email, as well as some commonly seen tags that you may not really need.

The Ultimate Email CSS Animation Guide: Part 2

CSS animations are an incredibly powerful way to add a touch of interactivity to your email campaigns.

In the second part of our CSS animation series we look at animation techniques, drawbacks and some takeaway code samples.

How to Create Responsive Rollover Images for Email

This article covers how to create interactive rollover images in email that will scale with the width of your email.

Add this technique to your emails today!

9 Essential Design Elements of a Conversion-Driven Template

You A/B test your subject line, toil over every word in the text of your email and segment your list to the T, but what are you doing to optimize your email’s layout? The design aesthetic of your email template are just as critical as the words you use. So let’s take a look at nine design elements that will help to boost your bottom line.

7 Ways to Harness the Power of Transactional Email

Transactional email, while not always as sexy as marketing email, gets 4-8x more opens and clicks than bulk mailings. Plus, transactional emails can be part of the first impression a new prospect/buyer has of your brand, so you need to make it count.

In this blog, we’ll break down 7 ways to optimize these emails.

Find and Fix Email Deliverability Issues

Sometimes it can seem like quite a challenge to figure out why your
email isn’t getting delivered.

So how can you figure out what problem is plaguing
your latest email campaign? It’s not as difficult as you might think.
The tools we offer at Email on Acid make it easy to determine the
problem.

Tutorial: Build an Interactive Carousel for Email

Interactive email is becoming more popular than ever. Carousels can be a
powerful tool for email, especially for mobile where vertical space is
at a premium.

The carousel we’ll be creating below isn’t just for images
though, you can add any content you want to each section (including
buttons and text).