Preview your email in the most popular email clients and mobile devices.    Try it for FREE!

The Results from our “Mozified” Newsletter are In!

Posted September 21, 2012 by Michelle Klann

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

Oct. 15, 2012 Update:
Mozify is now available to our paid subscribers, at no additional cost!

Last Wednesday - September 12, 2012 to be exact, we sent out an email blast with more information about Mozify along with a crafty headline image demonstrating the capabilities of our new tool! Thanks to all of you who watched our introductory videos and shared your interest in using Mozify!

Once again, the number of requests to join our private beta has blown us away and the stats from our email campaign were even more amazing!

  • 316% increase in traffic to our website
  • 30.1% Unique Open Rate - twice our tech industry average according to Mail Chimp.
  • 13.6% Click Rate - 5X higher than the standard!
  • 0.9% Unsubscribe Rate - 76% lower than average.

 

 

So how'd we do it?

Several of you have asked how we pulled this off so let's dive into a brief tutorial which explains each of the steps we took in more detail.

First, let's take a look at our final newsletter.

Before Images are Downloaded: After Images are Downloaded:

Step 1.)

We designed our header so that it would display a different image before and after images are downloaded. See, that's the nifty thing about Mozify, you can create mosaics from one image and then display an entirely different image once images are downloaded.

We also used a different headline for each instance. Notice, both headlines can stand on their own. In other words, if someone doesn't download images, they still read "Say goodbye to image blocking." And, in the instance that they open this email in Apple Mail (which does not block images by default) they can still read "Say hello to Mozify." Each message is succinct - so it's not confusing to our readers if they see one, or both.

The nice thing about having two headlines is that we were able to incentivize our audience by luring them into downloading images.

Step 2.)

We sliced the before and after graphics into 4 parts and created an HTML table to hold each of the images so they line up perfectly. Here's an example showing our Photoshop slices:

Note: Using a simple naming convention makes for a simple search and replace later on. For example:

before_1, before_2, before_3, before_4
after_1, after_2, after_3, after_4

Step 3.)

As we mention at several points on our online demo, the goal is to keep the total file size of your email below 100K and the more conservative the better. By breaking up our image into 4 parts, it allowed us to create 4 different mosaics, each with a different addition to the total file size.

The left and right images don't have much detail so we set those up using 10 X 15 rows and columns and their total file size is around 5.5K each.

For the center image, we used a higher number of rows (50) and columns (45) so that we could get more detail in the man holding the sign. From there, we merged several rows and columns to save in total file size. Merging a large area in the middle also allowed us to insert the "?" using stylized text. The total for this came to 31K.

The bottom image was pretty straight forward. For this, we created a 60 X 10 table, merged several rows and columns and inserted our headline into the merged area. The total for this came to just under 5.8K.

From there we optimized several additional graphics such as our logo, the buttons to view the online demo, and the latest release headlines by using Mozify's "insert text only" option.

Here's step 3 from start to finish:

Step 4.)

Next we downloaded the new source from Mozify, replaced all instances of "before_" to "after_" and voila!

We've had internal talks about allowing you to swap out the "downloaded" version within the Mozify application itself so that you don't have to run step 4 but this is dependent on application updates that might take a priority before our official release.

Step 5.)

TEST!!! Last, but certainly not least, we sent our finished email from our sending email service provider to our Email on Acid account in order to preview our final newsletter with images blocked and with images downloaded. We even shared our test results with our entire team to make sure we didn't leave any stone unturned!

Thanks again to those of you who have participated in our private beta!

 

Comments

B. Moore pic
B. Moore
OK! OK!

I have seen enough, its bad to the bone! and now I have to test it with my own work and see the results with my own 2 eyes.

Now they hard part....
Figuring out a way to convince my boss to use your service so I can be a part of Mozify!
Posted 09/21/2012

streamcompanies pic
streamcompanies
Any update on the public release since I was too late for the private beta?
Posted 10/08/2012

Avatar
Isave AS
Hello, is there a relase date to this fantastic new feature?
Posted 10/11/2012

Asa Shatkin pic
Asa Shatkin
Awesome - looking forward to the public Beta and higher clicks and opens!
Posted 10/11/2012

MartyWalsen_delete pic
MartyWalsen_delete
I don't know what I did wrong, but everytime I try to use the mozify button, it just showed a blank page, nothing else on it. Does anyone else have the same problem with me?
Posted 10/15/2012

Avatar
EOA Test Account
Hi Marty,

We have found the bug and have since fixed the issue. My apologies for the inconvenience, and let us know if you continue to see any further issues.
Posted 10/17/2012

Comment via our Blog

Name:
Email:
Location:
URL:

Comment:

Remember my personal information
Notify me of follow-up comments?

Please enter the word you see in the image below:

x
Sign up for our Newsletter

And get updates on the latest email tips, tricks and hacks!