Two months ago, Hotmail announced the addition of new email controls that will give users greater ability to regulate the influx of marketing messages they receive. The new features will address the problem of “graymail,” the messages a user did at one time subscribe to but which now no longer engage his attention.  Newsletters, Groupon-style ads, and online clubs can all fall under the category of graymail if the subscriber deletes or marks them as spam without opening.

How Hotmail users will control graymail

The primary change to Hotmail’s handling of graymail is that newsletters will be automatically marked as such by the email service. This designation will enable Hotmail users to perform tasks such as:

• Scheduled Sweeps—Designate an expiration date for mail from specified senders, with automatic deletions when the message expires. This action also allows Hotmail users to sweep newsletters directly to a subfolder or to delete them altogether

• Inbox Unsubscribes—Unsubscribe from a mailing list directly from Hotmail’s inbox. Hotmail will handle the unsubscribe process for you, or simply block the email

• Instant Actions—Delete, flag, mark read, or sweep messages to a subfolder simply by hovering over the message in your inbox

What this means for marketers

While news of Hotmail’s new graymail controls may cause initial panic for email marketers, the truth is that the success of your email marketing campaign will continue to depend on the same thing it always has: value for the subscriber. Your customers wanted your email once; by making each email communication relevant to your subscribers, you can continue to keep them engaged with the marketing emails you send.

The scissors are on the table. The  hand is in his pocket. The weather was nice.

I’m bored already.

If you’re prepping an email campaign, then you already know that if you don’t have an interesting subject line, you’re dead in the water. There’s more to email campaigns than “Laptops Are On Sale.”

Strong active verbs help make your subject lines taut and exciting. If you’re cold emailing a sales lead, or following up with an existing customer hoping for follow-through sales, strong action verbs are absolutely essential.

What is an action verb?

An action verb is simply that: a verb that denotes an action. The opposite of an action verb is a passive verb, a verb that doesn’t denote an action. Jump is an active verb. Punch. Explode. Grab. Run. Scream. Smile. Active verbs do something.

Am, is, are, was, were, be, being, been. Those are passive verbs. They don’t do anything. They just sit there. You have a five to ten word subject line to get your readers’ interest, and passive verbs won’t get the job done.

Over the holiday season, I used my mobile phone more often than usual for a variety of tasks: checking email and Facebook, shopping online, browsing the internet. Being stuck in a car for 10 hours and away from your office for over a week necessitates some creativity when it comes to staying connected. Because I was stuck using my mobile device almost exclusively for these tasks, I became more aware of the frustrations associated with email messages and websites not designed with the mobile user in mind. And while this subject has been discussed before, I think it’s worth revisiting, especially as we enter a new year and begin planning new email marketing campaigns. So, without further ado, here’s my list of the top five ways to keep your mobile users happy.

Big Buttons

Fingers are much less precise than mouse pointers. Make it easier for your mobile subscribers to open and click by making buttons fat finger friendly.

Space Between Clickable Elements

Another problem that arises when you’re using a finger instead of a mouse is clickable elements placed too close together, resulting in mis-clicks. By adding additional white space between clickable elements, you can reduce the likelihood that users will find themselves waiting for the wrong page to load.

Important Information Visible Without Scrolling or Enlarging

When you have dozens of emails to catch up on, it’s important that you are able to grasp the main idea quickly. Test your email messages on a mobile device to ensure that font sizes are readable and that the user doesn’t have to scroll either vertically or horizontally to see your main message and call to action.

Single Columns

HTML is much less flexible than CSS when it comes to re-ordering columns and content blocks. Make it easy on yourself and on your subscribers by sticking to a single column that will display appropriately on a mobile screen.

Hide Unnecessary Content

It’s great to include social sharing buttons, links to your social media pages, and other secondary content in your email messages. But on a mobile device, all that extra content makes it more difficult for your subscribers to get the main message. Make mobile emails easier to scan and read by hiding images, text, and other content that isn’t strictly necessary.

As you’re designing new email campaigns for 2012, eConnect Email offers flexible design options, image management, templates, and inbox previews to help ensure that each message displays exactly as intended. By catering to the unique needs of mobile users, you can ensure that an increasingly mobile audience will continue to read and interact with your messages.

It’s easy to focus exclusively on the content of your messages when it comes to creating engaging emails. But all too often, it’s the interactions at a more fundamental level that will make the most difference. If you’re not considering these four engagement opportunities, you could be missing out on the chance to earn or keep the attention of your subscribers.

The Sign-Up Process

Because it’s your initial point of interaction with future subscribers, the sign-up process gives you the chance to make memorable first impression. Prepare for a long and happy relationship with new subscribers by:

• Using Double Opt-Ins

Verify new subscriber requests by sending a confirmation e-mail that must be clicked for final activation. This ensures that the right person signed up using the right e-mail address and that they’ll be expecting your messages.

• Creating Expectations

Let the subscriber know how often to expect messages and what kind of content they can expect to see. No surprises.

On occasion, we review HTML email code for a few clients. This review isn’t an audit. It’s an answer to a client’s plea for help. Sometimes a client will approach us for help because they can’t figure out how to fix an image that refuses to sit in the right place or how to correct some little glitch in the text format.

Having dealt with such problems for a while, we’ve learned some tricks and tips. We’d like to share those with you. So, here are some simple steps to follow to fix broken email code.

MsoNormal

Using Microsoft Word is one of the easiest ways to mess up a perfectly coded email. You can lose hours and hours of work simply by copying and pasting your text into Word. The great thing is, Word is the simplest mistake to catch and fix. Open the source of the email (using WYSIWYG or some other editor), and run a search for “mso-”. Nearly every special CSS attribute that Microsoft Word creates begins with “mso-”.

This problem can be avoided quite easily. Simply paste any text you’re copying from Word in Notepad. Then you can copy the text from Notepad into the editor you use. That way you’ll make sure there you don’t have any lingering Word classes.

Floats, Background Images, and Boxes

“float” is a very common CSS attribute. Generally, it is found on “<div />” tags. Unfortunately, in emails, these aren’t actually a good idea. Web developers use floats all the time. And if you’re a web developer, you might find yourself wanting to sneak float into emails. The truth is, float can ruin any good template. It isn’t supported in email creation.

Background images may look cool, but they’re dreadful to work with. In fact, they simply don’t work in email. Just avoid them, and you won’t have trouble.

Then again, “<div />” tags are partially supported and very unreliable, rendering totally different in just about every email client. There are even a few email clients (such as Lotus Notes) that totally remove them. Some email clients even strip them out!

Margin

Margin may seem like a simple thing, but it can cause a huge headache! At times it works great. Other times it quits working quite unexplainably. So, want to avoid problems? Take the margin out of your email and leave it out. If an element requires a margin set it at “margin-top:0px”. If you do that, the first paragraph tag will sit at the top of the table, and so on. You won’t lose any cushioning room by removing the margins, since they’re made to overlap in the first place. For spacing, especially vertical, use tables.

Why does the color disappear?

Color can be a strange attribute that comes and goes. Sometimes you’ll see the nice bright red headings. Sometimes you’ll be back to the boring black that you tried to get rid of. Don’t panic if this happens. There’s a solution.

First try to adjust the placement of the color attribute in your inline style. Try moving it backward or forward one attribute. To make doubly sure that it appears, add the style to a <style /> tags. Assuming the inline styles for your email clients strip the <style /> and <head /> tags, you won’t hurt anything by adding it.

Table Cell Spacing

As we mentioned in the third step, you should be relying on tables for most of your spacing. What wasn’t mentioned there is that table cells can be pretty irregular in size. In several email clients, the empty <td />, no matter what its width or height attributes, comes out meaning “Don’t render me!” Stranger still, a <td /> tag containing an image that is shorter than the font height and has a height declared will elongate itself to your font height. (Confusing enough to read, and to figure out!)

Here’s a simple trick for solving these problems. Use whitespace images. Make an image that is the height or width you need, and put it in your cell. The image doesn’t have to be of anything. It can just be the background color!

Conclusion

Of course, this has barely touched on all the things that it could have, and all the problems that could possibly crop up in coding. I hope, however, that these five quick steps prove helpful in figuring out the nightmares of cross-client work.

Don’t stop here. We’re continually expanding our list of unsupported attributes and tags. Check it out and make sure there aren’t any other rules you’re breaking. If you don’t have it email us.

Best of luck! Don’t forget you can always contact us for help.